:root{--cliq-white:#fff;--cliq-cream:#f0f8fd;--cliq-gray-50:#f5f8fa;--cliq-gray-100:#e8eef2;--cliq-gray-200:#d4dde4;--cliq-gray-300:#a8b8c4;--cliq-gray-400:#7a8f9e;--cliq-gray-500:#566e7e;--cliq-gray-600:#3e5565;--cliq-gray-700:#003459;--cliq-gray-800:#002035;--cliq-gray-900:#00171f;--cliq-blue-50:#edf7fc;--cliq-blue-100:#b0e0f5;--cliq-blue-500:#00a7e1;--cliq-blue-600:#00a7e1;--cliq-blue-700:#0090c0;--cliq-mint-50:#e0f0f6;--cliq-mint-500:#007ea7;--cliq-mint-600:#006b8f;--cliq-green-50:#e6f4ea;--cliq-green-500:#34a853;--cliq-green-600:#1e8e3e;--cliq-red-50:#fff3e0;--cliq-red-500:#ff5722;--cliq-red-600:#e64a19;--cliq-yellow-50:#fef7e0;--cliq-yellow-500:#fbbc04;--cliq-purple-50:#f3e8fd;--cliq-purple-500:#a142f4;--color-primary:var(--cliq-blue-600);--color-primary-hover:var(--cliq-blue-700);--color-primary-bg:var(--cliq-blue-50);--color-secondary:var(--cliq-mint-500);--color-secondary-hover:var(--cliq-mint-600);--color-secondary-bg:var(--cliq-mint-50);--color-success:var(--cliq-green-600);--color-success-bg:var(--cliq-green-50);--color-error:var(--cliq-red-600);--color-error-bg:var(--cliq-red-50);--color-warning:var(--cliq-yellow-500);--color-warning-bg:var(--cliq-yellow-50);--color-text:var(--cliq-gray-600);--color-text-heading:var(--cliq-gray-900);--color-text-light:var(--cliq-gray-400);--color-bg:var(--cliq-white);--color-bg-surface:var(--cliq-gray-50);--color-bg-cream:var(--cliq-cream);--color-bg-dark:var(--cliq-gray-900);--color-bg-interactive:var(--cliq-white);--color-border:var(--cliq-gray-300);--color-border-light:var(--cliq-gray-200);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--font-display:"Anton", Impact, "Arial Narrow", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--text-7xl:6rem;--text-8xl:8rem;--text-hero:clamp(6rem, 15vw, 16rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0d0d0d0a;--shadow-md:0 2px 4px #0d0d0d0d;--shadow-lg:0 4px 8px #0d0d0d0f;--shadow-xl:0 6px 16px #0d0d0d14;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-max:1280px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-family:var(--font-sans);letter-spacing:-.02em;font-weight:600;line-height:1.15}em,i{font-style:italic}b,strong{font-weight:700}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.text-center{text-align:center}.band-tag{letter-spacing:.03em;color:var(--band-color,#6b7280);background:color-mix(in srgb, var(--band-color,#6b7280) 12%, transparent);border:1px solid color-mix(in srgb, var(--band-color,#6b7280) 25%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:600;line-height:1.4;display:inline-flex}#root{min-height:100svh}.loading{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.loading__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.loading__star{font-family:var(--font-sans);color:#00f07c;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;animation:4s step-end infinite starFlicker;position:absolute}@keyframes starFlicker{0%,to{opacity:1}40%{opacity:0}44%{opacity:1}78%{opacity:0}82%{opacity:1}}.loading__logo{z-index:1;height:120px;position:relative}.loading__text{z-index:1;text-align:center;font-family:var(--font-sans);font-size:var(--text-base);color:#000;letter-spacing:-.02em;margin:0;font-weight:500;position:absolute;bottom:16px;left:0;right:0}.loading__dots:after{content:"";animation:1.5s step-end infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.loading__bar{z-index:1;background:#e0e0e0;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.loading__bar-fill{background:#00f07c;border-radius:999px;width:40%;height:100%;animation:2.5s ease-in-out infinite loadSlide}@keyframes loadSlide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.sitenav{z-index:100;background:var(--nav-bg);justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:relative}.sitenav--light{--nav-bg:#fff;--nav-text:#111;--nav-text-hover:#555;--nav-cta-bg:#00f07c;--nav-cta-text:#000;--nav-cta-hover:#00d46c}.sitenav--blue{--nav-bg:var(--cliq-blue-50);--nav-text:#111;--nav-text-hover:#555;--nav-cta-bg:var(--color-primary);--nav-cta-text:#fff;--nav-cta-hover:var(--color-primary-hover)}.sitenav--green{--nav-bg:#00f07c;--nav-text:#000;--nav-text-hover:#333;--nav-cta-bg:#000;--nav-cta-text:#00f07c;--nav-cta-hover:#222}.sitenav__left{flex-shrink:0;align-items:center;display:flex}.sitenav__logo{line-height:0}.sitenav__logo img{height:32px;display:block}.sitenav__links{align-items:center;gap:24px;display:flex}.sitenav__link{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--nav-text);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;font-weight:600;text-decoration:none;transition:color .2s}.sitenav__link:hover{color:var(--nav-text-hover);text-decoration:none}.sitenav__link--active{text-underline-offset:4px;text-decoration:underline}.sitenav__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.sitenav__cta{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--nav-cta-text);background:var(--nav-cta-bg);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.sitenav__cta .material-symbols-outlined{font-size:28px}.sitenav__cta:hover{background:var(--nav-cta-hover);text-decoration:none}.sitenav__avatar-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.sitenav__avatar{object-fit:cover;border:2px solid #e0e0e0;border-radius:50%;width:36px;height:36px}.sitenav__avatar--fallback{color:#888;background:#f0f0f0;justify-content:center;align-items:center;font-size:20px;display:flex}.sitenav__burger{cursor:pointer;color:var(--nav-text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.sitenav__burger .material-symbols-outlined{font-size:28px}.sitenav__overlay{z-index:98;position:fixed;inset:0}.sitenav__dropdown{z-index:99;background:#fff;border-radius:0 0 12px 12px;flex-direction:column;min-width:220px;padding:8px 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000001f}.sitenav__drop-link{font-family:var(--font-sans);color:#333;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.sitenav__drop-link .material-symbols-outlined{color:#888;font-size:20px}.sitenav__drop-link:hover{background:#f5f5f5;text-decoration:none}.sitenav__drop-link--active{color:#000;font-weight:600}.sitenav__drop-link--active .material-symbols-outlined{color:#000}.sitenav__drop-link--cta{color:var(--nav-cta-text,#000);font-weight:600}@media (width<=1024px){.sitenav{padding:0 24px}.sitenav__links{gap:16px}.sitenav__link{font-size:var(--text-base)}.sitenav__cta{font-size:var(--text-base);gap:6px;padding:4px 10px}.sitenav__cta .material-symbols-outlined{font-size:22px}}@media (width<=768px){.sitenav{height:52px;padding:0 16px}.sitenav__logo img{height:26px}.sitenav__links{display:none}.sitenav__cta{font-size:var(--text-sm);gap:4px;padding:4px 10px}.sitenav__cta .material-symbols-outlined{font-size:18px}.sitenav__burger{display:flex}}@media (width<=480px){.sitenav__cta-label{display:none}.sitenav__cta{border-radius:50%;padding:6px}.sitenav__cta .material-symbols-outlined{font-size:22px}}.sitefooter-wrap{z-index:1;background:#fff;padding:10px;position:relative}.sitefooter{background:#00f07c;border-radius:24px;position:relative;overflow:hidden}.sitefooter__star{font-family:var(--font-sans);color:#000;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.sitefooter__top{grid-template-columns:1fr 1fr;align-items:start;gap:60px;padding:80px 60px 60px;display:grid}.sitefooter__giant{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(3.5rem,8vw,8rem);font-weight:400;line-height:.92}.sitefooter__columns{gap:60px;padding-top:8px;display:flex}.sitefooter__col{flex-direction:column;gap:6px;display:flex}.sitefooter__col-title{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-weight:700}.sitefooter__col-link{font-family:var(--font-sans);font-size:var(--text-sm);color:#0a3d1f;text-decoration:none;transition:color .15s}.sitefooter__col-link:hover{color:#000}.sitefooter__eyes-wrap{justify-content:center;padding:40px 60px 20px;display:flex}.sitefooter__eyes{width:200px}.sitefooter__bottom{border-top:1px solid #00000026;justify-content:space-between;align-items:center;padding:20px 60px;display:flex}.sitefooter__copy{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;text-transform:uppercase;font-weight:700}.sitefooter__bottom-links{gap:24px;display:flex}.sitefooter__bottom-link{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;text-transform:uppercase;font-weight:700;text-decoration:none}.sitefooter__bottom-link:hover{color:#333}.sitefooter__bottom-link--muted{color:#555;text-transform:uppercase;font-size:12px;font-weight:400}.sitefooter__bottom-link--muted:hover{color:#333}@media (width<=768px){.sitefooter__top{padding:48px var(--space-5) 40px;grid-template-columns:1fr;gap:40px}.sitefooter__giant{font-size:clamp(2.5rem,12vw,4rem)}.sitefooter__eyes-wrap{padding:20px var(--space-5) 12px}.sitefooter__bottom{padding:16px var(--space-5);flex-direction:column;align-items:flex-start;gap:12px}}.home{color:#d4d4d4;min-height:100vh;font-family:var(--font-sans);background:#121212;position:relative;overflow-x:hidden}.home__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home__star{font-family:var(--font-sans);color:#000;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.home__marquee{background:var(--color-primary);white-space:nowrap;padding:10px 0;overflow:hidden}.home__marquee-track{width:fit-content;animation:30s linear infinite home-marquee;display:flex}.home__marquee-set{flex-shrink:0;align-items:center;gap:32px;padding-right:32px;display:flex}.home__marquee-set span{font-family:var(--font-sans);font-size:var(--text-xs);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.home__marquee-sep{opacity:.6;font-size:10px!important}@keyframes home-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.home__main{z-index:1;min-width:0;position:relative;overflow-x:hidden}.home__btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-weight:500;line-height:1;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.home__btn:hover{text-decoration:none}.home__btn:focus-visible{outline-offset:2px;outline:2px solid #3b6bf5}.home__btn--primary{color:#fff;background:#3b6bf5}.home__btn--primary:hover{background:#4f7bff}.home__btn--ghost{color:#bbb;background:0 0;border:1.5px solid #333}.home__btn--ghost:hover{color:#eee;background:#1e1e1e;border-color:#555}.home__hero{background:#fff;grid-template-columns:1fr 1fr;min-height:calc(100vh - 100px);display:grid}.home__hero-text{flex-direction:column;justify-content:space-between;padding:48px 60px 60px;display:flex}.home__hero-giant{font-family:var(--font-display);color:#111;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(5rem,11vw,11rem);font-weight:400;line-height:.92}.home__hero-intro{font-family:var(--font-sans);color:#111;max-width:480px;margin:0;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;line-height:1.45}.home__hero-dot{background:var(--color-primary);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin:0 2px;display:inline-block}.home__hero-media{background:#d4ecf7;border-radius:20px;justify-content:center;align-items:center;margin-right:40px;padding:40px;display:flex;overflow:hidden}.home__hero-media img{object-fit:contain;max-width:80%;max-height:80%}.home__mission{background:#fff;flex-direction:column;justify-content:space-between;padding:100px 60px 120px;display:flex}.home__mission-giant{font-family:var(--font-display);color:#111;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.home__mission-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:auto;padding-top:80px;display:flex}.home__mission-text{font-family:var(--font-sans);color:#111;max-width:520px;margin:0;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;line-height:1.45}.home__mission-link{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.home__mission-link .material-symbols-outlined{font-size:28px}.home__mission-link:hover{color:#555}.home__subjects{background:#f5f5f5;padding:120px 60px 140px}.home__subjects-heading{font-family:var(--font-display);color:#111;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.home__subjects-sub{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;max-width:420px;margin:0 0 48px;line-height:1.6}.home__subjects-grid{flex-wrap:wrap;gap:12px;display:flex}.home__subject-chip{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.home__subject-chip:hover{text-decoration:none;box-shadow:0 4px 20px #00000026;transform:rotate(0)scale(1.08)!important}.home__subject-chip:focus-visible{outline-offset:2px;outline:2px solid #3b6bf5}.home__subject-chip-icon{color:#fff;font-size:24px}.home__subject-chip-name{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;font-weight:700}.home__subject-chip:first-child{background:#3b82f6;transform:rotate(-2deg)}.home__subject-chip:nth-child(2){background:#60a5fa;transform:rotate(1.5deg)}.home__subject-chip:nth-child(3){background:#2563eb;transform:rotate(-1deg)}.home__subject-chip:nth-child(4){background:#00c978;transform:rotate(3deg)}.home__subject-chip:nth-child(5){background:#34d399;transform:rotate(-3deg)}.home__subject-chip:nth-child(6){background:#fb923c;transform:rotate(1deg)}.home__subject-chip:nth-child(7){background:#8b5cf6;transform:rotate(-2.5deg)}.home__subject-chip:nth-child(8){background:#a78bfa;transform:rotate(2deg)}.home__subject-chip:nth-child(9){background:#7c3aed;transform:rotate(-1.5deg)}.home__subject-chip:nth-child(10){background:#14b8a6;transform:rotate(3.5deg)}.home__subject-chip:nth-child(11){background:#2dd4bf;transform:rotate(-2deg)}.home__subject-chip:nth-child(12){background:#0d9488;transform:rotate(1deg)}.home__subject-chip:nth-child(13){background:#06b6d4;transform:rotate(-3deg)}.home__subject-chip:nth-child(14){background:#22d3ee;transform:rotate(2.5deg)}.home__subject-chip:nth-child(15){background:#f59e0b;transform:rotate(-1deg)}.home__subject-chip:nth-child(16){background:#fbbf24;transform:rotate(3deg)}.home__subject-chip:nth-child(17){background:#eab308;transform:rotate(-2deg)}.home__subject-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.home__subject-overlay-content{text-align:center;flex-direction:column;align-items:center;max-width:480px;padding:48px;display:flex}.home__subject-overlay-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;line-height:0;transition:color .15s,background .15s;position:fixed;top:24px;right:24px}.home__subject-overlay-close:hover{color:#fff;background:#ffffff1a}.home__subject-overlay-close .material-symbols-outlined{font-size:28px}.home__subject-overlay-icon{color:#fff;margin-bottom:24px;font-size:56px}.home__subject-overlay-name{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1}.home__subject-overlay-easy{font-family:var(--font-sans);font-size:var(--text-lg);color:#ffffffb3;margin:0 0 36px;line-height:1.5}.home__subject-overlay-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.home__subject-overlay-btn .material-symbols-outlined{font-size:18px}.home__subject-overlay-btn:hover{background:#e0e0e0;text-decoration:none}.home__problems{background:#121212;padding:100px 60px 120px}.home__problems-title{font-family:var(--font-display);color:#f0f0f0;text-transform:uppercase;letter-spacing:-.02em;max-width:700px;margin:0 0 60px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.home__problems-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.home__problem-card{flex-direction:column;display:flex}.home__problem-visual{aspect-ratio:3;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.home__problem-visual .material-symbols-outlined{font-size:56px}.home__problem-visual--cta{background:#111!important}.home__problem-visual--cta .material-symbols-outlined{color:#00f07c}.home__problem-heading{font-family:var(--font-display);color:#f0f0f0;text-transform:uppercase;margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400;line-height:1.2}.home__problem-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#ccc;margin:0;line-height:1.65}.home__solution-link{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;background:#00f07c;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:16px;padding:10px 20px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.home__solution-link:hover{background:#00d46c;text-decoration:none}.home__feature{background:#fff;padding:100px 60px 120px}.home__feature-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.home__feature-left{position:sticky;top:80px}.home__feature-title{font-family:var(--font-display);color:#111;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.home__feature-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;max-width:400px;margin:0 0 32px;line-height:1.7}.home__feature-link{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;text-transform:uppercase;letter-spacing:-.04em;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.home__feature-link .material-symbols-outlined{font-size:28px}.home__feature-link:hover{color:#555}.home__feature-right{flex-direction:column;gap:40px;display:flex}.home__feature-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home__feature-list li{font-family:var(--font-sans);font-size:var(--text-sm);color:#444;border-top:1px solid #d4d4d4;padding:14px 0;line-height:1.4}.home__feature-list li:last-child{border-bottom:1px solid #d4d4d4}.home__feature-stats{grid-template-columns:1fr 1fr;gap:24px;display:grid}.home__feature-stat{padding:0}.home__feature-stat-number{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1}.home__feature-stat-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#888;margin:0;line-height:1.5}.home__standards{background:#fff;border-top:1px solid #e0e0e0;padding:100px 60px 120px}.home__standards-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.home__standards-title{font-family:var(--font-display);color:#111;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.home__standards-right{flex-direction:column;gap:32px;display:flex}.home__standards-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0;line-height:1.7}.home__standards-links{flex-wrap:wrap;gap:24px;display:flex}.home__standards-link{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;text-transform:uppercase;letter-spacing:-.04em;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.home__standards-link .material-symbols-outlined{font-size:28px}.home__standards-link:hover{color:#555}@media (width<=1100px){.home__hero-text{padding:40px 48px 48px}.home__hero-giant{font-size:clamp(4rem,9vw,8rem)}.home__mission,.home__subjects,.home__problems,.home__feature,.home__standards{padding:100px 60px}}@media (width<=960px){.home__hero{min-height:auto}.home__hero-text{padding:32px 40px 40px}.home__hero-giant{font-size:clamp(3.5rem,8vw,6rem)}.home__mission,.home__subjects,.home__problems,.home__feature,.home__standards{padding:80px 48px}.home__feature-layout{gap:48px}.home__problems-grid{grid-template-columns:repeat(2,1fr)}.home__feature-stats{grid-template-columns:1fr 1fr}}@media (width<=768px){.home__hero{grid-template-columns:1fr;min-height:auto}.home__hero-text{padding:40px var(--space-5) 32px}.home__hero-giant{margin-bottom:var(--space-10);font-size:clamp(3rem,14vw,5rem)}.home__hero-intro{font-size:1rem}.home__hero-media{min-height:280px;padding:32px var(--space-5)}.home__hero-media img{max-width:50%}.home__mission,.home__subjects,.home__problems,.home__feature,.home__standards{padding:60px var(--space-5)}.home__mission-giant{font-size:clamp(2rem,8vw,3rem)}.home__mission-bottom{align-items:flex-start;gap:var(--space-6);flex-direction:column;padding-top:40px}.home__subjects-heading{font-size:clamp(2rem,8vw,3rem)}.home__feature-layout{grid-template-columns:1fr;gap:32px}.home__feature-left{position:static}.home__feature-title{font-size:clamp(2rem,8vw,3rem)}.home__standards-layout{grid-template-columns:1fr;gap:32px}.home__standards-title{font-size:clamp(2rem,8vw,3rem)}.home__standards-links{flex-direction:column;gap:16px}.home__problems-grid{grid-template-columns:1fr}.home__feature-stats{grid-template-columns:1fr 1fr}.home__feature-stat-number{font-size:40px}}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 22px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.btn--primary{color:#fff;background:#1a73e8}.btn--primary:hover{background:#1765cc;box-shadow:0 1px 3px #1a73e84d}.btn--primary:active{background:#185abc}.btn--secondary{color:#5f6368;background:#f1f3f4;border-radius:20px 8px 8px 20px}.btn--secondary:hover{color:#202124;background:#e8eaed}.btn--secondary:active{background:#dadce0}.btn--text{color:#1a73e8;background:0 0;padding:8px 12px}.btn--text:hover{background:#e8f0fe}.btn--text:active{background:#d2e3fc}.btn--cta{color:#1a73e8;background:0 0;gap:6px;padding:8px 16px;font-weight:500}.btn--cta:hover{background:#e8f0fe}.btn--cta .btn__icon-circle{color:#1a73e8;background:0 0;border-radius:0;width:auto;height:auto;font-size:18px}.btn--cta .btn__icon-circle .material-symbols-outlined{font-size:18px}.btn--small{padding:5px 14px;font-size:13px}.btn--large{padding:12px 28px;font-size:15px}.btn--cta.btn--large{padding:12px 0;font-size:15px}.btn--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn__icon-circle{color:#fff;background:#202124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s;display:flex}.btn__icon-circle svg{transition:transform .15s}.btn--primary .btn__icon-circle{color:#fff;background:#fff3}.btn--secondary .btn__icon-circle{color:#fff;background:#1a73e8;width:26px;height:26px}.btn--small .btn__icon-circle{width:22px;height:22px}.btn--small .btn__icon-circle svg{width:10px;height:10px}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.3px;border:1px solid #0000;font-weight:500;line-height:1.4;display:inline-flex}.badge--gray{background:var(--cliq-gray-100);color:var(--cliq-gray-700)}.badge--blue{background:var(--cliq-blue-50);color:var(--cliq-blue-600)}.badge--green{background:var(--cliq-green-50);color:var(--cliq-green-600)}.badge--red{background:var(--cliq-red-50);color:var(--cliq-red-600)}.badge--yellow{background:var(--cliq-yellow-50);color:var(--cliq-gray-800)}.badge--purple{background:var(--cliq-purple-50);color:var(--cliq-purple-500)}.badge--outline{background:0 0}.badge--outline.badge--gray{border-color:var(--cliq-gray-300)}.badge--outline.badge--blue{border-color:var(--cliq-blue-500)}.badge--outline.badge--green{border-color:var(--cliq-green-500)}.badge--outline.badge--red{border-color:var(--cliq-red-500)}.badge--outline.badge--yellow{border-color:var(--cliq-yellow-500)}.badge--outline.badge--purple{border-color:var(--cliq-purple-500)}.progress{width:100%}.progress__header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress__label{font-family:var(--font-sans);color:#3c4043;font-size:13px;font-weight:500}.progress__percent{font-family:var(--font-sans);color:#5f6368;font-size:12px;font-weight:500}.progress__track{background:#e8eaed;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress__fill{border-radius:4px;min-width:0;height:100%;transition:width .3s}.progress__fill--blue{background:#1a73e8}.progress__fill--green{background:#34a853}.progress__fill--red{background:#ea4335}.card{background:#fff;border-radius:12px;padding:20px}.card--elevated{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.card--flat{background:#f8f9fa}.card--outlined{box-shadow:none;border:1px solid #dadce0}.card--pad-none{padding:0}.card--pad-small{padding:12px}.card--pad-large{padding:32px}.toast{opacity:0;visibility:hidden;z-index:1000;background:#323232;border-radius:999px;align-items:center;gap:12px;min-width:300px;max-width:480px;padding:12px 16px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.toast--visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.toast__icon{flex-shrink:0;align-items:center;display:flex}.toast__icon .material-symbols-outlined{font-size:20px}.toast--success .toast__icon{color:#81c995}.toast--error .toast__icon{color:#f28b82}.toast--info .toast__icon{color:#8ab4f8}.toast__message{font-family:var(--font-sans);color:#e8eaed;flex:1;font-size:14px;font-weight:400;line-height:1.4}.toast__close{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;line-height:1;transition:background .15s,color .15s;display:flex}.toast__close:hover{color:#e8eaed;background:#ffffff1a}.toast__close .material-symbols-outlined{font-size:18px}@media (width<=500px){.toast{min-width:auto;max-width:calc(100vw - 32px);left:16px;right:16px;transform:translateY(20px)}.toast--visible{transform:translateY(0)}}.accordion{width:100%}.accordion__item{border-bottom:1px solid #e8eaed}.accordion__item:last-child{border-bottom:none}.accordion__trigger{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:#202124;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:14px;font-weight:500;line-height:1.4;transition:color .15s;display:flex}.accordion__trigger:hover{color:#1a73e8}.accordion__trigger:focus-visible{outline-offset:-2px;outline:2px solid #1a73e8}.accordion__icon{color:#5f6368;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,color .2s;display:flex}.accordion__icon .material-symbols-outlined{font-size:20px}.accordion__item--open .accordion__icon{color:#1a73e8;transform:rotate(180deg)}.accordion__item--open .accordion__trigger{color:#1a73e8}.accordion__content{max-height:0;transition:max-height .3s;overflow:hidden}.accordion__item--open .accordion__content{max-height:500px}.accordion__body{color:#5f6368;font-family:var(--font-sans);padding:0 4px 16px;font-size:14px;line-height:1.6}@media (width<=640px){.accordion__trigger{padding:12px 4px;font-size:14px}}.tab-bar{border-bottom:1px solid #e8eaed;display:flex}.tab-bar__container{align-items:center;gap:0;display:flex}.tab-bar__tab{font-family:var(--font-sans);color:#5f6368;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-bar__tab:hover{color:#202124;background:#f8f9fa}.tab-bar__tab:focus-visible{outline-offset:-2px;outline:2px solid #1a73e8}.tab-bar__tab--active{color:#1a73e8;border-bottom-color:#1a73e8}@media (width<=768px){.tab-bar__container{max-width:100%;overflow-x:auto}.tab-bar__tab{padding:10px 14px;font-size:13px}}.section-header{margin-bottom:32px}.section-header--center{text-align:center}.section-header--left{text-align:left}.section-header__title{font-family:var(--font-sans);color:#202124;letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:400;line-height:1.2}.section-header__subtitle{font-family:var(--font-sans);color:#5f6368;max-width:600px;margin:0;font-size:16px;line-height:1.5}.section-header--center .section-header__subtitle{margin-inline:auto}@media (width<=640px){.section-header__title{font-size:22px}.section-header__subtitle{font-size:14px}}.mc{width:100%}.mc__question{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.mc__options{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.mc__option{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:6px;transition:background .15s;display:flex}.mc__option:hover:not(:disabled){background:#f1f3f4}.mc__option:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.mc__option:disabled{cursor:default}.mc__option--selected{background:#d3e3fd}.mc__option--selected:hover:not(:disabled){background:#c2d9f7}.mc__option--correct{background:#c4eed0}.mc__option--correct:hover:not(:disabled){background:#c4eed0}.mc__option--incorrect{background:#f4c7c3;animation:.3s mc-shake}.mc__option--incorrect:hover:not(:disabled){background:#f4c7c3}.mc__option-letter{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.mc__option--selected .mc__option-letter{color:#fff;background:#1a73e8}.mc__option--correct .mc__option-letter{color:#fff;background:#34a853}.mc__option--incorrect .mc__option-letter{color:#fff;background:#ea4335}.mc__option-text{color:#202124;font-size:14px;font-weight:500}.mc__explanation{color:#1a73e8;font-family:var(--font-sans);background:#e8f0fe;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-block}@keyframes mc-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media (width<=640px){.mc__question{font-size:14px}.mc__option{padding:5px}.mc__option-letter{width:24px;height:24px;font-size:11px}}.tf{width:100%}.tf__statement{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.tf__options{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.tf__option{cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:background .15s;display:flex}.tf__option:hover:not(:disabled){background:#f1f3f4}.tf__option:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.tf__option:disabled{cursor:default}.tf__option--selected{background:#d3e3fd}.tf__option--selected:hover:not(:disabled){background:#c2d9f7}.tf__option--correct{background:#c4eed0}.tf__option--correct:hover:not(:disabled){background:#c4eed0}.tf__option--incorrect{background:#f4c7c3;animation:.3s tf-shake}.tf__option--incorrect:hover:not(:disabled){background:#f4c7c3}.tf__option-icon{background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.tf__option-icon .material-symbols-outlined{color:#5f6368;font-size:16px;transition:color .15s}.tf__option--selected .tf__option-icon{background:#1a73e8}.tf__option--selected .tf__option-icon .material-symbols-outlined{color:#fff}.tf__option--correct .tf__option-icon{background:#34a853}.tf__option--correct .tf__option-icon .material-symbols-outlined{color:#fff}.tf__option--incorrect .tf__option-icon{background:#ea4335}.tf__option--incorrect .tf__option-icon .material-symbols-outlined{color:#fff}.tf__option-text{color:#202124;font-size:14px;font-weight:500}.tf__explanation{color:#1a73e8;font-family:var(--font-sans);background:#e8f0fe;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-block}@keyframes tf-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media (width<=640px){.tf__statement{font-size:14px}.tf__option-icon{width:24px;height:24px}.tf__option-icon .material-symbols-outlined{font-size:14px}}.typing{width:100%}.typing__stats{gap:16px;margin-bottom:12px;display:flex}.typing__stat{align-items:center;gap:6px;display:flex}.typing__stat-icon{color:#444746;align-items:center;display:flex}.typing__stat-icon .material-symbols-outlined{font-size:18px}.typing__stat-info{align-items:baseline;gap:3px;display:flex}.typing__stat-value{font-family:var(--font-mono);color:#1f1f1f;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.typing__stat-total{color:#444746;font-size:12px;font-weight:500}.typing__stat-label{font-family:var(--font-sans);color:#444746;font-size:11px;font-weight:500}.typing__progress-track{background:#dadce0;border-radius:999px;height:4px;margin-bottom:12px;overflow:hidden}.typing__progress-fill{background:#0b57d0;border-radius:999px;height:100%;transition:width .2s}.typing__prompt{font-family:var(--font-mono);cursor:text;-webkit-user-select:none;user-select:none;background:#f0f4f9;border-radius:16px;padding:20px;font-size:17px;line-height:2;transition:box-shadow .2s}.typing__prompt:focus{outline:none;box-shadow:0 0 0 2px #0b57d0}.typing__prompt--done{box-shadow:none}.typing__char{letter-spacing:.5px;color:#c4c7c5;position:relative}.typing__char--correct{color:#1e8e3e}.typing__char--incorrect{color:#b3261e;background:#fce8e6;border-radius:3px}.typing__char--current{color:#1f1f1f;border-bottom:2px solid #0b57d0;animation:1s step-end infinite typing-blink}@keyframes typing-blink{50%{border-color:#0000}}.typing__hint{color:#444746;font-family:var(--font-sans);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.typing__hint .material-symbols-outlined{font-size:16px}.typing__done{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.typing__done-badge{font-family:var(--font-sans);color:#1e8e3e;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.typing__done-badge .material-symbols-outlined{font-size:18px}.typing__reset{color:#0b57d0;font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #dadce0;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.typing__reset:hover{background:#f0f4f9}.typing__reset .material-symbols-outlined{font-size:16px}@media (prefers-reduced-motion:reduce){.typing__char--current{border-color:#0b57d0;animation:none}}@media (width<=640px){.typing__stats{flex-wrap:wrap;gap:10px}.typing__stat-value{font-size:14px}.typing__prompt{border-radius:12px;padding:16px;font-size:15px}}.ce{background:#1e1e2e;border-radius:14px;width:100%;max-width:760px;margin:0 auto;overflow:hidden}.ce__tabs{background:#181825;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 0;display:flex}.ce__tabs-left{align-items:center;min-width:0;display:flex}.ce__tabs-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.ce__tab{background:#1e1e2e;border-bottom:2px solid #8ab4f8;align-items:center;gap:6px;min-width:0;padding:10px 16px;display:flex}.ce__tab-icon{color:#8ab4f8;flex-shrink:0;font-size:16px}.ce__tab-name{font-family:var(--font-mono);color:#cdd6f4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.ce__tab-lang{font-family:var(--font-mono);letter-spacing:.5px;color:#8ab4f8;background:#8ab4f826;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.ce__tab-title{font-family:var(--font-mono);color:#9aa0a6;text-overflow:ellipsis;white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500;overflow:hidden}.ce__badge{font-family:var(--font-sans);color:#9aa0a6;background:#ffffff14;border-radius:999px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.ce__badge .material-symbols-outlined{font-size:13px}.ce__run{color:#fff;font-family:var(--font-sans);cursor:pointer;background:#34a853;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 14px 5px 10px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.ce__run:hover{background:#2d9249}.ce__run:active{background:#1e8e3e}.ce__run .material-symbols-outlined{font-size:16px}.ce__body{position:relative}.ce__body .monaco-editor{border-radius:0 0 14px 14px}.ce__loading{color:#5f6368;height:200px;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.ce__spinner{border:2.5px solid #333345;border-top-color:#8ab4f8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite ce-spin}@keyframes ce-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ce__spinner{animation:none}}@media (width<=640px){.ce{border-radius:10px}.ce__tab{padding:8px 12px}.ce__tab-name{font-size:11px}.ce__tab-lang{display:none}.ce__body .monaco-editor{border-radius:0 0 10px 10px}}.code-block{width:100%}.code-block__output{z-index:1;background:#111;border-radius:0 0 12px 12px;margin-top:-12px;padding:10px 16px;position:relative}.code-block__output-label{font-family:var(--font-mono);color:#34a853;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:600;display:inline-flex}.code-block__output pre{font-family:var(--font-mono);color:#e8eaed;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.dnd{width:100%}.dnd__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.dnd__list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.dnd__item{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:background .15s;display:flex}.dnd__item:hover{background:#f1f3f4}.dnd__item:active{cursor:grabbing}.dnd__item--dragging{opacity:.4}.dnd__item--over{background:#d3e3fd}.dnd__item--over:hover{background:#d3e3fd}.dnd__item--correct{background:#c4eed0}.dnd__item--correct:hover{background:#c4eed0}.dnd__item--incorrect{background:#f4c7c3}.dnd__item--incorrect:hover{background:#f4c7c3}.dnd__handle{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.dnd__handle .material-symbols-outlined{font-size:16px}.dnd__item--correct .dnd__handle{color:#fff;background:#34a853}.dnd__item--incorrect .dnd__handle{color:#fff;background:#ea4335}.dnd__item--over .dnd__handle{color:#fff;background:#1a73e8}.dnd__item-number{font-family:var(--font-mono);color:#9aa0a6;text-align:right;flex-shrink:0;min-width:14px;font-size:11px;font-weight:600}.dnd__item--correct .dnd__item-number{color:#137333}.dnd__item--incorrect .dnd__item-number{color:#a50e0e}.dnd__item-text{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500}.dnd__item--correct .dnd__item-text{color:#137333}.dnd__item--incorrect .dnd__item-text{color:#a50e0e}.dnd__actions{align-items:center;gap:8px;display:flex}.dnd__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.dnd__feedback .material-symbols-outlined{font-size:18px}.dnd__feedback--correct{color:#137333;background:#c4eed0}@media (width<=640px){.dnd__item{gap:8px;padding:5px 10px 5px 5px}.dnd__handle{width:24px;height:24px}.dnd__handle .material-symbols-outlined{font-size:14px}.dnd__item-text{font-size:13px}}.sd-score{flex-direction:column;align-items:center;gap:8px;display:flex}.sd-score__ring{justify-content:center;align-items:center;display:flex;position:relative}.sd-score__ring svg{display:block}.sd-score__fill{transition:stroke-dashoffset .6s}.sd-score__center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.sd-score__value{font-family:var(--font-sans);color:#202124;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.sd-score__icon{font-size:16px}.sd-score__label{font-family:var(--font-sans);color:#5f6368;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.sd-score__fill{transition:none}}.ap{align-items:center;gap:12px;display:flex}.ap__steps,.ap__group{align-items:center;display:flex}.ap__dot{width:30px;height:30px;font-family:var(--font-sans);color:#9aa0a6;background:#f1f3f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:flex}.ap__dot .material-symbols-outlined{font-size:16px}.ap__dot--done{color:#137333;background:#c4eed0}.ap__dot--current{color:#fff;background:#1a73e8;box-shadow:0 0 0 3px #d3e3fd}.ap__line{background:#e8eaed;flex-shrink:0;width:32px;height:2px;transition:background .2s}.ap__line--filled{background:#34a853}.ap__label{font-family:var(--font-sans);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.ap__label .material-symbols-outlined{color:#9aa0a6;font-size:14px}@media (prefers-reduced-motion:reduce){.ap__dot,.ap__line{transition:none}}@media (width<=480px){.ap__dot{width:26px;height:26px;font-size:11px}.ap__dot .material-symbols-outlined{font-size:14px}.ap__line{width:20px}}.device-frame{width:100%;max-width:100%;position:relative}.device-frame--panel .device-frame__screen{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);overflow:hidden}.device-frame--panel .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--laptop{max-width:100%}.device-frame--laptop .device-frame__lid{background:var(--cliq-gray-900);border-radius:16px 16px 0 0;padding:10px 10px 0;position:relative}.device-frame--laptop .device-frame__camera{border-radius:var(--radius-full);background:var(--cliq-gray-700);width:6px;height:6px;margin:0 auto 6px;box-shadow:inset 0 0 0 1px #ffffff14}.device-frame--laptop .device-frame__screen{background:var(--color-bg);aspect-ratio:16/10;border-radius:4px 4px 0 0;overflow:hidden auto}.device-frame--laptop .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--laptop .device-frame__hinge{background:var(--cliq-gray-900);justify-content:center;align-items:flex-end;height:10px;display:flex;position:relative}.device-frame--laptop .device-frame__hinge-notch{background:var(--cliq-gray-300);border-radius:0 0 3px 3px;width:14%;height:3px}.device-frame--laptop .device-frame__base{background:linear-gradient(to bottom, var(--cliq-gray-300), var(--cliq-gray-200));border-radius:0 0 6px 6px;width:104%;height:16px;margin-left:-2%;box-shadow:0 2px 6px #0000001a}.device-frame--laptop .device-frame__keyboard-area,.device-frame--laptop .device-frame__trackpad{display:none}.device-frame--tablet{background:var(--cliq-gray-900);border-radius:20px;max-width:768px;padding:14px;overflow:hidden}.device-frame--tablet .device-frame__status-bar{background:var(--color-bg);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.device-frame--tablet .device-frame__time{color:var(--cliq-gray-500);font-size:12px;font-weight:600}.device-frame--tablet .device-frame__status-icons{align-items:center;gap:6px;display:flex}.device-frame--tablet .device-frame__status-icons .material-symbols-outlined{color:var(--cliq-gray-500);font-size:14px}.device-frame--tablet .device-frame__screen{background:var(--color-bg);aspect-ratio:4/3;border-radius:0 0 10px 10px;overflow:hidden auto}.device-frame--tablet .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--phone{background:var(--cliq-gray-900);border-radius:24px;max-width:375px;padding:8px;overflow:hidden}.device-frame--phone .device-frame__status-bar{background:var(--color-bg);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex;position:relative}.device-frame--phone .device-frame__time{color:var(--cliq-gray-500);font-size:12px;font-weight:600}.device-frame--phone .device-frame__notch{background:var(--cliq-gray-900);border-radius:0 0 8px 8px;width:60px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-frame--phone .device-frame__status-icons{align-items:center;gap:4px;display:flex}.device-frame--phone .device-frame__status-icons .material-symbols-outlined{color:var(--cliq-gray-500);font-size:14px}.device-frame--phone .device-frame__screen{background:var(--color-bg);aspect-ratio:9/16;overflow:hidden auto}.device-frame--phone .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--phone .device-frame__home-bar{background:var(--color-bg);border-radius:0 0 16px 16px;justify-content:center;padding:8px 0 6px;display:flex}.device-frame--phone .device-frame__home-indicator{border-radius:var(--radius-full);background:var(--cliq-gray-300);width:120px;height:4px}.device-frame--watch{background:var(--cliq-gray-900);border-radius:var(--radius-full);max-width:200px;padding:8px;position:relative}.device-frame--watch .device-frame__crown{background:var(--cliq-gray-700);z-index:2;border-radius:3px;width:6px;height:24px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.device-frame--watch .device-frame__screen{border-radius:var(--radius-full);background:var(--color-bg);aspect-ratio:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.device-frame--watch .device-frame__screen img{object-fit:cover;width:100%;height:100%;display:block}.device-frame--monitor{flex-direction:column;align-items:center;max-width:100%;display:flex}.device-frame--monitor .device-frame__bezel{background:var(--cliq-gray-900);border-radius:12px 12px 0 0;width:100%;padding:8px 8px 0;position:relative}.device-frame--monitor .device-frame__camera{border-radius:var(--radius-full);background:var(--cliq-gray-700);width:5px;height:5px;margin:0 auto 5px;box-shadow:inset 0 0 0 1px #ffffff14}.device-frame--monitor .device-frame__screen{background:var(--color-bg);aspect-ratio:16/9;border-radius:2px;overflow:hidden auto}.device-frame--monitor .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--monitor .device-frame__chin{background:var(--cliq-gray-900);border-radius:0 0 2px 2px;width:100%;height:14px}.device-frame--monitor .device-frame__stand-neck{background:linear-gradient(to right, var(--cliq-gray-400), var(--cliq-gray-300), var(--cliq-gray-400));border-radius:0 0 2px 2px;width:12%;height:28px}.device-frame--monitor .device-frame__stand-base{background:linear-gradient(to bottom, var(--cliq-gray-300), var(--cliq-gray-200));border-radius:0 0 40px 40px;width:30%;height:8px;box-shadow:0 2px 6px #0000001a}.device-frame--keyboard{max-width:100%}.device-frame--keyboard .device-frame__kb-body{background:linear-gradient(#e8e8e8,#d4d4d4);border-radius:8px;flex-direction:column;gap:3px;padding:6px;display:flex;box-shadow:0 1px silver,0 3px 6px #0000001f}.device-frame--keyboard .device-frame__kb-row{justify-content:center;gap:2px;display:flex}.device-frame--keyboard .device-frame__kb-row--fn .device-frame__kb-key{min-height:12px;padding:2px 0;font-size:5px}.device-frame--keyboard .device-frame__kb-key{min-height:16px;font-family:var(--font-sans);color:#333;-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;flex:1;justify-content:center;align-items:center;font-size:6px;font-weight:500;display:flex;box-shadow:0 1px #bbb,inset 0 0 0 .5px #0000000f}.device-frame--keyboard .device-frame__kb-key--blank{box-shadow:none;background:0 0}.device-frame--keyboard .device-frame__kb-key--wide{flex:1.5}.device-frame--keyboard .device-frame__kb-key--med{flex:1.4;font-size:5px}.device-frame--keyboard .device-frame__kb-key--sm{flex:.8;font-size:5px}.device-frame--keyboard .device-frame__kb-key--space{flex:5}.device-frame--keyboard .device-frame__kb-row--bottom{justify-content:center}.device-frame--mouse{max-width:60px}.device-frame--mouse .device-frame__mouse-body{aspect-ratio:1/1.7;background:linear-gradient(#d4d4d4,silver);border-radius:40% 40% 46% 46%;flex-direction:column;align-items:center;gap:8%;width:100%;padding-top:20%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #999,0 3px 8px #00000026,inset 0 1px #fff6}.device-frame--mouse .device-frame__mouse-buttons{align-items:stretch;gap:0;width:70%;display:flex}.device-frame--mouse .device-frame__mouse-btn{background:0 0;flex:1;height:2px}.device-frame--mouse .device-frame__mouse-divider{background:#0000000f;width:1px;height:18px}.device-frame--mouse .device-frame__mouse-wheel{background:#00000014;border:.5px solid #0000000a;border-radius:3px;width:6px;height:14px}.device-frame--tower{flex-direction:column;align-items:center;max-width:180px;display:flex}.device-frame--tower .device-frame__tower-body{flex-direction:column;align-items:center;width:100%;display:flex}.device-frame--tower .device-frame__tower-front{aspect-ratio:1/2.2;background:linear-gradient(#1e1e1e,#161616);border-radius:6px 6px 4px 4px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0a,inset -1px 0 #ffffff05,inset 1px 0 #ffffff05}.device-frame--tower .device-frame__tower-bay{background:linear-gradient(#111,#0d0d0d);border:1px solid #ffffff0a;border-radius:2px;width:90%;height:14px}.device-frame--tower .device-frame__tower-controls{align-items:center;gap:10px;margin:4px 0;display:flex}.device-frame--tower .device-frame__tower-power{cursor:pointer;background:linear-gradient(#2a2a2a,#1a1a1a);border:2px solid #333;border-radius:50%;width:22px;height:22px;transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0f}.device-frame--tower .device-frame__tower-power:after{content:"";border:1.5px solid #555;border-top-color:#0000;border-radius:50%;width:8px;height:8px;transition:border-color .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-frame--tower .device-frame__tower-power:before{content:"";background:#555;border-radius:1px;width:1.5px;height:5px;transition:background .4s;position:absolute;top:3px;left:50%;transform:translate(-50%)}.device-frame--tower .device-frame__tower-led{background:#333;border-radius:50%;width:5px;height:5px;transition:background .4s,box-shadow .4s}.tower--on .device-frame__tower-power{border-color:#4ade80;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0f,0 0 8px #4ade804d}.tower--on .device-frame__tower-power:after{border-color:#0000 #4ade80 #4ade80}.tower--on .device-frame__tower-power:before{background:#4ade80}.tower--on .device-frame__tower-led{background:#4ade80;box-shadow:0 0 6px #4ade8080}.device-frame--tower .device-frame__tower-ports{align-items:center;gap:6px;margin:2px 0;display:flex}.device-frame--tower .device-frame__tower-port{background:#0a0a0a;border:1px solid #ffffff0f;border-radius:2px}.device-frame--tower .device-frame__tower-port--usb{width:10px;height:5px}.device-frame--tower .device-frame__tower-port--audio{border-radius:50%;width:6px;height:6px}.device-frame--tower .device-frame__tower-vents{flex-direction:column;flex:1;justify-content:flex-end;gap:3px;width:80%;padding-bottom:4px;display:flex}.device-frame--tower .device-frame__tower-vent{background:#ffffff0a;border-radius:1px;width:100%;height:1.5px}.device-frame--tower .device-frame__tower-feet{justify-content:space-between;width:70%;display:flex}.device-frame--tower .device-frame__tower-foot{background:#111;border-radius:0 0 2px 2px;width:30%;height:4px}.device-frame--trackpad{max-width:300px}.device-frame--trackpad .device-frame__trackpad-body{aspect-ratio:1.3;background:linear-gradient(#c8c8c8,#b0b0b0);border-radius:14px;width:100%;padding:8px;box-shadow:0 1px #999,0 3px 8px #00000026,inset 0 1px #ffffff4d}.device-frame--trackpad .device-frame__trackpad-surface{background:linear-gradient(145deg,#e0e0e0,#d0d0d0);border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a,inset 0 0 0 .5px #0000001f}.device-frame--speaker{flex-direction:column;align-items:center;max-width:240px;display:flex}.device-frame--speaker .device-frame__speaker-body{aspect-ratio:1/1.6;background:linear-gradient(#1a1a1a,#111);border-radius:10px;flex-direction:column;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff0a}.device-frame--speaker .device-frame__speaker-mesh{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.device-frame--speaker .device-frame__speaker-woofer{aspect-ratio:1;background:radial-gradient(circle,#222 0%,#1a1a1a 40%,#111 100%);border-radius:50%;justify-content:center;align-items:center;width:65%;display:flex;position:relative;box-shadow:0 0 0 3px #1a1a1a,0 0 0 5px #252525,inset 0 2px 4px #0006}.device-frame--speaker .device-frame__speaker-cone{aspect-ratio:1;background:radial-gradient(circle,#0000 30%,#ffffff08 50%,#0000 70%),conic-gradient(#1d1d1d,#252525,#1d1d1d,#252525,#1d1d1d,#252525,#1d1d1d,#252525,#1d1d1d);border-radius:50%;justify-content:center;align-items:center;width:80%;display:flex}.device-frame--speaker .device-frame__speaker-dust-cap{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#333,#1a1a1a);border-radius:50%;width:25%;position:absolute;box-shadow:inset 0 1px 2px #ffffff0f,0 1px 3px #0000004d}.device-frame--speaker .device-frame__speaker-controls{background:linear-gradient(#222,#1a1a1a);border-top:1px solid #ffffff0a;justify-content:center;width:100%;padding:10px 0;display:flex}.device-frame--speaker .device-frame__speaker-led{background:#444;border-radius:50%;width:6px;height:6px;box-shadow:0 0 3px #ffffff0d}.device-frame--speaker .device-frame__speaker-base{background:linear-gradient(#0a0a0a,#050505);border-radius:0 0 10px 10px;width:100%;height:8px}.device-frame--webcam{flex-direction:column;align-items:center;max-width:100px;display:flex}.device-frame--webcam .device-frame__webcam-body{aspect-ratio:1.3;background:linear-gradient(#c8c8c8,#b0b0b0);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;display:flex;position:relative;box-shadow:0 3px 10px #00000026,inset 0 1px #fff6}.device-frame--webcam .device-frame__webcam-lens{aspect-ratio:1;background:linear-gradient(135deg,#1a1a1a,#222);border-radius:50%;justify-content:center;align-items:center;width:40%;display:flex;box-shadow:0 0 0 2px #999,0 0 0 4px #aaa}.device-frame--webcam .device-frame__webcam-glass{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#3a5f8a,#1a2a3a 60%,#0a0f14);border-radius:50%;width:60%;box-shadow:inset 0 1px 2px #fff3,0 0 0 1px #0003}.device-frame--webcam .device-frame__webcam-led{background:#888;border-radius:50%;width:4px;height:4px;position:absolute;top:10px;right:10px}.device-frame--webcam .device-frame__webcam-mount{background:linear-gradient(#aaa,#999);border-radius:2px;width:24%;height:10px}.device-frame--webcam .device-frame__webcam-clip{background:linear-gradient(#999,#888);border-radius:0 0 4px 4px;width:40%;height:16px;position:relative;box-shadow:0 2px 4px #0000001f}.device-frame--webcam .device-frame__webcam-clip:after{content:"";background:linear-gradient(#888,#777);border-radius:0 0 3px 3px;width:120%;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.device-frame--chromebook{max-width:100%}.device-frame--chromebook .device-frame__cb-bezel{background:#1d1d1f;border-radius:18px;padding:10px;box-shadow:0 2px 8px #0000004d,0 12px 40px #00000026,inset 0 1px #ffffff0f}.device-frame--chromebook .device-frame__screen{aspect-ratio:16/10;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=640px){.device-frame--chromebook .device-frame__cb-bezel{border-radius:14px;padding:8px}.device-frame--chromebook .device-frame__screen{border-radius:6px}}.device-frame--tv{flex-direction:column;align-items:center;max-width:100%;display:flex}.device-frame--tv .device-frame__tv-bezel{background:#111;border-radius:6px;width:100%;padding:4px;position:relative}.device-frame--tv .device-frame__screen{background:var(--color-bg);aspect-ratio:16/9;border-radius:2px;overflow:hidden}.device-frame--tv .device-frame__screen img{width:100%;height:auto;display:block}.device-frame--tv .device-frame__tv-feet{justify-content:space-between;width:60%;margin-top:-1px;display:flex}.device-frame--tv .device-frame__tv-foot{background:linear-gradient(#333,#222);border-radius:0 0 3px 3px;width:18%;height:6px}.device-frame--popup{max-width:360px}.device-frame--popup .device-frame__screen{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);padding:var(--space-4);overflow:hidden}.device-overlay{z-index:2;position:absolute}.device-overlay--top-right{top:var(--space-4);right:var(--space-4)}.device-overlay--top-left{top:var(--space-4);left:var(--space-4)}.device-overlay--bottom-right{bottom:var(--space-4);right:var(--space-4)}.device-overlay--bottom-left{bottom:var(--space-4);left:var(--space-4)}.device-overlay--center-right{top:50%;right:calc(var(--space-8) * -1);transform:translateY(-50%)}.device-overlay--center-left{top:50%;left:calc(var(--space-8) * -1);transform:translateY(-50%)}.device-composition{padding:var(--space-8);justify-content:center;align-items:flex-end;display:flex;position:relative}.device-composition>.device-frame{position:relative}.device-composition>.device-frame:not(:first-child){margin-left:calc(var(--space-8) * -1)}@media (width<=640px){.device-frame--tablet,.device-frame--phone{max-width:100%}.device-composition{padding:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.device-composition>.device-frame:not(:first-child){margin-left:0}}.info-card{color:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex}a.info-card:hover{border-color:#dadce0;text-decoration:none;box-shadow:0 2px 12px #00000014}.info-card__icon{width:44px;height:44px;color:var(--color-primary);background:#e8f0fe;border-radius:12px;justify-content:center;align-items:center;display:flex}.info-card__icon .material-symbols-outlined{font-size:22px}.info-card__icon img{object-fit:contain;width:28px;height:28px}.info-card__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:14px;font-weight:500}.info-card__desc{font-family:var(--font-sans);color:#5f6368;margin:0;font-size:13px;line-height:1.5}@media (width<=640px){.info-card{padding:16px}.info-card__icon{width:40px;height:40px}}.tile-select__hint{font-family:var(--font-sans);color:#5f6368;margin:0 0 12px;font-size:13px;font-weight:500}.tile-select__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.tile-select__tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f3f4;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px 16px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.tile-select__tile:hover{background:#e8eaed}.tile-select__indicator{background:0 0;border:2px solid #dadce0;border-radius:50%;width:10px;height:10px;transition:background .15s,border-color .15s;display:block;position:absolute;top:10px;right:10px}.tile-select__indicator--selected{background:#1a73e8;border-color:#1a73e8}.tile-select__indicator--correct{background:#34a853;border-color:#34a853}.tile-select__indicator--incorrect{background:#ea4335;border-color:#ea4335}.tile-select__num{font-family:var(--font-sans);color:#9aa0a6;font-size:11px;font-weight:500;position:absolute;top:10px;left:12px}.tile-select__icon{color:#1a73e8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,color .15s;display:flex}.tile-select__icon .material-symbols-outlined{font-size:22px}.tile-select__icon img{object-fit:contain;width:24px;height:24px}.tile-select__label{font-family:var(--font-sans);color:#202124;text-align:center;font-size:13px;font-weight:500;line-height:1.3}.tile-select__tile--selected{background:#d3e3fd}.tile-select__tile--selected:hover{background:#c2d9f7}.tile-select__tile--selected .tile-select__icon{color:#fff;background:#1a73e8}.tile-select__tile--correct,.tile-select__tile--correct:hover{background:#c4eed0}.tile-select__tile--correct .tile-select__icon{color:#fff;background:#34a853}.tile-select__tile--incorrect{background:#f4c7c3;animation:.3s tile-shake}.tile-select__tile--incorrect:hover{background:#f4c7c3}.tile-select__tile--incorrect .tile-select__icon{color:#fff;background:#ea4335}.tile-select__tile--disabled{pointer-events:none;opacity:.38}.tile-select__tile--disabled.tile-select__tile--correct{opacity:1}.tile-select__feedback{font-family:var(--font-sans);color:#1e8e3e;background:#e6f4ea;border-radius:999px;margin-top:12px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}@keyframes tile-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media (width<=480px){.tile-select__grid{grid-template-columns:repeat(2,1fr);gap:6px}.tile-select__tile{padding:16px 10px 12px}.tile-select__icon{width:38px;height:38px}.tile-select__icon .material-symbols-outlined{font-size:20px}}.matching{width:100%}.matching__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.matching__columns{gap:16px;margin-bottom:16px;display:flex}.matching__column{flex-direction:column;flex:1;gap:4px;display:flex}.matching__divider{background:#e0e0e0;flex-shrink:0;width:1px}.matching__item{cursor:pointer;font-family:var(--font-sans);color:#202124;text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;width:100%;padding:6px 14px 6px 6px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.matching__item:hover:not(:disabled){background:#f1f3f4}.matching__item:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.matching__item:disabled{cursor:default}.matching__item--right{padding:6px 14px 6px 6px}.matching__item[draggable=true]{cursor:grab}.matching__item[draggable=true]:active{cursor:grabbing}.matching__handle{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.matching__handle .material-symbols-outlined{font-size:16px}.matching__item--selected{background:#d3e3fd}.matching__item--selected:hover:not(:disabled){background:#c2d9f7}.matching__item--selected .matching__handle{color:#fff;background:#1a73e8}.matching__item--dragging{opacity:.4}.matching__item--drag-over{background:#d3e3fd}.matching__item--drag-over:hover:not(:disabled){background:#d3e3fd}.matching__item--matched{background:#f1f3f4}.matching__item--matched:hover:not(:disabled){background:#f1f3f4}.matching__item--matched .matching__handle{color:#5f6368;background:#dadce0}.matching__item--correct{background:#c4eed0}.matching__item--correct:hover:not(:disabled){background:#c4eed0}.matching__item--correct .matching__handle{color:#fff;background:#34a853}.matching__item--incorrect{background:#f4c7c3}.matching__item--incorrect:hover:not(:disabled){background:#f4c7c3}.matching__item--incorrect .matching__handle{color:#fff;background:#ea4335}.matching__item-text{flex:1}.matching__badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:flex}.matching__badge--1{background:#1a73e8}.matching__badge--2{background:#34a853}.matching__badge--3{background:#9334e6}.matching__badge--4{background:#f9ab00}.matching__badge--5{background:#d93025}.matching__badge--6{background:#5f6368}.matching__actions{align-items:center;gap:12px;display:flex}.matching__feedback{font-family:var(--font-sans);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-block}.matching__feedback--correct{color:#137333;background:#c4eed0}.matching__feedback--incorrect{color:#a50e0e;background:#f4c7c3}@media (width<=480px){.matching__columns{flex-direction:column;gap:8px}.matching__divider{width:100%;height:1px}.matching__item{padding:5px 12px 5px 5px;font-size:12px}.matching__handle{width:24px;height:24px}.matching__handle .material-symbols-outlined{font-size:14px}}.fitb{width:100%}.fitb__text{font-family:var(--font-sans);color:#202124;margin-bottom:20px;font-size:16px;line-height:2.6}.fitb__blank-wrap{vertical-align:baseline;display:inline;position:relative}.fitb__input{font-family:var(--font-mono);color:#202124;word-break:break-word;cursor:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;min-width:4ch;font-size:14px;font-weight:500;line-height:inherit;background:#e8eaed;border:none;border-radius:6px;padding:2px 8px;transition:background .15s,box-shadow .15s;display:inline}.fitb__input:focus{background:#d3e3fd;outline:none;box-shadow:0 0 0 2px #1a73e8}.fitb__input:empty:before{content:attr(data-placeholder);color:#9aa0a6;font-weight:400}.fitb__result{font-family:var(--font-mono);vertical-align:baseline;font-size:14px;font-weight:600;line-height:inherit;border-radius:6px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.fitb__result-icon{font-size:14px;font-weight:700}.fitb__result--correct{color:#065f46;background:#d1fae5}.fitb__result--correct .fitb__result-icon{color:#10b981}.fitb__result--wrong{color:#991b1b;background:#fee2e2;text-decoration:line-through}.fitb__result--wrong .fitb__result-icon{color:#ef4444}.fitb__result--answer{color:#065f46;background:#d1fae5;margin-left:4px}.fitb__actions{align-items:center;gap:12px;display:flex}.fitb__check{color:#fff;font-family:var(--font-sans);cursor:pointer;background:#1a73e8;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 22px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.fitb__check:hover:not(:disabled){background:#1765cc;box-shadow:0 1px 3px #1a73e84d}.fitb__check:active:not(:disabled){background:#185abc}.fitb__check:disabled{opacity:.38;cursor:not-allowed}.fitb__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.fitb__feedback .material-symbols-outlined{font-size:18px}.fitb__feedback--correct{color:#065f46;background:#d1fae5}.fitb__feedback--incorrect{color:#991b1b;background:#fee2e2}@media (width<=640px){.fitb__text{font-size:14px;line-height:2.4}.fitb__input,.fitb__result{padding:2px 6px;font-size:13px}}.categorize{width:100%}.categorize__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.categorize__pool{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.categorize__pool-empty{font-family:var(--font-sans);color:#9aa0a6;padding:6px 14px;font-size:13px}.categorize__chip{font-family:var(--font-sans);color:#202124;cursor:grab;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.categorize__chip:hover{background:#f1f3f4}.categorize__chip:active{cursor:grabbing}.categorize__chip-handle{background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.categorize__chip-handle .material-symbols-outlined{color:#5f6368;font-size:16px;transition:color .15s}.categorize__chip--selected{background:#d3e3fd}.categorize__chip--selected:hover{background:#c2d9f7}.categorize__chip--selected .categorize__chip-handle{background:#1a73e8}.categorize__chip--selected .categorize__chip-handle .material-symbols-outlined{color:#fff}.categorize__chip--dragging{opacity:.4}.categorize__arrow{color:#bdc1c6;justify-content:center;padding:4px 0;display:flex}.categorize__arrow .material-symbols-outlined{font-size:20px}.categorize__buckets{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;display:grid}.categorize__bucket{cursor:default;font-family:var(--font-sans);text-align:center;background:#f8f9fa;border:2px dashed #dadce0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-height:100px;padding:16px 12px;transition:border-color .2s,background .2s;display:flex}.categorize__bucket:disabled{cursor:default}.categorize__bucket--accepting{cursor:pointer;border-style:dashed;border-color:#1a73e8;animation:1.5s infinite categorize-pulse}.categorize__bucket--accepting:hover{background:#e8f0fe}.categorize__bucket--drag-over{background:#d3e3fd;border-style:solid;border-color:#1a73e8}@keyframes categorize-pulse{0%,to{border-color:#1a73e8}50%{border-color:#a8c7fa}}.categorize__bucket-icon{color:#5f6368;background:#e8eaed;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.categorize__bucket-icon .material-symbols-outlined{font-size:20px}.categorize__bucket--drag-over .categorize__bucket-icon{color:#fff;background:#1a73e8}.categorize__bucket--accepting .categorize__bucket-icon{color:#1a73e8;background:#d3e3fd}.categorize__bucket-label{color:#202124;font-size:13px;font-weight:600}.categorize__bucket-count{color:#fff;background:#1a73e8;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.categorize__bucket-items{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;display:flex}.categorize__placed{font-family:var(--font-sans);color:#202124;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.categorize__placed:hover{background:#e8eaed}.categorize__placed[draggable=true]{cursor:grab}.categorize__placed[draggable=true]:active{cursor:grabbing}.categorize__placed--dragging{opacity:.4}.categorize__placed--correct{color:#137333;background:#c4eed0}.categorize__placed--correct:hover{background:#c4eed0}.categorize__placed--incorrect{color:#a50e0e;background:#f4c7c3}.categorize__placed--incorrect:hover{background:#f4c7c3}.categorize__remove{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,color .15s;display:flex}.categorize__placed:hover .categorize__remove{color:#202124;background:#dadce0}.categorize__remove .material-symbols-outlined{font-size:12px}.categorize__actions{align-items:center;gap:12px;display:flex}.categorize__feedback{font-family:var(--font-sans);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-block}.categorize__feedback--correct{color:#137333;background:#c4eed0}.categorize__feedback--incorrect{color:#a50e0e;background:#f4c7c3}@media (width<=640px){.categorize__buckets{grid-template-columns:1fr}.categorize__instruction{font-size:14px}}.flashcard{width:100%}.flashcard__card{perspective:800px;cursor:pointer;min-height:220px;margin-bottom:16px;position:relative}.flashcard__face{backface-visibility:hidden;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;transition:transform .5s;display:flex;position:absolute;inset:0}.flashcard__face--front{background:#f1f3f4}.flashcard__face--back{background:#e8f0fe;transform:rotateY(180deg)}.flashcard__card--flipped .flashcard__face--front{transform:rotateY(180deg)}.flashcard__card--flipped .flashcard__face--back{transform:rotateY(0)}.flashcard__label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.flashcard__face--front .flashcard__label{color:#5f6368;background:#e8eaed}.flashcard__face--back .flashcard__label{color:#1a73e8;background:#d3e3fd}.flashcard__term{font-family:var(--font-sans);color:#202124;letter-spacing:-.02em;margin:0;font-size:28px;font-weight:400}.flashcard__definition{font-family:var(--font-sans);color:#1a73e8;margin:0;font-size:15px;line-height:1.6}.flashcard__hint{font-family:var(--font-sans);color:#9aa0a6;align-items:center;gap:4px;font-size:12px;display:flex}.flashcard__hint .material-symbols-outlined{font-size:16px}.flashcard__controls{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.flashcard__nav-btn{color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.flashcard__nav-btn:hover:not(:disabled){color:#202124;background:#e8eaed}.flashcard__nav-btn:disabled{opacity:.38;cursor:not-allowed}.flashcard__nav-btn .material-symbols-outlined{font-size:20px}.flashcard__dots{align-items:center;gap:6px;display:flex}.flashcard__dot{background:#dadce0;border-radius:50%;width:8px;height:8px;transition:background .15s,transform .15s}.flashcard__dot--seen{background:#a8c7fa}.flashcard__dot--active{background:#1a73e8;transform:scale(1.25)}.flashcard__meta{justify-content:space-between;align-items:center;display:flex}.flashcard__count{font-family:var(--font-sans);color:#5f6368;font-size:12px;font-weight:500}.flashcard__seen{font-family:var(--font-sans);color:#9aa0a6;font-size:12px}@media (width<=640px){.flashcard__card{min-height:180px}.flashcard__face{padding:24px}.flashcard__term{font-size:22px}}.terminal{background:#1a1a1a;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0003}.terminal__header{background:#2a2a2a;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex}.terminal__dots{gap:6px;display:flex}.terminal__dot{border-radius:50%;width:10px;height:10px}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__title{text-align:center;font-family:var(--font-mono);color:#6b6b6b;flex:1;font-size:12px;font-weight:500}.terminal__header-actions{gap:4px;display:flex}.terminal__header-btn{color:#6b6b6b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.terminal__header-btn:hover{color:#9aa0a6;background:#ffffff1a}.terminal__header-btn .material-symbols-outlined{font-size:16px}.terminal__task-bar{background:#34a8531a;border-bottom:1px solid #34a85326;align-items:center;gap:8px;padding:8px 16px;display:flex}.terminal__task-icon{color:#34a853;align-items:center;display:flex}.terminal__task-icon .material-symbols-outlined{font-size:16px}.terminal__task-text{font-family:var(--font-sans);color:#81c995;flex:1;font-size:12px;font-weight:500}.terminal__step-badge{font-family:var(--font-mono);color:#34a853;background:#34a85333;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.terminal__body{min-height:160px;max-height:320px;font-family:var(--font-mono);cursor:text;padding:16px;font-size:13px;line-height:1.7;overflow-y:auto}.terminal__body::-webkit-scrollbar{width:4px}.terminal__body::-webkit-scrollbar-track{background:0 0}.terminal__body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.terminal__line{white-space:pre-wrap;word-break:break-all}.terminal__line--input{color:#e8eaed}.terminal__line--output{color:#9aa0a6;padding-left:16px}.terminal__line--error{color:#f28b82;padding-left:16px}.terminal__line--success{color:#34a853;align-items:center;gap:6px;margin-top:8px;display:flex}.terminal__line--success .material-symbols-outlined{font-size:16px}.terminal__prompt{color:#34a853}.terminal__input-line{color:#e8eaed;align-items:center;display:flex}.terminal__input{color:#e8eaed;font-family:var(--font-mono);caret-color:#34a853;background:0 0;border:none;flex:1;font-size:13px}.terminal__input:focus{outline:none}.terminal__hint-bar{font-family:var(--font-sans);color:#fdd663;background:#ffb74d1a;border-top:1px solid #ffb74d26;align-items:center;gap:6px;padding:8px 16px;font-size:12px;display:flex}.terminal__hint-bar .material-symbols-outlined{color:#fdd663;font-size:16px}.terminal__hint-bar code{font-family:var(--font-mono);color:#81c995;background:#ffffff0f;border-radius:4px;padding:2px 8px}@media (width<=640px){.terminal__body{min-height:120px;padding:12px;font-size:12px}.terminal__input{font-size:12px}.terminal__task-bar{padding:6px 12px}}.parsons{width:100%}.parsons__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.parsons__lines{flex-direction:column;gap:4px;display:flex}.parsons__line{cursor:grab;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:margin-left .15s,background .15s;display:flex}.parsons__line:hover{background:#f1f3f4}.parsons__line:active{cursor:grabbing}.parsons__line--dragging{opacity:.4}.parsons__line--correct{background:#c4eed0}.parsons__line--correct:hover{background:#c4eed0}.parsons__handle{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.parsons__handle .material-symbols-outlined{font-size:16px}.parsons__line--correct .parsons__handle{color:#fff;background:#34a853}.parsons__line-num{font-family:var(--font-mono);color:#9aa0a6;text-align:right;flex-shrink:0;min-width:14px;font-size:11px;font-weight:500}.parsons__line--correct .parsons__line-num{color:#137333}.parsons__code{font-family:var(--font-mono);color:#202124;white-space:pre;flex:1;font-size:13px;font-weight:500;line-height:1.5}.parsons__line--correct .parsons__code{color:#137333}.parsons__indent-btns{flex-shrink:0;gap:2px;display:flex}.parsons__indent-btn{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.parsons__indent-btn:hover:not(:disabled){color:#202124;background:#e8eaed}.parsons__indent-btn:disabled{opacity:.25;cursor:default}.parsons__indent-btn .material-symbols-outlined{font-size:18px}.parsons__actions{align-items:center;gap:8px;margin-top:12px;display:flex}.parsons__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.parsons__feedback .material-symbols-outlined{font-size:18px}.parsons__feedback--correct{color:#137333;background:#c4eed0}@media (width<=640px){.parsons__line{gap:6px;padding:5px 8px 5px 5px}.parsons__handle{width:24px;height:24px}.parsons__handle .material-symbols-outlined{font-size:14px}.parsons__code{font-size:11px}}.checklist{width:100%}.checklist__title{font-family:var(--font-sans);color:#202124;margin-bottom:12px;font-size:15px;font-weight:500;line-height:1.5}.checklist__progress{align-items:center;gap:10px;margin-bottom:12px;display:flex}.checklist__progress-track{background:#e8eaed;border-radius:999px;flex:1;height:4px;overflow:hidden}.checklist__progress-fill{background:#1a73e8;border-radius:999px;height:100%;transition:width .25s}.checklist__progress-text{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:12px;font-weight:500}.checklist__items{flex-direction:column;gap:4px;display:flex}.checklist__item{cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:background .15s;display:flex}.checklist__item:hover{background:#f1f3f4}.checklist__item--checked{background:#c4eed0}.checklist__item--checked:hover{background:#b3e5c6}.checklist__item--checked .checklist__text{color:#137333;text-decoration:line-through}.checklist__checkbox{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.checklist__checkbox .material-symbols-outlined{font-size:16px;font-weight:600}.checklist__item--checked .checklist__checkbox{color:#fff;background:#34a853}.checklist__input{opacity:0;width:0;height:0;position:absolute}.checklist__text{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500;line-height:1.5;transition:color .15s}.checklist__complete{font-family:var(--font-sans);color:#137333;background:#c4eed0;border-radius:12px;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.checklist__complete .material-symbols-outlined{font-size:18px}@media (width<=640px){.checklist__item{gap:8px;padding:5px 10px 5px 5px}.checklist__checkbox{width:24px;height:24px}.checklist__checkbox .material-symbols-outlined{font-size:14px}.checklist__text{font-size:13px}}.rating-scale{width:100%}.rating-scale__question{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.rating-scale__track{gap:4px;margin-bottom:8px;display:flex}.rating-scale__step{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 4px;transition:background .15s;display:flex}.rating-scale__step:hover{background:#f1f3f4}.rating-scale__dot{background:#e8eaed;border-radius:50%;width:20px;height:20px;transition:background .15s,transform .15s}.rating-scale__step:hover .rating-scale__dot{background:#dadce0}.rating-scale__step--filled .rating-scale__dot{background:#a8c7fa}.rating-scale__step--selected .rating-scale__dot{background:#1a73e8;transform:scale(1.3)}.rating-scale__value{font-family:var(--font-sans);color:#9aa0a6;font-size:12px;font-weight:500;transition:color .15s}.rating-scale__step--filled .rating-scale__value{color:#1a73e8}.rating-scale__step--selected .rating-scale__value{color:#1a73e8;font-weight:700}.rating-scale__labels{justify-content:space-between;padding:0 4px;display:flex}.rating-scale__label{font-family:var(--font-sans);color:#9aa0a6;font-size:11px}.rating-scale__feedback{font-family:var(--font-sans);color:#1a73e8;background:#d3e3fd;border-radius:12px;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.rating-scale__feedback .material-symbols-outlined{font-size:18px}.rating-scale__feedback strong{font-weight:700}@media (width<=480px){.rating-scale__step{padding:10px 2px}.rating-scale__dot{width:16px;height:16px}.rating-scale__value{font-size:11px}}.ordered-ranking{width:100%}.ordered-ranking__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:4px;font-size:15px;font-weight:500;line-height:1.5}.ordered-ranking__hint{font-family:var(--font-sans);color:#9aa0a6;margin-bottom:16px;font-size:12px}.ordered-ranking__items{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.ordered-ranking__item{cursor:pointer;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;width:100%;padding:6px 14px 6px 6px;transition:background .15s;display:flex}.ordered-ranking__item:hover:not(:disabled){background:#f1f3f4}.ordered-ranking__item:disabled{cursor:default}.ordered-ranking__item--ranked{background:#d3e3fd}.ordered-ranking__item--ranked:hover:not(:disabled){background:#c5d9f8}.ordered-ranking__item--correct{background:#c4eed0}.ordered-ranking__item--correct:hover:not(:disabled){background:#c4eed0}.ordered-ranking__item--incorrect{background:#f4c7c3}.ordered-ranking__item--incorrect:hover:not(:disabled){background:#f4c7c3}.ordered-ranking__rank{width:26px;height:26px;font-family:var(--font-sans);color:#9aa0a6;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.ordered-ranking__rank--active{color:#fff;background:#1a73e8}.ordered-ranking__item--correct .ordered-ranking__rank{color:#fff;background:#34a853}.ordered-ranking__item--incorrect .ordered-ranking__rank{color:#fff;background:#d93025}.ordered-ranking__text{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500;line-height:1.5}.ordered-ranking__item--correct .ordered-ranking__text{color:#137333}.ordered-ranking__item--incorrect .ordered-ranking__text{color:#a50e0e}.ordered-ranking__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.ordered-ranking__feedback .material-symbols-outlined{font-size:18px}.ordered-ranking__feedback--correct{color:#137333;background:#c4eed0}.ordered-ranking__feedback--incorrect{color:#a50e0e;background:#f4c7c3}@media (width<=640px){.ordered-ranking__item{gap:8px;padding:5px 10px 5px 5px}.ordered-ranking__rank{width:24px;height:24px}.ordered-ranking__text{font-size:13px}}.img-compare{width:100%;max-width:700px}.img-compare__question{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.img-compare__modes{background:#f1f3f4;border-radius:999px;gap:2px;margin-bottom:16px;padding:3px;display:inline-flex}.img-compare__mode-btn{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.img-compare__mode-btn:hover{color:#202124}.img-compare__mode-btn--active{color:#1a73e8;background:#fff;box-shadow:0 1px 3px #00000014}.img-compare__mode-btn .material-symbols-outlined{font-size:16px}.img-compare__side{grid-template-columns:1fr 1fr;gap:12px;display:grid}.img-compare__panel{cursor:pointer;text-align:center;background:#fff;border:2px solid #e8eaed;border-radius:16px;padding:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.img-compare__panel:hover{border-color:#bdc1c6;box-shadow:0 2px 8px #0000000f}.img-compare__panel--selected{border-color:#1a73e8}.img-compare__panel--correct{border-color:#137333}.img-compare__panel--incorrect{border-color:#a50e0e}.img-compare__img{width:100%;height:auto;display:block}.img-compare__panel-label{font-family:var(--font-sans);color:#5f6368;background:#f8f9fa;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.img-compare__panel--selected .img-compare__panel-label{color:#1a73e8;background:#e8f0fe}.img-compare__panel--correct .img-compare__panel-label{color:#137333;background:#e6f4ea}.img-compare__panel--incorrect .img-compare__panel-label{color:#a50e0e;background:#fce8e6}.img-compare__panel-label .material-symbols-outlined{font-size:18px}.img-compare__slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 6px #0000001a}.img-compare__slider-overlay{height:100%;position:absolute;top:0;left:0;overflow:hidden}.img-compare__slider-overlay .img-compare__img{object-fit:cover;width:auto;min-width:100%;height:100%;position:absolute;top:0;left:0}.img-compare__slider-handle{justify-content:center;align-items:center;width:2px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.img-compare__slider-line{background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #0000004d}.img-compare__slider-grip{color:#1a73e8;z-index:1;background:#fff;border-radius:999px;align-items:center;gap:0;padding:4px 6px;display:flex;position:relative;box-shadow:0 1px 6px #00000040}.img-compare__slider-grip .material-symbols-outlined{font-size:16px}.img-compare__slider-label{font-family:var(--font-sans);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#202124a6;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;bottom:10px}.img-compare__slider-label--left{left:10px}.img-compare__slider-label--right{right:10px}.img-compare__result{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.img-compare__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.img-compare__feedback .material-symbols-outlined{font-size:18px}.img-compare__feedback--correct{color:#137333;background:#c4eed0}.img-compare__feedback--incorrect{color:#a50e0e;background:#f4c7c3}.img-compare__reset{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.img-compare__reset:hover{background:#e8eaed}.img-compare__reset .material-symbols-outlined{font-size:16px}@media (width<=640px){.img-compare{max-width:100%}.img-compare__side{grid-template-columns:1fr}.img-compare__panel-label{padding:8px;font-size:12px}}.spotlight{width:100%;max-width:500px}.spotlight__start{cursor:pointer;font-family:var(--font-sans);color:#202124;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:10px;width:100%;padding:10px 16px 10px 10px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.spotlight__start:hover{background:#e8eaed}.spotlight__start-icon{color:#fff;background:#1a73e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.spotlight__start-icon .material-symbols-outlined{font-size:16px;font-weight:600}.spotlight__card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014}.spotlight__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.spotlight__step-badge{font-family:var(--font-sans);color:#1a73e8;background:#e8f0fe;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600}.spotlight__close{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.spotlight__close:hover{color:#202124;background:#f1f3f4}.spotlight__close .material-symbols-outlined{font-size:18px}.spotlight__title{font-family:var(--font-sans);color:#202124;margin:0 0 6px;font-size:16px;font-weight:600}.spotlight__body{font-family:var(--font-sans);color:#5f6368;margin:0 0 16px;font-size:14px;line-height:1.6}.spotlight__highlight{background:#1a1a1a;border-radius:10px;margin-bottom:16px;padding:10px 14px}.spotlight__highlight code{font-family:var(--font-mono);color:#e8eaed;font-size:13px}.spotlight__nav{justify-content:space-between;align-items:center;display:flex}.spotlight__nav-btn{font-family:var(--font-sans);color:#1a73e8;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.spotlight__nav-btn:hover:not(:disabled){background:#e8f0fe}.spotlight__nav-btn:disabled{color:#dadce0;cursor:default}.spotlight__nav-btn .material-symbols-outlined{font-size:16px}.spotlight__dots{align-items:center;gap:6px;display:flex}.spotlight__dot{background:#e8eaed;border-radius:999px;width:6px;height:6px;transition:background .15s,width .15s}.spotlight__dot--active{background:#1a73e8;width:18px}.spotlight__dot--done{background:#34a853}@media (width<=640px){.spotlight{max-width:100%}.spotlight__card{padding:16px}.spotlight__nav-btn{padding:6px 10px;font-size:12px}}.timeline{width:100%}.timeline__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.timeline__track{flex-direction:column;margin-bottom:12px;display:flex}.timeline__event{gap:14px;transition:opacity .15s;display:flex}.timeline__event--dragging{opacity:.4}.timeline__event[draggable=true]{cursor:grab}.timeline__event[draggable=true]:active{cursor:grabbing}.timeline__event[draggable=true]:hover .timeline__dot{transform:scale(1.15)}.timeline__marker{flex-direction:column;flex-shrink:0;align-items:center;width:26px;display:flex}.timeline__dot{color:#9aa0a6;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,transform .15s;display:flex}.timeline__dot .material-symbols-outlined{font-size:14px;font-weight:600}.timeline__event--correct .timeline__dot{color:#fff;background:#34a853}.timeline__line{background:#e8eaed;flex:1;width:2px;min-height:12px}.timeline__event--correct .timeline__line{background:#34a853}.timeline__content{min-width:0;padding:2px 0 20px}.timeline__year{font-family:var(--font-mono);color:#1a73e8;background:#e8f0fe;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.timeline__title{font-family:var(--font-sans);color:#202124;margin:0 0 4px;font-size:14px;font-weight:600}.timeline__desc{font-family:var(--font-sans);color:#5f6368;margin:0;font-size:13px;line-height:1.6}.timeline__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.timeline__feedback .material-symbols-outlined{font-size:18px}.timeline__feedback--correct{color:#137333;background:#c4eed0}@media (width<=640px){.timeline__content{padding-bottom:16px}.timeline__title{font-size:13px}.timeline__desc{font-size:12px}}.matrix{width:100%;max-width:700px;margin:0 auto}.matrix__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.matrix__scroll{margin-bottom:12px;overflow-x:auto}.matrix__table{border-collapse:separate;border-spacing:0;width:100%}.matrix__corner{width:140px;min-width:100px}.matrix__col-header{font-family:var(--font-sans);color:#5f6368;text-align:center;padding:8px 8px 12px;font-size:12px;font-weight:600}.matrix__row-header{font-family:var(--font-sans);color:#202124;text-align:left;white-space:nowrap;padding:10px 16px 10px 0;font-size:13px;font-weight:500}.matrix__cell-wrap{text-align:center;padding:6px}.matrix__cell{cursor:pointer;color:#9aa0a6;background:#e8eaed;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,transform .15s;display:inline-flex}.matrix__cell:hover:not(:disabled){background:#dadce0}.matrix__cell:disabled{cursor:default}.matrix__cell .material-symbols-outlined{font-size:18px;font-weight:600}.matrix__cell--selected{color:#fff;background:#1a73e8;transform:scale(1.1)}.matrix__cell--selected:hover:not(:disabled){background:#1765cc}.matrix__cell--dimmed{opacity:.3}.matrix__cell--correct{color:#fff;background:#34a853}.matrix__cell--incorrect{color:#fff;background:#d93025}.matrix__cell--missed{color:#34a853;background:0 0;border:2px dashed #34a853}.matrix__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.matrix__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.matrix__feedback .material-symbols-outlined{font-size:18px}.matrix__feedback--correct{color:#137333;background:#c4eed0}.matrix__feedback--incorrect{color:#a50e0e;background:#f4c7c3}.matrix__reset{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.matrix__reset:hover{background:#e8eaed}.matrix__reset .material-symbols-outlined{font-size:16px}@media (width<=640px){.matrix{max-width:100%}.matrix__corner{width:100px;min-width:80px}.matrix__cell{width:28px;height:28px}.matrix__cell .material-symbols-outlined{font-size:16px}.matrix__row-header{font-size:12px}}.wordsearch{width:100%;max-width:520px;margin:0 auto}.wordsearch__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:12px;font-size:15px;font-weight:500;line-height:1.5}.wordsearch__layout{align-items:flex-start;gap:20px;display:flex}.wordsearch__grid{-webkit-user-select:none;user-select:none;flex:1;gap:0;min-width:60%;max-height:50vh;display:grid}.wordsearch__cell{aspect-ratio:1;font-family:var(--font-mono);color:#202124;cursor:crosshair;text-transform:uppercase;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background .1s,color .1s;display:flex}.wordsearch__cell:hover{background:#f1f3f4}.wordsearch__cell--preview{color:#1a73e8;background:#d3e3fd}.wordsearch__cell--found{color:#1a73e8;background:#d3e3fd}.wordsearch__cell--found:hover{background:#c5d9f8}.wordsearch__words{flex-direction:column;gap:4px;min-width:0;display:flex}.wordsearch__word{font-family:var(--font-sans);color:#202124;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f1f3f4;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;overflow:hidden}.wordsearch__word--found{color:#137333;background:#c4eed0;text-decoration:line-through}.wordsearch__complete{font-family:var(--font-sans);color:#137333;background:#c4eed0;border-radius:12px;align-items:center;gap:6px;margin-top:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.wordsearch__complete .material-symbols-outlined{font-size:16px}@media (width<=480px){.wordsearch__layout{flex-direction:column}.wordsearch__grid{max-width:100%}.wordsearch__words{flex-flow:wrap;gap:6px}}.annotate{flex-direction:column;gap:14px;width:100%;max-width:700px;display:flex}.annotate__instruction{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:500;line-height:1.5}.annotate__passage{font-family:var(--font-sans);color:#3c4043;letter-spacing:.01em;font-size:15px;line-height:2}.annotate__highlight{cursor:pointer;font:inherit;color:inherit;line-height:inherit;background:#fce8b2;border:none;border-radius:4px;padding:2px 0;transition:background .15s;position:relative}.annotate__highlight:hover{background:#f9d77e}.annotate__highlight--active{color:#fff;background:#f4b400}.annotate__highlight--revealed:not(.annotate__highlight--active){background:#e8eaed}.annotate__note{background:#f8f9fa;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.2s ease-out annotate-slide-in;display:flex}@keyframes annotate-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.annotate__note-icon{color:#fff;background:#f4b400;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.annotate__note-icon .material-symbols-outlined{font-size:16px;font-weight:600}.annotate__note-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.annotate__note-header{align-items:center;gap:8px;display:flex}.annotate__note-term{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:600}.annotate__note-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#e8eaed;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.annotate__note-text{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.55}.annotate__note-close{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.annotate__note-close:hover{color:#202124;background:#e8eaed}.annotate__note-close .material-symbols-outlined{font-size:16px}.annotate__footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.annotate__chip{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 5px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.annotate__chip:hover{background:#e8eaed}.annotate__chip-dot{color:#9aa0a6;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;transition:background .15s,color .15s;display:flex}.annotate__chip--active{color:#202124;background:#fce8b2}.annotate__chip--active .annotate__chip-dot{color:#fff;background:#f4b400}.annotate__chip--done{color:#137333;background:#c4eed0}.annotate__chip--done .annotate__chip-dot{color:#fff;background:#34a853}.annotate__chip--done .annotate__chip-dot .material-symbols-outlined{font-size:12px;font-weight:600}.annotate__complete{font-family:var(--font-sans);color:#137333;background:#c4eed0;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.annotate__complete .material-symbols-outlined{font-size:16px}@media (width<=640px){.annotate{max-width:100%}.annotate__note{padding:10px 12px}.annotate__chip{padding:4px 10px 4px 4px;font-size:11px}}.poll{width:100%;max-width:500px}.poll__question{font-family:var(--font-sans);color:#202124;margin:0 0 16px;font-size:15px;font-weight:500;line-height:1.5}.poll__options{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.poll__option{cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;border-radius:999px;flex-direction:column;gap:8px;padding:8px 14px 8px 8px;transition:background .15s;display:flex}.poll__option:hover:not(:disabled){background:#f1f3f4}.poll__option:disabled{cursor:default}.poll__option--selected{background:#d3e3fd}.poll__option--selected:hover:not(:disabled){background:#c5d9f8}.poll__option--submitted{border-radius:12px;padding:10px 14px 10px 10px}.poll__option--winner .poll__option-fill{background:#1a73e8}.poll__option-content{align-items:center;gap:10px;display:flex}.poll__option-radio{color:#9aa0a6;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.poll__option-radio .material-symbols-outlined{font-size:16px;font-weight:600}.poll__option--selected .poll__option-radio,.poll__option--winner .poll__option-radio{color:#fff;background:#1a73e8}.poll__option-label{font-family:var(--font-sans);color:#202124;flex:1;font-size:14px;font-weight:500}.poll__option-pct{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:12px;font-weight:600}.poll__option-bar{background:#e8eaed;border-radius:999px;height:4px;margin-left:36px;overflow:hidden}.poll__option-fill{background:#dadce0;border-radius:999px;height:100%;transition:width .3s}.poll__footer{align-items:center;gap:12px;display:flex}.poll__submit{font-family:var(--font-sans);color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.poll__submit:hover:not(:disabled){background:#1765cc}.poll__submit:disabled{opacity:.4;cursor:default}.poll__submit .material-symbols-outlined{font-size:16px}.poll__total{font-family:var(--font-sans);color:#9aa0a6;font-size:12px}@media (width<=640px){.poll{max-width:100%}.poll__option-label{font-size:13px}.poll__option-bar{margin-left:32px}}.modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#20212473;justify-content:center;align-items:center;padding:24px;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-height:85vh;animation:.25s modal-slide-up;display:flex;overflow:hidden;box-shadow:0 16px 56px #0000002e}.modal--small{max-width:440px}.modal--medium{max-width:600px}.modal--large{max-width:760px}.modal__header{align-items:flex-start;gap:16px;padding:28px 28px 0;display:flex}.modal__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal__header-icon .material-symbols-outlined{font-size:22px}.modal__header-text{flex:1;min-width:0}.modal__title{font-family:var(--font-sans);color:#202124;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.modal__subtitle{font-family:var(--font-sans);color:#5f6368;margin:4px 0 0;font-size:14px}.modal__close{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:-4px;transition:background .15s,color .15s;display:flex}.modal__close:hover{color:#202124;background:#f1f3f4}.modal__close .material-symbols-outlined{font-size:22px}.modal__body{font-family:var(--font-sans);color:#3c4043;padding:20px 28px 28px;font-size:15px;line-height:1.7;overflow-y:auto}.modal__body p,.modal__body span,.modal__body strong,.modal__body b,.modal__body em,.modal__body i,.modal__body h1,.modal__body h2,.modal__body h3,.modal__body h4{font-family:var(--font-sans)}.modal__body strong,.modal__body b{color:#202124;font-weight:600}.modal__footer{justify-content:flex-end;align-items:center;gap:8px;padding:16px 28px 24px;display:flex}@media (width<=640px){.modal__backdrop{align-items:flex-end;padding:0}.modal{border-radius:24px 24px 0 0;max-height:92vh}.modal__header{padding:24px 20px 0}.modal__body{padding:16px 20px 24px}.modal__footer{padding:14px 20px 20px}.modal__header-icon{width:36px;height:36px}}.tooltip__wrapper{display:inline-flex;position:relative}.tooltip{background:var(--cliq-gray-900);color:var(--cliq-gray-200);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;z-index:100;pointer-events:none;font-weight:500;line-height:1.4;animation:.12s tooltip-in;position:absolute}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip--right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip__arrow{background:var(--cliq-gray-900);width:8px;height:8px;position:absolute}.tooltip--top .tooltip__arrow{bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip--bottom .tooltip__arrow{top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip--left .tooltip__arrow{top:50%;right:-4px;transform:translateY(-50%)rotate(45deg)}.tooltip--right .tooltip__arrow{top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar--small{width:28px;height:28px;font-size:11px}.avatar--medium{width:40px;height:40px;font-size:14px}.avatar--large{width:56px;height:56px;font-size:18px}.avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar__initials{color:#fff;width:100%;height:100%;font-weight:600;font-family:var(--font-sans);letter-spacing:.03em;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar__overflow{color:#5f6368;background:#e8eaed;border:2px solid #fff;font-weight:600}.avatar__status{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.avatar--small .avatar__status{width:8px;height:8px}.avatar--large .avatar__status{width:12px;height:12px}.avatar__status--online{background:#34a853}.avatar__status--offline{background:#9aa0a6}.avatar__status--busy{background:#ea4335}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid #fff;margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.breadcrumb__list{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:2px;display:flex}.breadcrumb__link{font-family:var(--font-sans);color:#5f6368;border-radius:999px;padding:4px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.breadcrumb__link:hover{color:#202124;background:#f1f3f4}.breadcrumb__text{font-family:var(--font-sans);color:#9aa0a6;padding:4px 8px;font-size:13px;font-weight:500}.breadcrumb__text--current{color:#202124;background:#f1f3f4;border-radius:999px;font-weight:600}.breadcrumb__sep{color:#dadce0;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.breadcrumb__sep .material-symbols-outlined{font-size:16px}.skeleton{background:#f1f3f4;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);animation:1.5s ease-in-out infinite skeleton-wave;position:absolute;inset:0}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton--text{border-radius:999px;width:100%;height:12px}.skeleton--circle{border-radius:50%;width:40px;height:40px}.skeleton--rect{border-radius:12px;width:100%;height:120px}.skeleton__stack{flex-direction:column;gap:10px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state__icon{color:#9aa0a6;background:#f1f3f4;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.empty-state__icon .material-symbols-outlined{font-size:28px}.empty-state__title{font-family:var(--font-sans);color:#202124;margin:0 0 6px;font-size:16px;font-weight:600}.empty-state__desc{font-family:var(--font-sans);color:#5f6368;max-width:280px;margin:0 0 20px;font-size:13px;line-height:1.6}.empty-state__action{gap:8px;display:flex}.confetti{pointer-events:none;z-index:2000;width:100%;height:100%;position:fixed;inset:0}.leaderboard{width:100%}.leaderboard__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.leaderboard__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.leaderboard__header-icon .material-symbols-outlined{font-size:18px}.leaderboard__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:16px;font-weight:600}.leaderboard__list{flex-direction:column;gap:2px;display:flex}.leaderboard__row{border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.leaderboard__row:hover{background:#f1f3f4}.leaderboard__row--current{background:#e8f0fe}.leaderboard__row--current:hover{background:#d3e3fd}.leaderboard__rank{width:28px;height:28px;font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.leaderboard__row--current .leaderboard__rank{color:#1a73e8;background:#d3e3fd}.leaderboard__name{font-family:var(--font-sans);color:#202124;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.leaderboard__score{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:600}.leaderboard__row--current .leaderboard__score{color:#1a73e8;background:#d3e3fd}.streak{background:#f8f9fa;border-radius:16px;width:100%;max-width:320px;padding:20px}.streak__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.streak__flame{color:#e8710a;background:#fef7e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.streak__flame .material-symbols-outlined{font-size:24px}.streak__count{flex-direction:column;display:flex}.streak__number{font-family:var(--font-sans);color:#202124;font-size:28px;font-weight:700;line-height:1}.streak__label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px;font-weight:500}.streak__week{justify-content:space-between;margin-bottom:16px;display:flex}.streak__day{flex-direction:column;align-items:center;gap:6px;display:flex}.streak__day-label{font-family:var(--font-sans);color:#9aa0a6;font-size:11px;font-weight:600}.streak__day-dot{color:#0000;background:#e8eaed;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.streak__day-dot .material-symbols-outlined{font-size:18px}.streak__day-dot--active{color:#137333;background:#c4eed0}.streak__best{font-family:var(--font-sans);color:#5f6368;text-align:center;border-top:1px solid #e8eaed;padding-top:14px;font-size:13px}.streak__best strong{font-family:var(--font-sans);color:#202124;font-weight:600}.xp-bar{width:100%}.xp-bar__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.xp-bar__level{font-family:var(--font-sans);color:#202124;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.xp-bar__level-badge{color:#e8710a;background:#fef7e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.xp-bar__level-badge .material-symbols-outlined{font-size:16px}.xp-bar__xp{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.xp-bar__track{background:#e8eaed;border-radius:999px;height:10px;overflow:hidden}.xp-bar__fill{background:#1a73e8;border-radius:999px;min-width:10px;height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.xp-bar__hint{font-family:var(--font-sans);color:#9aa0a6;text-align:right;margin:6px 0 0;font-size:12px}.binary{width:100%}.binary__bits{justify-content:center;gap:4px;margin-bottom:20px;display:flex}.binary__bit-col{flex-direction:column;align-items:center;gap:4px;display:flex}.binary__power{font-family:var(--font-mono);color:#9aa0a6;font-size:10px;font-weight:500}.binary__bit{width:48px;height:48px;font-family:var(--font-mono);color:#5f6368;cursor:pointer;background:#e8eaed;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:background .15s,color .15s,transform .1s;display:flex}.binary__bit:hover{background:#dadce0}.binary__bit:active{transform:scale(.95)}.binary__bit--on{color:#fff;background:#1a73e8}.binary__bit--on:hover{background:#1765cc}.binary__results{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.binary__result{background:#f8f9fa;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.binary__result-label{font-family:var(--font-sans);color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.binary__result-value{font-family:var(--font-mono);color:#202124;font-size:14px;font-weight:600}.binary__actions{justify-content:center;gap:6px;display:flex}.binary__action{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s}.binary__action:hover{background:#e8eaed}@media (width<=480px){.binary__bit{border-radius:10px;width:40px;height:40px;font-size:18px}.binary__results{grid-template-columns:repeat(2,1fr)}}.sort-viz{width:100%;max-width:520px;margin:0 auto}.sort-viz__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sort-viz__algo{font-family:var(--font-sans);color:#202124;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sort-viz__algo-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sort-viz__algo-icon .material-symbols-outlined{font-size:18px}.sort-viz__step{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.sort-viz__bars{background:#f8f9fa;border-radius:16px;align-items:flex-end;gap:3px;height:200px;margin-bottom:14px;padding:16px;display:flex}.sort-viz__bar{background:#dadce0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:flex-start;min-width:20px;transition:height .15s,background .15s;display:flex;position:relative}.sort-viz__bar--comparing{background:#1a73e8}.sort-viz__bar--sorted{background:#1e8e3e}.sort-viz__bar-label{font-family:var(--font-mono);color:#fff;padding-top:4px;font-size:10px;font-weight:600}.sort-viz__controls{gap:6px;display:flex}.sort-viz__btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sort-viz__btn:hover{background:#e8eaed}.sort-viz__btn:disabled{opacity:.4;cursor:default}.sort-viz__btn:disabled:hover{background:#f1f3f4}.sort-viz__btn .material-symbols-outlined{font-size:18px}.sort-viz__btn--primary{color:#fff;background:#1a73e8}.sort-viz__btn--primary:hover{background:#1765cc}@media (width<=480px){.sort-viz__bars{border-radius:12px;height:150px;padding:12px}.sort-viz__bar{border-radius:4px 4px 0 0;min-width:16px}.sort-viz__bar-label{font-size:8px}.sort-viz__btn{padding:6px 10px;font-size:12px}}.pixel-art{width:100%;max-width:480px;margin:0 auto}.pixel-art__toolbar{background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.pixel-art__palette{flex-wrap:wrap;gap:4px;display:flex}.pixel-art__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .1s,box-shadow .15s}.pixel-art__swatch:hover{transform:scale(1.15)}.pixel-art__swatch--active{transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #1a73e8}.pixel-art__tools{gap:4px;display:flex}.pixel-art__tool{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s;display:flex}.pixel-art__tool:hover{color:#202124;background:#e8eaed}.pixel-art__tool .material-symbols-outlined{font-size:20px}.pixel-art__tool--active,.pixel-art__tool--active:hover{color:#1a73e8;background:#d3e3fd}.pixel-art__grid{-webkit-user-select:none;user-select:none;aspect-ratio:1;background:#e8eaed;border-radius:12px;gap:1px;display:grid;overflow:hidden}.pixel-art__cell{cursor:crosshair;background:#fff;transition:background 50ms}.pixel-art__cell:hover{opacity:.8}@media (width<=480px){.pixel-art{max-width:100%}.pixel-art__toolbar{padding:8px 10px}.pixel-art__swatch{width:22px;height:22px}.pixel-art__tool{width:30px;height:30px}}.network{width:100%}.network__palette{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding:10px 14px;display:flex}.network__palette-btn{font-family:var(--font-sans);color:#3c4043;cursor:grab;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.network__palette-btn:active{cursor:grabbing}.network__palette-btn:hover{background:#e8eaed}.network__palette-icon .material-symbols-outlined{color:#5f6368;font-size:16px}.network__palette-label{font-family:var(--font-sans)}.network__palette-btn--clear{color:#d93025;margin-left:auto}.network__palette-btn--clear:hover{background:#fce8e6}.network__canvas{cursor:default;background:#f8f9fa;border-radius:16px;position:relative;overflow:hidden}.network__lines{pointer-events:none;position:absolute;inset:0}.network__node{cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.network__node:active{cursor:grabbing}.network__node--dragging{z-index:10}.network__node-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:box-shadow .15s;display:flex;box-shadow:0 2px 6px #0000001a}.network__node:hover .network__node-icon{box-shadow:0 4px 12px #00000024}.network__node-icon .material-symbols-outlined{color:#3c4043;font-size:24px}.network__node--connecting .network__node-icon{box-shadow:0 0 0 3px #1a73e8}.network__node-label{font-family:var(--font-sans);color:#202124;white-space:nowrap;background:#fff;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:600;box-shadow:0 1px 3px #00000014}.network__node-actions{gap:2px;display:none;position:absolute;top:-6px;right:-18px}.network__node:hover .network__node-actions{display:flex}.network__node-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s;display:flex;box-shadow:0 1px 4px #0000001f}.network__node-btn:hover{background:#f1f3f4}.network__node-btn .material-symbols-outlined{color:#1a73e8;font-size:14px}.network__node-btn--delete .material-symbols-outlined{color:#d93025}.network__connect-hint{font-family:var(--font-sans);color:#1a73e8;z-index:5;white-space:nowrap;background:#e8f0fe;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.network__empty{font-family:var(--font-sans);color:#9aa0a6;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}@media (width<=640px){.network__canvas{width:100%!important;height:300px!important}.network__node-icon{width:40px;height:40px}.network__node-icon .material-symbols-outlined{font-size:20px}}.truth-table{width:100%;max-width:320px;margin:0 auto}.truth-table__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.truth-table__gate-badge{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;display:flex}.truth-table__gate-name{font-family:var(--font-sans);color:#202124;font-size:16px;font-weight:600}.truth-table__table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:14px}.truth-table__table th{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.5px;text-align:center;background:#f8f9fa;padding:8px 12px;font-size:12px;font-weight:600}.truth-table__table th:first-child{border-radius:8px 0 0}.truth-table__table th:last-child{border-radius:0 8px 0 0}.truth-table__table td{text-align:center;border-bottom:1px solid #f1f3f4;padding:6px 12px}.truth-table__table tbody tr:last-child td{border-bottom:none}.truth-table__bit{font-family:var(--font-mono);color:#9aa0a6;background:#f1f3f4;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:inline-flex}.truth-table__bit--on{color:#202124;background:#e8eaed}.truth-table__output-cell{justify-content:center;align-items:center;gap:6px;display:flex}.truth-table__answer{width:36px;height:36px;font-family:var(--font-mono);color:#9aa0a6;cursor:pointer;background:#fff;border:2px dashed #dadce0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.truth-table__answer:hover:not(:disabled){color:#1a73e8;border-color:#1a73e8}.truth-table__answer--filled{color:#202124;background:#e8eaed;border-style:solid;border-color:#dadce0}.truth-table__answer--correct{color:#137333;background:#c4eed0;border-style:solid;border-color:#137333}.truth-table__answer--incorrect{color:#a50e0e;background:#f4c7c3;border-style:solid;border-color:#a50e0e}.truth-table__correct-hint{font-family:var(--font-mono);color:#137333;background:#c4eed0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.truth-table__footer{align-items:center;gap:10px;display:flex}.truth-table__feedback{font-family:var(--font-sans);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:600;display:flex}.truth-table__feedback .material-symbols-outlined{font-size:16px}.truth-table__feedback--correct{color:#137333;background:#c4eed0}.truth-table__feedback--incorrect{color:#a50e0e;background:#f4c7c3}.truth-table__reset{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.truth-table__reset:hover{background:#e8eaed}.truth-table__reset .material-symbols-outlined{font-size:16px}.flowchart{width:100%}.flowchart__palette{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding:10px 14px;display:flex}.flowchart__palette-btn{font-family:var(--font-sans);color:#3c4043;cursor:grab;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.flowchart__palette-btn:active{cursor:grabbing}.flowchart__palette-btn:hover{background:#e8eaed}.flowchart__palette-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.flowchart__palette-icon .material-symbols-outlined{font-size:14px}.flowchart__palette-btn--clear{color:#d93025;gap:4px;margin-left:auto}.flowchart__palette-btn--clear:hover{background:#fce8e6}.flowchart__palette-btn--clear .material-symbols-outlined{font-size:16px}.flowchart__canvas{background:#f8f9fa;border-radius:16px;position:relative;overflow:hidden}.flowchart__lines{pointer-events:none;position:absolute;inset:0}.flowchart__block{background:var(--block-bg);border:2px solid var(--block-color);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;min-width:100px;padding:10px 20px;transition:box-shadow .15s;position:absolute;transform:translate(-50%,-50%)}.flowchart__block:active{cursor:grabbing}.flowchart__block:hover{box-shadow:0 4px 12px #0000001a}.flowchart__block--rounded{border-radius:999px}.flowchart__block--rect{border-radius:8px}.flowchart__block--diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:4px;padding:24px 36px}.flowchart__block--parallelogram{border-radius:4px;transform:translate(-50%,-50%)skew(-10deg)}.flowchart__block--parallelogram .flowchart__block-text,.flowchart__block--parallelogram .flowchart__block-input{transform:skew(10deg)}.flowchart__block--connecting{box-shadow:0 0 0 3px var(--block-color)}.flowchart__block-text{font-family:var(--font-sans);color:var(--block-color);white-space:nowrap;font-size:12px;font-weight:600}.flowchart__block-input{font-family:var(--font-sans);color:var(--block-color);text-align:center;background:0 0;border:none;outline:none;width:80px;font-size:12px;font-weight:600}.flowchart__block-actions{gap:2px;display:none;position:absolute;top:-8px;right:-8px}.flowchart__block:hover .flowchart__block-actions{display:flex}.flowchart__block-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s;display:flex;box-shadow:0 1px 4px #0000001f}.flowchart__block-btn:hover{background:#f1f3f4}.flowchart__block-btn .material-symbols-outlined{color:#1a73e8;font-size:14px}.flowchart__block-btn--del .material-symbols-outlined{color:#d93025}.flowchart__hint{font-family:var(--font-sans);color:#1a73e8;z-index:5;white-space:nowrap;background:#e8f0fe;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.flowchart__empty{font-family:var(--font-sans);color:#9aa0a6;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.flowchart__canvas.drag-over{background:#eef4fd}@media (width<=640px){.flowchart__canvas{height:350px!important}.flowchart__block{min-width:80px;padding:8px 14px}}.bar-chart{width:100%}.bar-chart__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.bar-chart__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.bar-chart__header-icon .material-symbols-outlined{font-size:18px}.bar-chart__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.bar-chart__vertical{flex-direction:column;display:flex}.bar-chart__bars{border-bottom:1px solid #e8eaed;align-items:flex-end;gap:8px;height:180px;display:flex}.bar-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-chart__col-value{font-family:var(--font-sans);color:#202124;flex-shrink:0;font-size:12px;font-weight:600}.bar-chart__col-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-chart__col-fill{border-radius:6px 6px 0 0;width:100%;max-width:40px;min-height:4px;transition:height .4s cubic-bezier(.2,0,0,1)}.bar-chart__labels{gap:8px;padding-top:8px;display:flex}.bar-chart__col-label{font-family:var(--font-sans);color:#5f6368;text-align:center;flex:1;font-size:11px;font-weight:500}.bar-chart__rows{flex-direction:column;gap:6px;display:flex}.bar-chart__row{align-items:center;gap:10px;display:flex}.bar-chart__row-label{text-align:right;width:80px;font-family:var(--font-sans);color:#3c4043;flex-shrink:0;font-size:13px;font-weight:500}.bar-chart__row-track{background:#f1f3f4;border-radius:6px;flex:1;align-items:stretch;height:28px;display:flex}.bar-chart__row-fill{border-radius:6px;min-width:4px;height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.bar-chart__row-value{width:36px;font-family:var(--font-sans);color:#202124;text-align:center;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}@media (width<=640px){.bar-chart__bars{height:140px}.bar-chart__col-fill{max-width:32px}.bar-chart__row-label{width:60px;font-size:12px}}.tree-view{width:100%}.tree-view__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.tree-view__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tree-view__header-icon .material-symbols-outlined{font-size:18px}.tree-view__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.tree-view__tree{background:#f8f9fa;border-radius:12px;padding:6px 0;overflow:hidden}.tree-view__item{width:100%;font-family:var(--font-sans);color:#202124;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;width:calc(100% - 12px);margin:0 6px;padding:6px 12px;font-size:14px;transition:background .15s;display:flex}.tree-view__item:hover{background:#e8eaed}.tree-view__item--file{cursor:default;color:#3c4043}.tree-view__item--file:hover{background:#e8eaed}.tree-view__arrow{color:#5f6368;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s cubic-bezier(.2,0,0,1),background .15s;display:flex}.tree-view__arrow:hover{background:#dadce0}.tree-view__arrow--open{transform:rotate(90deg)}.tree-view__arrow .material-symbols-outlined{font-size:18px}.tree-view__spacer{flex-shrink:0;width:20px}.tree-view__icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tree-view__icon .material-symbols-outlined{font-size:18px}.tree-view__item--folder .tree-view__icon{color:#1a73e8}.tree-view__item--file .tree-view__icon{color:#5f6368}.tree-view__name{font-family:var(--font-mono);color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.tree-view__badge{font-family:var(--font-sans);color:#1a73e8;background:#d3e3fd;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}@media (width<=640px){.tree-view__item{padding:5px 10px;font-size:13px}.tree-view__name{font-size:12px}}.data-table{width:100%}.data-table__search{background:#f1f3f4;border-radius:999px;align-items:center;gap:8px;height:40px;margin-bottom:12px;padding:0 14px;display:flex}.data-table__search-icon{color:#5f6368;flex-shrink:0;font-size:20px}.data-table__search-input{font-family:var(--font-sans);color:#202124;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:14px}.data-table__search-input::placeholder{color:#9aa0a6}.data-table__scroll{background:#f8f9fa;border-radius:12px;overflow-x:auto}.data-table__table{border-collapse:separate;border-spacing:0;width:100%}.data-table__th{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#5f6368;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-bottom:1px solid #e8eaed;padding:12px 16px;font-size:11px;font-weight:600}.data-table__th--sortable{cursor:pointer;transition:color .15s}.data-table__th--sortable:hover{color:#1a73e8}.data-table__sort-icon{vertical-align:middle;margin-left:4px;font-size:14px}.data-table__td{font-family:var(--font-sans);color:#3c4043;background:#fff;border-bottom:1px solid #f1f3f4;padding:12px 16px;font-size:14px}.data-table__row:last-child .data-table__td{border-bottom:none}.data-table__row:hover .data-table__td{background:#f1f3f4}.data-table__empty{text-align:center;font-family:var(--font-sans);color:#9aa0a6;background:#fff;padding:32px 16px;font-size:14px}@media (width<=640px){.data-table__th,.data-table__td{padding:10px 12px}.data-table__th{font-size:10px}.data-table__td{font-size:13px}}.stepper{width:100%}.stepper__tabs{background:#f1f3f4;border-radius:999px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.stepper__tab{cursor:pointer;font-family:var(--font-sans);color:#5f6368;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.stepper__tab:not(:disabled):hover{background:#e8eaed}.stepper__tab:disabled{cursor:default;color:#9aa0a6}.stepper__tab--active{color:#1a73e8;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.stepper__tab--active:not(:disabled):hover{background:#fff}.stepper__tab--complete{color:#137333;font-weight:600}.stepper__tab-badge{background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.stepper__tab-badge .material-symbols-outlined{font-size:16px}.stepper__tab--active .stepper__tab-badge{color:#1a73e8;background:#d3e3fd}.stepper__tab--complete .stepper__tab-badge{color:#137333;background:#c4eed0}.stepper__tab:disabled .stepper__tab-badge{color:#9aa0a6;background:#e8eaed}.stepper__tab-label{white-space:nowrap}.stepper__body{background:#f8f9fa;border-radius:16px;padding:24px}.stepper__content{font-family:var(--font-sans);color:#3c4043;align-items:center;min-height:60px;font-size:14px;line-height:1.5;display:flex}.stepper__content p,.stepper__content span,.stepper__content strong,.stepper__content b{font-family:var(--font-sans)}.stepper__nav{border-top:1px solid #e8eaed;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.stepper__nav-btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#e8eaed;border:none;border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.stepper__nav-btn:hover{background:#dadce0}.stepper__nav-btn:disabled{opacity:0;pointer-events:none}.stepper__nav-btn .material-symbols-outlined{font-size:18px}.stepper__nav-btn--primary{color:#fff;background:#1a73e8}.stepper__nav-btn--primary:hover{background:#1765cc}.stepper__counter{font-family:var(--font-sans);color:#9aa0a6;font-size:12px;font-weight:600}@media (width<=640px){.stepper__tab-label{display:none}.stepper__tab{padding:6px 10px}.stepper__body{border-radius:12px;padding:16px}.stepper__nav-btn{padding:6px 12px;font-size:12px}}.drawer__backdrop{z-index:1000;background:#20212452;animation:.15s drawer-fade;position:fixed;inset:0}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer{z-index:1001;background:#fff;border-radius:16px 0 0 16px;flex-direction:column;width:400px;max-width:88vw;display:flex;position:fixed;top:0;bottom:0;box-shadow:-2px 0 12px #00000014}.drawer--right{border-radius:16px 0 0 16px;animation:.2s cubic-bezier(.2,0,0,1) drawer-slide-right;right:0}.drawer--left{border-radius:0 16px 16px 0;animation:.2s cubic-bezier(.2,0,0,1) drawer-slide-left;left:0;box-shadow:2px 0 12px #00000014}.drawer__header{flex-shrink:0;align-items:center;gap:12px;padding:20px 16px 16px 20px;display:flex}.drawer__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer__header-icon .material-symbols-outlined{font-size:20px}.drawer__title{font-family:var(--font-sans);color:#202124;flex:1;min-width:0;margin:0;font-size:18px;font-weight:600}.drawer__close{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:background .15s,color .15s;display:flex}.drawer__close:hover{color:#202124;background:#f1f3f4}.drawer__close .material-symbols-outlined{font-size:20px}.drawer__divider{background:#e8eaed;flex-shrink:0;height:1px;margin:0 20px}.drawer__body{font-family:var(--font-sans);color:#3c4043;flex:1;padding:16px 20px 24px;font-size:14px;line-height:1.5;overflow-y:auto}.drawer__body p,.drawer__body span,.drawer__body strong,.drawer__body b,.drawer__body em,.drawer__body i,.drawer__body h1,.drawer__body h2,.drawer__body h3,.drawer__body h4,.drawer__body li{font-family:var(--font-sans)}.drawer__body strong,.drawer__body b{color:#202124;font-weight:600}.drawer__body ul{margin:12px 0 0;padding-left:20px}.drawer__body li{color:#3c4043;margin-bottom:8px;font-size:14px;line-height:1.5}.drawer__body li::marker{color:#1a73e8}.drawer__section{margin-bottom:20px}.drawer__section-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.8px;color:#5f6368;margin:0 0 8px;font-size:11px;font-weight:600}.drawer__footer{border-top:1px solid #e8eaed;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.toggle{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;transition:background .15s;display:flex}.toggle:hover{background:#f8f9fa}.toggle--disabled{opacity:.4;cursor:default}.toggle--disabled:hover{background:0 0}.toggle__text{flex-direction:column;gap:2px;display:flex}.toggle__label{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500}.toggle__desc{font-family:var(--font-sans);color:#5f6368;font-size:12px}.toggle__switch{cursor:pointer;background:#dadce0;border:none;border-radius:999px;flex-shrink:0;padding:0;transition:background .2s;position:relative}.toggle__switch--medium{width:48px;height:28px}.toggle__switch--small{width:40px;height:24px}.toggle__switch--on{background:#1a73e8}.toggle__thumb{background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001f}.toggle__switch--medium .toggle__thumb{width:22px;height:22px}.toggle__switch--small .toggle__thumb{width:18px;height:18px}.toggle__switch--on .toggle__thumb{transform:translate(20px)}.toggle__switch--small.toggle__switch--on .toggle__thumb{transform:translate(16px)}.toggle__switch:disabled{cursor:default}.search-bar{width:100%;position:relative}.search-bar__form{background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 16px;transition:background .15s,box-shadow .15s;display:flex}.search-bar__form--focused{background:#fff;box-shadow:0 2px 8px #0000001f}.search-bar__icon{color:#5f6368;flex-shrink:0;font-size:20px}.search-bar__input{font-family:var(--font-sans);color:#202124;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:14px}.search-bar__input::placeholder{color:#9aa0a6}.search-bar__clear{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.search-bar__clear:hover{background:#e8eaed}.search-bar__clear .material-symbols-outlined{font-size:18px}.search-bar__suggestions{z-index:50;background:#fff;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 4px 16px #0000001f}.search-bar__suggestion{text-align:left;width:100%;font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.search-bar__suggestion:hover{color:#202124;background:#f1f3f4}@media (width<=640px){.search-bar__form{height:40px;padding:0 12px}}.pagination{align-items:center;gap:2px;display:flex}.pagination__btn{min-width:36px;height:36px;font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.pagination__btn:hover:not(:disabled):not(.pagination__btn--active){background:#f1f3f4}.pagination__btn--active{color:#1a73e8;background:#d3e3fd;font-weight:600}.pagination__btn--active:hover{background:#d3e3fd}.pagination__btn--arrow{color:#5f6368}.pagination__btn--arrow .material-symbols-outlined{font-size:20px}.pagination__btn--arrow:hover:not(:disabled){color:#202124;background:#f1f3f4}.pagination__btn:disabled{opacity:.3;cursor:default}.pagination__ellipsis{font-family:var(--font-sans);color:#9aa0a6;-webkit-user-select:none;user-select:none;text-align:center;min-width:36px;padding:0 4px;font-size:14px}.mem-viz{width:100%}.mem-viz__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.mem-viz__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mem-viz__header-icon .material-symbols-outlined{font-size:18px}.mem-viz__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.mem-viz__layout{gap:20px;display:flex}.mem-viz__section{flex:1}.mem-viz__section-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mem-viz__section-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.mem-viz__section-badge .material-symbols-outlined{font-size:15px}.mem-viz__section-badge--stack{color:#1a73e8;background:#e8f0fe}.mem-viz__section-badge--heap{color:#34a853;background:#e6f4ea}.mem-viz__section-label{font-family:var(--font-sans);color:#202124;font-size:13px;font-weight:600}.mem-viz__section-hint{font-family:var(--font-sans);color:#9aa0a6;background:#f1f3f4;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.mem-viz__cells{background:#f8f9fa;border-radius:12px;flex-direction:column;gap:2px;padding:4px;display:flex}.mem-viz__cell{background:#fff;border-radius:8px;grid-template-columns:68px 1fr 1fr 44px;align-items:center;gap:8px;padding:8px 12px;display:grid}.mem-viz__cell--highlight{background:#e8f0fe}.mem-viz__cell--heap{background:#fff}.mem-viz__cell--heap.mem-viz__cell--highlight{background:#e6f4ea}.mem-viz__addr{font-family:var(--font-mono);color:#9aa0a6;font-size:10px;font-weight:500}.mem-viz__name{font-family:var(--font-mono);color:#1a73e8;font-size:13px;font-weight:600}.mem-viz__cell--heap .mem-viz__name{color:#34a853}.mem-viz__value{font-family:var(--font-mono);color:#202124;font-size:13px;font-weight:500}.mem-viz__type{font-family:var(--font-sans);color:#5f6368;text-align:center;background:#e8eaed;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.mem-viz__empty{text-align:center;font-family:var(--font-sans);color:#9aa0a6;background:#fff;border-radius:8px;padding:24px;font-size:13px}@media (width<=640px){.mem-viz__layout{flex-direction:column}.mem-viz__cell{grid-template-columns:56px 1fr 1fr 40px;padding:6px 10px}.mem-viz__name,.mem-viz__value{font-size:12px}}.regex{width:100%}.regex__header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.regex__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.regex__header-icon .material-symbols-outlined{font-size:18px}.regex__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.regex__section{margin-bottom:16px}.regex__section-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#5f6368;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.regex__section-label .material-symbols-outlined{font-size:15px}.regex__section-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.regex__pattern-row{background:#f8f9fa;border-radius:12px;align-items:center;gap:4px;padding:10px 14px;display:flex}.regex__slash{font-family:var(--font-mono);color:#1a73e8;flex-shrink:0;font-size:18px;font-weight:400}.regex__pattern-input{font-family:var(--font-mono);color:#202124;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.regex__pattern-input::placeholder{color:#9aa0a6}.regex__flags{flex-shrink:0;gap:4px;display:flex}.regex__flag{width:28px;height:28px;font-family:var(--font-mono);color:#5f6368;cursor:pointer;background:#e8eaed;border:none;border-radius:50%;font-size:13px;font-weight:600;transition:background .15s,color .15s}.regex__flag:hover{background:#dadce0}.regex__flag--active{color:#1a73e8;background:#d3e3fd}.regex__flag--active:hover{background:#c5d9f2}.regex__error{font-family:var(--font-sans);color:#d93025;background:#fce8e6;border-radius:10px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.regex__error .material-symbols-outlined{flex-shrink:0;font-size:18px}.regex__text-input{width:100%;font-family:var(--font-mono);color:#202124;resize:vertical;background:#f8f9fa;border:none;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:background .15s,box-shadow .15s}.regex__text-input::placeholder{color:#9aa0a6}.regex__text-input:focus{background:#fff;box-shadow:0 1px 3px #00000014,0 0 0 1px #dadce0}.regex__result{background:#f8f9fa;border-radius:12px;min-height:48px;padding:14px}.regex__highlighted{font-family:var(--font-mono);color:#3c4043;white-space:pre-wrap;word-break:break-all;font-size:14px;line-height:1.8}.regex__match{color:#1a73e8;background:#d3e3fd;border-radius:4px;padding:2px 4px;font-weight:600}.regex__match-count{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.regex__match-count--found{color:#1a73e8;background:#e8f0fe}@media (width<=640px){.regex__pattern-row{padding:8px 10px}.regex__pattern-input{font-size:13px}.regex__text-input{padding:10px 12px;font-size:13px}.regex__highlighted{font-size:13px}}.box-model{width:100%}.box-model__header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.box-model__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.box-model__header-icon .material-symbols-outlined{font-size:18px}.box-model__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.box-model__body{align-items:flex-start;gap:32px;display:flex}.box-model__diagram{flex:1;min-width:0}.box-model__layer{border-radius:12px;justify-content:center;align-items:center;padding:38px 44px;display:flex;position:relative}.box-model__layer--margin{background:#fce8e6}.box-model__layer--border{background:#fef7e0}.box-model__layer--padding{background:#e6f4ea}.box-model__layer-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:10px}.box-model__layer--margin .box-model__layer-label{color:#d93025;background:#ffffffbf}.box-model__layer--border .box-model__layer-label{color:#e8710a;background:#ffffffbf}.box-model__layer--padding .box-model__layer-label{color:#137333;background:#ffffffbf}.box-model__content{background:#e8f0fe;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:20px 24px;display:flex}.box-model__content-label{font-family:var(--font-sans);color:#1a73e8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.box-model__content-size{font-family:var(--font-sans);color:#3c4043;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.box-model__input{text-align:center;width:38px;font-family:var(--font-mono);color:#202124;-moz-appearance:textfield;background:#ffffffd9;border:none;border-radius:8px;outline:none;padding:4px 2px;font-size:12px;font-weight:600;transition:box-shadow .15s}.box-model__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-model__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.box-model__input:focus{background:#fff;box-shadow:0 0 0 2px #1a73e8}.box-model__input--top{position:absolute;top:8px;left:50%;transform:translate(-50%)}.box-model__input--bottom{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.box-model__input--left{position:absolute;top:50%;left:8px;transform:translateY(-50%)}.box-model__input--right{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.box-model__legend{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.box-model__legend-item{font-family:var(--font-sans);color:#3c4043;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.box-model__legend-dot{border-radius:4px;flex-shrink:0;width:12px;height:12px}.box-model__preview{min-width:240px}.box-model__preview-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.box-model__preview-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#5f6368;margin:0;font-size:11px;font-weight:600}.box-model__preview-header .material-symbols-outlined{color:#5f6368;font-size:15px}.box-model__preview-box{background:#f8f9fa;border-radius:12px;padding:24px;overflow:hidden}.box-model__preview-element{font-family:var(--font-mono);color:#1a73e8;background:#e8f0fe;border-style:solid;border-color:#dadce0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}@media (width<=640px){.box-model__body{flex-direction:column}.box-model__layer{padding:32px 36px}.box-model__preview{width:100%;min-width:0}}.maze{width:100%;max-width:480px;margin:0 auto}.maze__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.maze__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.maze__header-icon .material-symbols-outlined{font-size:18px}.maze__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.maze__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.maze__tools{gap:6px;display:flex}.maze__tool-btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.maze__tool-btn:hover{background:#e8eaed}.maze__tool-btn .material-symbols-outlined{font-size:16px}.maze__tool-btn--active{color:#1a73e8;background:#d3e3fd;font-weight:600}.maze__tool-btn--active:hover{background:#c5d9f2}.maze__actions{gap:6px;display:flex}.maze__action-btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.maze__action-btn .material-symbols-outlined{font-size:16px}.maze__action-btn--solve{color:#fff;background:#1a73e8}.maze__action-btn--solve:hover{background:#1765cc}.maze__action-btn--solve:disabled{color:#9aa0a6;cursor:not-allowed;background:#dadce0}.maze__action-btn--reset{color:#3c4043;background:#f1f3f4}.maze__action-btn--reset:hover{background:#e8eaed}.maze__grid{-webkit-user-select:none;user-select:none;aspect-ratio:1;background:#e8eaed;border-radius:12px;gap:1px;max-height:50vh;display:grid;overflow:hidden}.maze__cell{cursor:crosshair;background:#fff;transition:background 80ms}.maze__cell:hover{background:#f1f3f4}.maze__cell--wall{background:#3c4043}.maze__cell--wall:hover{background:#5f6368}.maze__cell--start{background:#34a853}.maze__cell--end{background:#ea4335}.maze__cell--visited{background:#e8f0fe;animation:.2s maze-visit}.maze__cell--path{background:#1a73e8;animation:.2s maze-path}@keyframes maze-visit{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes maze-path{0%{transform:scale(.5)}to{transform:scale(1)}}.maze__legend{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.maze__legend-item{font-family:var(--font-sans);color:#5f6368;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.maze__legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}@media (width<=640px){.maze__toolbar{flex-direction:column;align-items:flex-start}}.git-tree{width:100%}.git-tree__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.git-tree__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.git-tree__header-icon .material-symbols-outlined{font-size:18px}.git-tree__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.git-tree__branches{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.git-tree__branch-label{font-family:var(--font-sans);color:#3c4043;background:#f1f3f4;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.git-tree__branch-dot{border-radius:50%;width:8px;height:8px}.git-tree__graph{flex-direction:column;display:flex}.git-tree__commit{gap:14px;display:flex}.git-tree__line-col{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.git-tree__node{z-index:1;background:#fff;border:2.5px solid;border-radius:50%;flex-shrink:0;width:14px;height:14px}.git-tree__node--merge{width:16px;height:16px}.git-tree__line{flex:1;width:2px;min-height:20px}.git-tree__info{flex:1;padding-bottom:16px}.git-tree__commit-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.git-tree__hash{font-family:var(--font-mono);color:#9aa0a6;background:#f1f3f4;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.git-tree__branch-tag{font-family:var(--font-sans);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.git-tree__message{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500}@media (width<=640px){.git-tree__message{font-size:13px}.git-tree__commit{gap:10px}}.cipher{width:100%}.cipher__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.cipher__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cipher__header-icon .material-symbols-outlined{font-size:18px}.cipher__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.cipher__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cipher__mode-toggle{background:#f1f3f4;border-radius:999px;padding:3px;display:flex}.cipher__mode-btn{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 18px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.cipher__mode-btn:hover{color:#3c4043}.cipher__mode-btn--active{color:#202124;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.cipher__shift{align-items:center;gap:12px;display:flex}.cipher__shift-label{font-family:var(--font-sans);color:#202124;white-space:nowrap;font-size:13px;font-weight:600}.cipher__shift-value{font-family:var(--font-mono);color:#1a73e8;text-align:center;background:#e8f0fe;border-radius:999px;min-width:28px;padding:2px 10px;font-size:13px;font-weight:700}.cipher__shift-slider{accent-color:#1a73e8;width:120px}.cipher__fields{align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.cipher__field{flex:1}.cipher__field-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.cipher__field-label .material-symbols-outlined{font-size:15px}.cipher__textarea{width:100%;font-family:var(--font-mono);color:#202124;resize:none;background:#f8f9fa;border:none;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:background .15s,box-shadow .15s}.cipher__textarea::placeholder{color:#9aa0a6}.cipher__textarea:focus{background:#fff;box-shadow:0 1px 3px #00000014,0 0 0 1px #dadce0}.cipher__arrow{color:#dadce0;flex-shrink:0;align-items:center;padding-top:24px;display:flex}.cipher__arrow .material-symbols-outlined{font-size:24px}.cipher__output{font-family:var(--font-mono);color:#1a73e8;word-break:break-all;background:#e8f0fe;border-radius:12px;min-height:80px;padding:12px 14px;font-size:14px;font-weight:500}.cipher__alphabet{flex-direction:column;gap:3px;padding-bottom:4px;display:flex;overflow-x:auto}.cipher__alphabet-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#9aa0a6;margin-bottom:2px;font-size:10px;font-weight:600}.cipher__alphabet-row{gap:2px;display:flex}.cipher__letter{width:24px;height:26px;font-family:var(--font-mono);color:#3c4043;background:#f1f3f4;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.cipher__letter--shifted{color:#1a73e8;background:#d3e3fd}@media (width<=640px){.cipher__fields{flex-direction:column}.cipher__arrow{justify-content:center;padding-top:0;transform:rotate(90deg)}.cipher__letter{width:20px;height:22px;font-size:10px}}.audio-player{background:#f8f9fa;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 18px;display:flex}.audio-player__play{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.audio-player__play:hover{background:#1765cc}.audio-player__play .material-symbols-outlined{font-size:24px}.audio-player__info{flex:1;min-width:0}.audio-player__meta{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.audio-player__title{font-family:var(--font-sans);color:#202124;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.audio-player__artist{font-family:var(--font-sans);color:#5f6368;flex-shrink:0;font-size:12px}.audio-player__progress{cursor:pointer}.audio-player__track{background:#dadce0;border-radius:999px;height:4px;margin-bottom:6px;overflow:hidden}.audio-player__fill{background:#1a73e8;border-radius:999px;height:100%;transition:width .1s linear}.audio-player__times{font-family:var(--font-mono);color:#9aa0a6;justify-content:space-between;font-size:11px;display:flex}@media (width<=640px){.audio-player{padding:12px 14px}}.carousel{width:100%;max-width:560px;position:relative}.carousel__viewport{border-radius:16px;position:relative;overflow:hidden}.carousel__track{transition:transform .3s cubic-bezier(.2,0,0,1);display:flex}.carousel__slide{flex-shrink:0;min-width:100%}.carousel__slide p,.carousel__slide span,.carousel__slide strong,.carousel__slide b,.carousel__slide em,.carousel__slide i,.carousel__slide h1,.carousel__slide h2,.carousel__slide h3,.carousel__slide h4{font-family:var(--font-sans)}.carousel__img{object-fit:cover;width:100%;height:auto;display:block}.carousel__btn{color:#3c4043;cursor:pointer;z-index:2;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,box-shadow .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.carousel__btn:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000029}.carousel__btn .material-symbols-outlined{font-size:22px}.carousel__btn--prev{left:12px}.carousel__btn--next{right:12px}.carousel__dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.carousel__dot{cursor:pointer;background:#dadce0;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:background .15s,width .15s}.carousel__dot--active{background:#1a73e8;width:20px}@media (width<=640px){.carousel{max-width:100%}.carousel__btn{width:32px;height:32px}.carousel__btn .material-symbols-outlined{font-size:20px}.carousel__btn--prev{left:8px}.carousel__btn--next{right:8px}}.robot-grid{width:100%;max-width:420px;margin:0 auto}.robot-grid__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.robot-grid__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.robot-grid__header-icon .material-symbols-outlined{font-size:18px}.robot-grid__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.robot-grid__levels{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.robot-grid__level-btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.robot-grid__level-btn .material-symbols-outlined{font-size:16px}.robot-grid__level-btn:hover:not(:disabled){background:#e8eaed}.robot-grid__level-btn--active{color:#1a73e8;background:#d3e3fd;font-weight:600}.robot-grid__level-btn--active:hover{background:#c5d9f2}.robot-grid__level-btn:disabled{opacity:.4;cursor:not-allowed}.robot-grid__status{justify-content:center;align-items:center;min-height:32px;margin-bottom:12px;display:flex}.robot-grid__status-msg{font-family:var(--font-sans);border-radius:999px;padding:5px 18px;font-size:14px;font-weight:700;animation:.25s robot-grid-pop}.robot-grid__status-msg--blocked{color:#d93025;background:#fce8e6;animation:.4s robot-grid-shake}.robot-grid__status-msg--success{color:#137333;background:#e6f4ea}.robot-grid__status-msg--running{color:#1a73e8;background:#e8f0fe}.robot-grid__board{background:#e8eaed;border-radius:12px;gap:2px;transition:box-shadow .3s;display:grid;overflow:hidden}.robot-grid--success .robot-grid__board{box-shadow:0 0 0 3px #34a853,0 0 16px #34a85340}.robot-grid__cell{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;transition:background .15s;display:flex}.robot-grid__cell .material-symbols-outlined{font-size:22px}.robot-grid__cell--robot{background:#e8f0fe;animation:.2s robot-grid-pop}.robot-grid__cell--robot .material-symbols-outlined{color:#1a73e8}.robot-grid__cell--goal{background:#fef7e0}.robot-grid__cell--goal .material-symbols-outlined{color:#f9ab00}.robot-grid__cell--obstacle{background:#f1f3f4}.robot-grid__cell--obstacle .material-symbols-outlined{color:#9aa0a6;font-size:18px}.robot-grid__controls{justify-content:center;margin-top:20px;margin-bottom:16px;display:flex}.robot-grid__dpad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);grid-template-areas:".up.""left.right"".down.";gap:6px;display:grid}.robot-grid__dir-btn{color:#3c4043;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f3f4;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,transform .1s;display:flex}.robot-grid__dir-btn .material-symbols-outlined{font-size:22px}.robot-grid__dir-btn:hover:not(:disabled){color:#1a73e8;background:#d3e3fd}.robot-grid__dir-btn:active:not(:disabled){transform:scale(.92)}.robot-grid__dir-btn:disabled{opacity:.4;cursor:not-allowed}.robot-grid__dir-btn--up{grid-area:up}.robot-grid__dir-btn--down{grid-area:down}.robot-grid__dir-btn--left{grid-area:left}.robot-grid__dir-btn--right{grid-area:right}.robot-grid__commands{margin-bottom:16px}.robot-grid__commands-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#5f6368;margin:0 0 6px;font-size:11px;font-weight:600}.robot-grid__commands-list{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:10px 12px;display:flex}.robot-grid__commands-empty{font-family:var(--font-sans);color:#9aa0a6;align-items:center;font-size:13px;display:flex}.robot-grid__command-chip{color:#3c4043;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.robot-grid__command-chip .material-symbols-outlined{font-size:18px}.robot-grid__command-chip--active{color:#1a73e8;background:#d3e3fd;transform:scale(1.1);box-shadow:0 2px 8px #1a73e840}.robot-grid__command-chip--done{opacity:.4}.robot-grid__actions{gap:8px;display:flex}.robot-grid__action-btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.robot-grid__action-btn .material-symbols-outlined{font-size:18px}.robot-grid__action-btn--run{color:#fff;background:#1a73e8}.robot-grid__action-btn--run:hover{background:#1765cc}.robot-grid__action-btn--run:disabled{color:#9aa0a6;cursor:not-allowed;background:#dadce0}.robot-grid__action-btn--clear{color:#3c4043;background:#f1f3f4}.robot-grid__action-btn--clear:hover{background:#e8eaed}.robot-grid__action-btn--clear:disabled{opacity:.4;cursor:not-allowed}.robot-grid__action-btn--new{color:#3c4043;background:#f1f3f4}.robot-grid__action-btn--new:hover{background:#e8eaed}.robot-grid__action-btn--new:disabled{opacity:.4;cursor:not-allowed}@keyframes robot-grid-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes robot-grid-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (width<=640px){.robot-grid{max-width:100%}.robot-grid__cell .material-symbols-outlined{font-size:18px}.robot-grid__dpad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);gap:4px}.robot-grid__dir-btn{width:42px;height:42px}.robot-grid__command-chip{width:30px;height:30px}}.pattern-maker{width:100%}.pattern-maker__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.pattern-maker__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pattern-maker__header-icon .material-symbols-outlined{font-size:18px}.pattern-maker__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.pattern-maker__header-mode{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.pattern-maker__palette{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.pattern-maker__palette-item{cursor:pointer;background:#f1f3f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;line-height:1;transition:transform .15s,box-shadow .15s;display:flex}.pattern-maker__palette-item:hover{transform:scale(1.1)}.pattern-maker__palette-item--selected{transform:scale(1.1);box-shadow:0 0 0 3px #d3e3fd}.pattern-maker__sequence{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;padding:16px;display:flex}.pattern-maker__cell{cursor:default;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:24px;line-height:1;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.pattern-maker__cell--empty{background:#e8eaed}.pattern-maker__cell--empty:not(:disabled){cursor:pointer}.pattern-maker__cell--empty:not(:disabled):hover{background:#d3e3fd}.pattern-maker__cell--correct{background:#e6f4ea;box-shadow:inset 0 0 0 2px #34a853}.pattern-maker__cell--wrong{background:#fce8e6;animation:.4s pattern-shake;box-shadow:inset 0 0 0 2px #ea4335}.pattern-maker__analysis{background:#e8f0fe;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;display:flex}.pattern-maker__analysis-label{font-family:var(--font-sans);color:#1a73e8;font-size:13px;font-weight:600}.pattern-maker__analysis-value{font-family:var(--font-mono);color:#202124;letter-spacing:.05em;font-size:13px;font-weight:700}.pattern-maker__feedback{text-align:center;font-family:var(--font-sans);border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:16px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.pattern-maker__feedback--correct{color:#137333;background:#e6f4ea}.pattern-maker__feedback--wrong{color:#d93025;background:#fce8e6}.pattern-maker__actions{justify-content:center;gap:8px;display:flex}.pattern-maker__btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.pattern-maker__btn:disabled{opacity:.4;cursor:not-allowed}.pattern-maker__btn .material-symbols-outlined{font-size:16px}.pattern-maker__btn--clear{color:#3c4043;background:#f1f3f4}.pattern-maker__btn--clear:hover:not(:disabled){background:#e8eaed}@keyframes pattern-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (width<=640px){.pattern-maker__palette-item{width:38px;height:38px;font-size:20px}.pattern-maker__cell{width:40px;height:40px;font-size:20px}.pattern-maker__sequence{gap:6px;padding:12px}}.packet-sim{width:100%}.packet-sim__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.packet-sim__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.packet-sim__header-icon .material-symbols-outlined{font-size:18px}.packet-sim__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.packet-sim__input-stage{flex-direction:column;gap:8px;display:flex}.packet-sim__label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#5f6368;font-size:11px;font-weight:600}.packet-sim__input-row{gap:8px;display:flex}.packet-sim__input{font-family:var(--font-mono);color:#202124;background:#f8f9fa;border:none;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:background .15s,box-shadow .15s}.packet-sim__input::placeholder{color:#9aa0a6}.packet-sim__input:focus{background:#fff;box-shadow:0 1px 3px #00000014,0 0 0 1px #dadce0}.packet-sim__send-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;background:#1a73e8;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 24px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.packet-sim__send-btn .material-symbols-outlined{font-size:18px}.packet-sim__send-btn:hover{background:#1765cc}.packet-sim__send-btn:disabled{color:#9aa0a6;cursor:not-allowed;background:#dadce0}.packet-sim__layout{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:16px;margin-bottom:20px;display:grid}.packet-sim__sender,.packet-sim__receiver{flex-direction:column;align-items:center;gap:10px;display:flex}.packet-sim__device{flex-direction:column;align-items:center;gap:4px;display:flex}.packet-sim__device-icon{background:#f1f3f4;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.packet-sim__device-icon .material-symbols-outlined{color:#3c4043;font-size:20px}.packet-sim__device-label{font-family:var(--font-sans);color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.packet-sim__msg-box{text-align:center;background:#f8f9fa;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 12px;display:flex}.packet-sim__msg-label{font-family:var(--font-sans);color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.packet-sim__msg-text{font-family:var(--font-mono);color:#202124;word-break:break-all;font-size:12px;font-weight:500}.packet-sim__network{flex-direction:column;align-items:center;gap:12px;display:flex}.packet-sim__cloud{flex-direction:column;align-items:center;gap:4px;display:flex}.packet-sim__cloud-icon{background:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.packet-sim__cloud-icon .material-symbols-outlined{color:#1a73e8;font-size:20px}.packet-sim__cloud-label{font-family:var(--font-sans);color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.packet-sim__packet-track{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.packet-sim__packet{opacity:.4;background:#f1f3f4;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 10px;transition:all .2s;display:flex}.packet-sim__packet--transit{opacity:1;background:#e8f0fe;animation:.6s ease-out forwards packet-fly}.packet-sim__packet--arrived{opacity:1;background:#e6f4ea}.packet-sim__packet-num{font-family:var(--font-mono);color:#fff;background:#9aa0a6;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.4}.packet-sim__packet--transit .packet-sim__packet-num{background:#1a73e8}.packet-sim__packet--arrived .packet-sim__packet-num{background:#34a853}.packet-sim__packet-payload{font-family:var(--font-mono);color:#202124;letter-spacing:.05em;font-size:13px;font-weight:600}.packet-sim__packet-checksum{font-family:var(--font-mono);color:#9aa0a6;font-size:9px}@keyframes packet-fly{0%{opacity:0;transform:translate(-40px)scale(.85)}50%{opacity:1;transform:translate(8px)scale(1.05)}to{opacity:1;transform:translate(0)scale(1)}}.packet-sim__arrived-list{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.packet-sim__arrived-tag{font-family:var(--font-mono);color:#137333;background:#e6f4ea;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.packet-sim__waiting{font-family:var(--font-sans);color:#9aa0a6;font-size:12px;font-style:italic}.packet-sim__reassembled{text-align:center;background:#e6f4ea;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 12px;animation:.6s ease-out reassemble-glow;display:flex}.packet-sim__reassembled-text{font-family:var(--font-mono);color:#137333;word-break:break-all;font-size:13px;font-weight:700}@keyframes reassemble-glow{0%{box-shadow:0 0 #34a85366}60%{box-shadow:0 0 12px 4px #34a85333}to{box-shadow:0 0 #34a85300}}.packet-sim__details{margin-bottom:16px}.packet-sim__details-title{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.packet-sim__details-title .material-symbols-outlined{font-size:15px}.packet-sim__table{background:#f8f9fa;border-radius:12px;overflow:hidden}.packet-sim__table-header{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.5px;grid-template-columns:40px 1fr 80px 100px;gap:8px;padding:10px 14px;font-size:10px;font-weight:600;display:grid}.packet-sim__table-row{font-family:var(--font-sans);color:#202124;background:#fff;border-radius:8px;grid-template-columns:40px 1fr 80px 100px;gap:8px;margin:0 4px 2px;padding:8px 14px;font-size:13px;display:grid}.packet-sim__table-row:last-child{margin-bottom:4px}.packet-sim__table-cell{align-items:center;display:flex}.packet-sim__table-cell--mono{font-family:var(--font-mono);font-weight:600}.packet-sim__table-cell--ok{color:#137333;font-weight:600}.packet-sim__table-cell--pending{color:#9aa0a6;font-style:italic}.packet-sim__actions{justify-content:center;display:flex}.packet-sim__reset-btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.packet-sim__reset-btn .material-symbols-outlined{font-size:16px}.packet-sim__reset-btn:hover{background:#e8eaed}@media (width<=640px){.packet-sim__layout{grid-template-columns:1fr;gap:20px}.packet-sim__sender,.packet-sim__receiver{flex-direction:row;align-items:center;gap:12px}.packet-sim__msg-box,.packet-sim__reassembled{text-align:left}.packet-sim__table-header,.packet-sim__table-row{grid-template-columns:32px 1fr 60px 80px;font-size:12px}.packet-sim__input-row{flex-direction:column}}.scenario-card{width:100%}.scenario-card__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.scenario-card__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.scenario-card__header-icon .material-symbols-outlined{font-size:18px}.scenario-card__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.scenario-card__category{font-family:var(--font-sans);color:#1a73e8;letter-spacing:.3px;background:#e8f0fe;border-radius:999px;align-self:flex-start;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.scenario-card__image{object-fit:cover;border-radius:12px;width:100%;max-height:200px;margin-bottom:16px}.scenario-card__text{font-family:var(--font-sans);color:#202124;background:#f8f9fa;border-radius:12px;margin:0 0 16px;padding:14px 16px;font-size:15px;font-weight:400;line-height:1.6}.scenario-card__choices{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.scenario-card__choice{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.scenario-card__choice:hover:not(:disabled){background:#f1f3f4}.scenario-card__choice:disabled{cursor:default}.scenario-card__choice-icon{width:26px;height:26px;font-family:var(--font-sans);color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.scenario-card__choice-icon .material-symbols-outlined{font-size:16px}.scenario-card__choice:hover:not(:disabled) .scenario-card__choice-icon{color:#1a73e8;background:#d3e3fd}.scenario-card__choice-text{color:#202124;font-size:14px;line-height:1.5}.scenario-card__choice--selected{background:#d3e3fd}.scenario-card__choice--selected .scenario-card__choice-icon{color:#fff;background:#1a73e8}.scenario-card__choice--correct{background:#c4eed0}.scenario-card__choice--correct .scenario-card__choice-icon{color:#fff;background:#34a853}.scenario-card__choice--correct:disabled{background:#c4eed0}.scenario-card__choice--wrong{background:#f4c7c3;animation:.4s scenario-shake}.scenario-card__choice--wrong .scenario-card__choice-icon{color:#fff;background:#ea4335}.scenario-card__choice--wrong:disabled{background:#f4c7c3}.scenario-card__feedback{font-family:var(--font-sans);border-radius:12px;margin-bottom:16px;padding:10px 16px;font-size:13px;line-height:1.6;animation:.2s scenario-fade-in}.scenario-card__feedback--correct{color:#137333;background:#e6f4ea}.scenario-card__feedback--wrong{color:#d93025;background:#fce8e6}.scenario-card__retry{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.scenario-card__retry .material-symbols-outlined{font-size:16px}.scenario-card__retry:hover{background:#e8eaed}@keyframes scenario-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scenario-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (width<=640px){.scenario-card__text{padding:12px 14px;font-size:14px}.scenario-card__choice{padding:8px 12px}.scenario-card__image{max-height:160px}}.password-strength{width:100%}.password-strength__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.password-strength__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.password-strength__header-icon .material-symbols-outlined{font-size:18px}.password-strength__header-title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.password-strength__input-wrap{background:#f8f9fa;border-radius:12px;align-items:center;transition:background .15s,box-shadow .15s;display:flex;overflow:hidden}.password-strength__input-wrap:focus-within{background:#fff;box-shadow:0 1px 3px #00000014,0 0 0 1px #dadce0}.password-strength__input{font-family:var(--font-mono);color:#202124;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:14px}.password-strength__input::placeholder{color:#9aa0a6}.password-strength__toggle{color:#9aa0a6;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:color .15s;display:flex}.password-strength__toggle .material-symbols-outlined{font-size:20px}.password-strength__toggle:hover{color:#3c4043}.password-strength__meter{background:#e8eaed;border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.password-strength__fill{border-radius:999px;height:100%;transition:width .3s,background-color .3s}.password-strength__label{font-family:var(--font-sans);border-radius:999px;margin:8px 0 0;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.password-strength__label--1,.password-strength__label--2{color:#d93025;background:#fce8e6}.password-strength__label--3{color:#e8710a;background:#fef7e0}.password-strength__label--4{color:#1a73e8;background:#e8f0fe}.password-strength__label--5{color:#137333;background:#e6f4ea}.password-strength__rules{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.password-strength__rule{font-family:var(--font-sans);color:#5f6368;align-items:center;gap:10px;font-size:13px;transition:color .15s;display:flex}.password-strength__rule--pass{color:#137333}.password-strength__rule-icon{background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s;display:flex}.password-strength__rule-icon .material-symbols-outlined{color:#9aa0a6;font-size:14px}.password-strength__rule--pass .password-strength__rule-icon{background:#e6f4ea}.password-strength__rule--pass .password-strength__rule-icon .material-symbols-outlined{color:#34a853}.password-strength__tips{background:#e8f0fe;border-radius:12px;margin-top:16px;padding:14px 16px}.password-strength__tips-title{font-family:var(--font-sans);color:#1a73e8;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.password-strength__tips-title .material-symbols-outlined{font-size:16px}.password-strength__tips-list{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.password-strength__tips-list li{font-family:var(--font-sans);color:#3c4043;font-size:12px;line-height:1.5}@media (width<=640px){.password-strength__tips{padding:12px 14px}}.vb{width:100%}.vb__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.vb__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.vb__header-icon .material-symbols-outlined{font-size:18px}.vb__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.vb__grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.vb__card{background:#f8f9fa;border-radius:16px;flex-direction:column;flex:140px;align-items:center;gap:10px;min-width:130px;padding:14px 12px 12px;transition:box-shadow .3s;display:flex}.vb__card--pulse{animation:.5s ease-out vb-card-pulse}.vb__name{font-family:var(--font-mono);color:#1a73e8;letter-spacing:.02em;white-space:nowrap;background:#e8f0fe;border-radius:999px;padding:3px 14px;font-size:13px;font-weight:700}.vb__value-area{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.vb__val{font-family:var(--font-mono);color:#202124;-webkit-user-select:none;user-select:none;font-size:26px;font-weight:700;line-height:1}.vb__val--pop{animation:.3s cubic-bezier(.34,1.56,.64,1) vb-pop}.vb__number{align-items:center;gap:14px;display:flex}.vb__num-btn{color:#5f6368;cursor:pointer;background:#e8eaed;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s,transform .1s;display:flex}.vb__num-btn:hover{color:#1a73e8;background:#d3e3fd}.vb__num-btn:active{transform:scale(.9)}.vb__num-btn .material-symbols-outlined{font-size:20px}.vb__bool-pills{background:#e8eaed;border-radius:999px;gap:4px;padding:3px;display:flex}.vb__bool-pill{font-family:var(--font-mono);color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.vb__bool-pill:disabled{cursor:default}.vb__bool-pill--active{color:#1a73e8;background:#fff;box-shadow:0 1px 3px #0000001a}.vb__bool-pill:not(.vb__bool-pill--active):hover:not(:disabled){color:#202124;background:#ffffff80}.vb__text{justify-content:center;width:100%;display:flex}.vb__text-display{cursor:default;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;transition:background .15s;display:inline-flex}.vb__text-display--editable{cursor:pointer}.vb__text-display--editable:hover{background:#e8eaed}.vb__text-display .vb__val{font-size:20px}.vb__edit-icon{color:#9aa0a6;opacity:0;font-size:16px;transition:opacity .15s}.vb__text-display--editable:hover .vb__edit-icon{opacity:1}.vb__text-input{font-family:var(--font-mono);color:#202124;text-align:center;background:#fff;border:none;border-radius:8px;outline:none;width:100%;max-width:180px;padding:6px 10px;font-size:20px;font-weight:700;box-shadow:0 0 0 2px #1a73e8}.vb__type{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4}.vb__type--number{color:#1a73e8;background:#e8f0fe}.vb__type--text{color:#137333;background:#e6f4ea}.vb__type--boolean{color:#a142f4;background:#f3e8fd}.vb__expr{background:#f8f9fa;border-radius:12px;padding:12px 16px}.vb__expr-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vb__expr-icon{color:#9aa0a6;font-size:18px}.vb__expr-code{font-family:var(--font-mono);color:#3c4043;font-size:14px;font-weight:500}.vb__expr-var{color:#1a73e8;background:#e8f0fe;border-radius:4px;padding:2px 5px;font-weight:700;transition:background .2s,color .2s}.vb__expr-var--pulse{animation:.5s ease-out vb-var-flash}.vb__expr-eq{font-family:var(--font-mono);color:#9aa0a6;font-size:16px;font-weight:700}.vb__expr-result{font-family:var(--font-mono);color:#1a73e8;border-radius:8px;padding:2px 10px;font-size:20px;font-weight:700}.vb__expr-result--pop{animation:.3s cubic-bezier(.34,1.56,.64,1) vb-pop}@keyframes vb-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes vb-card-pulse{0%{box-shadow:0 0 #1a73e84d}50%{box-shadow:0 0 0 6px #1a73e800}to{box-shadow:0 0 #1a73e800}}@keyframes vb-var-flash{0%{color:#1a73e8;background:#e8f0fe}40%{color:#fff;background:#1a73e8}to{color:#1a73e8;background:#e8f0fe}}@media (prefers-reduced-motion:reduce){.vb__card--pulse,.vb__val--pop,.vb__expr-result--pop,.vb__expr-var--pulse{animation:none}}@media (width<=480px){.vb__grid{flex-direction:column}.vb__card{border-radius:12px;flex-basis:auto;min-width:0;padding:12px 10px 10px}.vb__val{font-size:22px}.vb__text-display .vb__val{font-size:18px}.vb__expr-row{gap:8px}.vb__expr-result{font-size:18px}}.bf{width:100%;max-width:560px;margin:0 auto}.bf__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.bf__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.bf__header-icon .material-symbols-outlined{font-size:18px}.bf__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.bf__counter{font-family:var(--font-sans);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.bf__counter .material-symbols-outlined{font-size:14px}.bf__code{background:#1e1e2e;border-radius:16px;margin-bottom:10px;overflow:hidden}.bf__tab-bar{background:#181825;border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.bf__tab{font-family:var(--font-mono);color:#cdd6f4;background:#1e1e2e;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.bf__tab-hint{font-family:var(--font-sans);color:#6c7086;font-size:11px}.bf__line{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:6px 16px;transition:background .15s;display:flex;position:relative}.bf__line:hover{background:#262637}.bf__line:focus-visible{outline-offset:-2px;outline:2px solid #1a73e8}.bf__num{font-family:var(--font-mono);color:#585b70;text-align:right;flex-shrink:0;min-width:2ch;font-size:12px;line-height:1}.bf__text{font-family:var(--font-mono);color:#cdd6f4;flex:1;font-size:13px;line-height:1.6}.bf__line--found{cursor:default;background:#a6e3a114;border-left-color:#a6e3a1}.bf__line--found:hover{background:#a6e3a114}.bf__line--found .bf__text{color:#6c7086;text-decoration:line-through}.bf__found-icon{color:#a6e3a1;flex-shrink:0;font-size:16px}.bf__line--wrong{background:#f38ba81f;border-left-color:#f38ba8;animation:.4s bf-shake}.bf__tooltip{color:#1e1e2e;font-family:var(--font-sans);white-space:nowrap;pointer-events:none;z-index:2;background:#f38ba8;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;animation:.8s forwards bf-tooltip-fade;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bf__fix{font-family:var(--font-mono);color:#a6e3a1;align-items:flex-start;gap:6px;padding:4px 16px 8px 46px;font-size:12px;line-height:1.5;animation:.25s bf-slide-in;display:flex}.bf__fix .material-symbols-outlined{flex-shrink:0;margin-top:2px;font-size:14px}.bf__success{color:#137333;font-family:var(--font-sans);background:#e6f4ea;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:10px 16px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) bf-pop;display:flex}.bf__success .material-symbols-outlined{font-size:18px}.bf__reset{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.bf__reset:hover{background:#e8eaed}.bf__reset .material-symbols-outlined{font-size:16px}@keyframes bf-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}}@keyframes bf-tooltip-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes bf-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bf__line--wrong,.bf__success{animation:none}.bf__tooltip{opacity:1;animation:none}.bf__fix{animation:none}}@media (width<=480px){.bf{max-width:100%}.bf__tab-hint{display:none}.bf__line{gap:8px;padding:5px 12px}.bf__num{font-size:11px}.bf__text{font-size:12px}.bf__fix{padding-left:34px;font-size:11px}}.is{width:100%}.is__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.is__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.is__header-icon .material-symbols-outlined{font-size:18px}.is__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.is__pool{background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;margin-bottom:12px;padding:14px;display:flex}.is__pool--drop{background:#f1f3f4;border:2px dashed #9aa0a6}.is__pool-empty{width:100%;font-family:var(--font-sans);color:#9aa0a6;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:13px;display:flex}.is__pool-empty .material-symbols-outlined{font-size:16px}.is__chip{font-family:var(--font-sans);color:#202124;cursor:grab;-webkit-user-select:none;user-select:none;background:#e8eaed;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px 6px 8px;font-size:13px;font-weight:500;transition:background .15s,color .15s,transform .1s,opacity .15s;display:inline-flex}.is__chip:hover{background:#dadce0}.is__chip:active{cursor:grabbing;transform:scale(.97)}.is__chip--dragging{opacity:.35}.is__chip-grip{color:#9aa0a6;font-size:16px}.is__chip--selected{color:#1a73e8;background:#d3e3fd}.is__chip--selected:hover{background:#c2d9f7}.is__chip--placed{cursor:pointer;background:#fff}.is__chip--placed:hover{background:#f1f3f4}.is__chip-remove{color:#9aa0a6;font-size:14px;transition:color .15s}.is__chip--placed:hover .is__chip-remove{color:#5f6368}.is__chip--correct{color:#137333;cursor:default;background:#c4eed0}.is__chip--correct:hover{background:#c4eed0}.is__chip--wrong{color:#c5221f;cursor:default;background:#f4c7c3;animation:.3s is-shake}.is__chip--wrong:hover{background:#f4c7c3}.is__chip-icon{font-size:14px}.is__bins{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:12px;display:grid}.is__bin{background:#f8f9fa;border:2px solid #0000;border-radius:12px;transition:border-color .2s,background .2s;overflow:hidden}.is__bin--ready{cursor:pointer;border-style:dashed;border-color:#1a73e8}.is__bin--ready:hover{background:#f0f4ff}.is__bin--dragover{background:#e8f0fe;border:2px solid #1a73e8}.is__bin-label{font-family:var(--font-sans);color:#3c4043;text-align:center;padding:10px 14px;font-size:13px;font-weight:600}.is__bin-body{flex-direction:column;gap:4px;min-height:56px;padding:6px 10px 10px;display:flex}.is__bin-empty{font-family:var(--font-sans);color:#9aa0a6;text-align:center;padding:14px 8px;font-size:12px}.is__footer{align-items:center;gap:10px;display:flex}.is__score{font-family:var(--font-sans);color:#137333;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.is__score .material-symbols-outlined{font-size:16px}.is__reset{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.is__reset:hover{background:#e8eaed}.is__reset .material-symbols-outlined{font-size:16px}@keyframes is-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.is__chip--wrong{animation:none}}@media (width<=480px){.is__bins{grid-template-columns:1fr}.is__chip{padding:5px 12px;font-size:12px}.is__bin-body{min-height:48px}}.pg{width:100%;max-width:560px;margin:0 auto}.pg__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.pg__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pg__header-icon .material-symbols-outlined{font-size:18px}.pg__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.pg__total{font-family:var(--font-mono);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.pg__body{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.pg__row{background:0 0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.pg__row--alt{background:#f8f9fa}.pg__row:hover{background:#f1f3f4}.pg__label{width:90px;font-family:var(--font-sans);color:#202124;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600;overflow:hidden}.pg__icons{flex-wrap:wrap;flex:1;align-items:center;gap:2px;min-height:28px;display:flex}.pg__icon{justify-content:center;align-items:center;width:26px;height:26px;animation:.25s cubic-bezier(.34,1.56,.64,1) both pg-pop;display:inline-flex}.pg__icon .material-symbols-outlined{color:#1a73e8;font-size:20px}.pg__count{text-align:center;width:24px;font-family:var(--font-mono);color:#1a73e8;flex-shrink:0;font-size:13px;font-weight:700}.pg__controls{flex-shrink:0;gap:4px;display:flex}.pg__btn{color:#5f6368;cursor:pointer;background:#e8eaed;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,transform .1s;display:flex}.pg__btn:hover:not(:disabled){color:#202124;background:#dadce0}.pg__btn:active:not(:disabled){transform:scale(.9)}.pg__btn:disabled{opacity:.3;cursor:not-allowed}.pg__btn .material-symbols-outlined{font-size:18px}.pg__btn--add{color:#1a73e8;background:#d3e3fd}.pg__btn--add:hover:not(:disabled){color:#1a73e8;background:#a8c7fa}.pg__clear{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.pg__clear:hover:not(:disabled){background:#e8eaed}.pg__clear:disabled{opacity:.3;cursor:not-allowed}.pg__clear .material-symbols-outlined{font-size:16px}@keyframes pg-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pg__icon{animation:none}}@media (width<=480px){.pg{max-width:100%}.pg__label{width:64px;font-size:12px}.pg__icon{width:22px;height:22px}.pg__icon .material-symbols-outlined{font-size:17px}.pg__btn{width:26px;height:26px}.pg__count{width:20px;font-size:12px}}.sb{width:100%;max-width:600px;margin:0 auto}.sb__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sb__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sb__header-icon .material-symbols-outlined{font-size:18px}.sb__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.sb__count{font-family:var(--font-mono);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.sb__timeline{flex-direction:column;display:flex}.sb__step{gap:12px;display:flex}.sb__connector{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.sb__dot{color:#fff;width:28px;height:28px;font-family:var(--font-sans);background:#1a73e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb__line{background:#dadce0;flex:1;width:2px}.sb__card{background:#f8f9fa;border-radius:14px;flex:1;margin-bottom:10px;padding:12px 14px;transition:background .15s}.sb__card:hover{background:#f1f3f4}.sb__card-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sb__icon-btn{color:#9aa0a6;cursor:pointer;background:#e8eaed;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:flex}.sb__icon-btn:hover{color:#5f6368;background:#dadce0}.sb__icon-btn--has{color:#1a73e8;background:#d3e3fd}.sb__icon-btn--has:hover{color:#1a73e8;background:#a8c7fa}.sb__icon-btn .material-symbols-outlined{font-size:18px}.sb__step-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:12px;font-weight:600}.sb__remove{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s,color .15s;display:flex}.sb__remove .material-symbols-outlined{font-size:16px}.sb__remove:hover{color:#c5221f;background:#f4c7c3}.sb__picker{background:#fff;border-radius:10px;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding:8px;display:flex}.sb__picker-opt{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:flex}.sb__picker-opt .material-symbols-outlined{font-size:18px}.sb__picker-opt:hover{color:#202124;background:#f1f3f4}.sb__picker-opt--sel{color:#1a73e8;background:#d3e3fd}.sb__picker-opt--sel:hover{color:#1a73e8;background:#a8c7fa}.sb__textarea{width:100%;font-family:var(--font-sans);color:#202124;resize:none;box-sizing:border-box;background:#fff;border:none;border-radius:8px;padding:8px 10px;font-size:13px;transition:box-shadow .15s}.sb__textarea:focus{outline:none;box-shadow:0 0 0 2px #a8c7fa}.sb__textarea::placeholder{color:#9aa0a6}.sb__text-ro{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.5}.sb__add{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;margin:6px 0 0 40px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.sb__add:hover{background:#e8eaed}.sb__add .material-symbols-outlined{font-size:16px}@media (width<=480px){.sb__card{border-radius:12px;padding:10px 12px}.sb__add{margin-left:0}}.kb{width:100%;max-width:780px;margin:0 auto}.kb__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.kb__header-icon{color:#444746;display:flex}.kb__header-icon .material-symbols-outlined{font-size:20px}.kb__title{font-family:var(--font-sans);color:#444746;flex:1;margin:0;font-size:13px;font-weight:500}.kb__target{font-family:var(--font-mono);color:#0b57d0;background:#d3e3fd;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.kb__target .material-symbols-outlined{font-size:14px}.kb__board{background:#f0f4f9;border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.kb__row{gap:4px;display:flex}.kb__key{height:40px;font-family:var(--font-mono);color:#1f1f1f;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-bottom:3px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:500;transition:background .15s;display:flex;position:relative}.kb__key--mod{font-size:0}.kb__key--active{color:#fff;z-index:1;background:#0b57d0;border-bottom-color:#0842a0;animation:1s infinite kb-pulse;box-shadow:0 0 0 3px #d3e3fd}.kb__key--home{background:#e3e8ee}.kb__icon{color:#444746;font-size:18px}.kb__key--active .kb__icon{color:#fff}.kb__label{line-height:1}.kb__bump{background:#747775;border-radius:999px;width:10px;height:2px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.kb__key--active .kb__bump{background:#fff9}.kb__legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.kb__legend-item{align-items:center;gap:4px;display:flex}.kb__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kb__legend-label{font-family:var(--font-sans);color:#444746;font-size:11px;font-weight:500}@keyframes kb-pulse{0%,to{box-shadow:0 0 0 3px #d3e3fd}50%{box-shadow:0 0 0 6px #d3e3fd}}@media (prefers-reduced-motion:reduce){.kb__key--active{animation:none}}@media (width<=640px){.kb__board{border-radius:10px;gap:3px;padding:8px}.kb__row{gap:3px}.kb__key{border-bottom-width:2px;border-radius:6px;height:32px;font-size:10px}.kb__icon{font-size:14px}}.tr{width:100%;max-width:700px;margin:0 auto}.tr__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tr__header-icon{color:#0b57d0;display:flex}.tr__header-icon .material-symbols-outlined{font-size:22px}.tr__title{font-family:var(--font-sans);color:#1f1f1f;margin:0;font-size:15px;font-weight:600}.tr__stats{align-items:center;gap:16px;margin-bottom:10px;display:flex}.tr__stat{align-items:center;gap:5px;display:flex}.tr__stat-icon{color:#444746;font-size:16px}.tr__stat-value{font-family:var(--font-mono);color:#1f1f1f;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.tr__stat-label{font-family:var(--font-sans);color:#444746;font-size:11px;font-weight:500}.tr__timer{font-family:var(--font-mono);color:#1f1f1f;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:auto;font-size:16px;font-weight:700;display:flex}.tr__timer .material-symbols-outlined{color:#444746;font-size:20px}.tr__timer--warn,.tr__timer--warn .material-symbols-outlined{color:#ea8600}.tr__timer--danger{color:#c5221f;animation:.5s infinite tr-blink}.tr__timer--danger .material-symbols-outlined{color:#c5221f}.tr__progress{background:#dadce0;border-radius:999px;height:4px;margin-bottom:12px;overflow:hidden}.tr__progress-fill{background:#0b57d0;border-radius:999px;height:100%;transition:width .2s}.tr__area{cursor:text;background:#f0f4f9;border-radius:16px;outline:none;min-height:100px;padding:20px;transition:box-shadow .2s;position:relative}.tr__area--focus{box-shadow:0 0 0 2px #0b57d0}.tr__ready{font-family:var(--font-sans);color:#444746;cursor:pointer;z-index:1;background:#f0f4f9;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.tr__ready .material-symbols-outlined{color:#0b57d0;font-size:28px}.tr__ready:hover{background:#e3e8ee}.tr__text{font-family:var(--font-mono);word-break:break-all;color:#c4c7c5;font-size:16px;line-height:1.9}.tr__char{position:relative}.tr__char--ok{color:#0b57d0}.tr__char--err{color:#c5221f;background:#fce8e6;border-radius:2px}.tr__char--cur{border-left:2px solid #0b57d0;animation:1s step-end infinite tr-cursor}.tr__results{text-align:center;margin-top:14px;animation:.25s tr-results-in}.tr__results-top{justify-content:center;align-items:center;gap:6px;margin-bottom:10px;display:flex}.tr__results-icon{color:#ea8600;font-size:20px}.tr__results-heading{font-family:var(--font-sans);color:#1f1f1f;font-size:14px;font-weight:600}.tr__results-grid{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.tr__results-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.tr__results-val{font-family:var(--font-mono);color:#0b57d0;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.tr__results-lbl{font-family:var(--font-sans);color:#444746;font-size:11px;font-weight:500}.tr__btn{font-family:var(--font-sans);color:#0b57d0;cursor:pointer;background:0 0;border:1px solid #dadce0;border-radius:999px;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.tr__btn:hover{background:#f0f4f9}.tr__btn .material-symbols-outlined{font-size:16px}@keyframes tr-cursor{0%,to{border-color:#0b57d0}50%{border-color:#0000}}@keyframes tr-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes tr-results-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tr__char--cur{border-color:#0b57d0;animation:none}.tr__timer--danger,.tr__results{animation:none}}@media (width<=640px){.tr__stats{gap:10px}.tr__stat-value{font-size:13px}.tr__text{font-size:14px}.tr__results-grid{flex-wrap:wrap;gap:14px}}.pd{width:100%;max-width:600px;margin:0 auto}.pd__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pd__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pd__header-icon .material-symbols-outlined{font-size:18px}.pd__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.pd__counter{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pd__counter .material-symbols-outlined{color:#ea4335;font-size:14px}.pd__instruction{font-family:var(--font-sans);color:#5f6368;margin:0 0 12px;font-size:12px}.pd__email{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #00000014}.pd__toolbar{border-bottom:1px solid #e8eaed;align-items:center;gap:2px;padding:6px 12px;display:flex}.pd__toolbar .material-symbols-outlined{color:#5f6368;border-radius:50%;padding:4px;font-size:18px}.pd__email-head{background:#f8f9fa;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.pd__field{font-family:var(--font-sans);color:#3c4043;align-items:baseline;gap:8px;font-size:13px;display:flex}.pd__field-lbl{color:#5f6368;text-transform:uppercase;letter-spacing:.03em;min-width:52px;font-size:11px;font-weight:600}.pd__field-name{color:#202124;font-weight:600}.pd__sender{font-family:var(--font-mono);color:#9aa0a6;cursor:default;background:0 0;border:none;padding:0;font-size:11px}.pd__sender--sus{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dashed #9aa0a6;text-decoration:underline dashed #9aa0a6}.pd__sender--sus:hover{color:#1a73e8}.pd__sender--found{color:#c5221f;font-weight:700;text-decoration:none}.pd__subject{font-family:var(--font-sans);color:#202124;cursor:default;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.pd__subject--sus{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dashed #9aa0a6;text-decoration:underline dashed #9aa0a6}.pd__subject--sus:hover{color:#1a73e8;text-decoration-color:#1a73e8}.pd__subject--found{color:#c5221f;text-decoration:none}.pd__flag-reveal{font-family:var(--font-sans);color:#3c4043;background:#fce8e6;border-radius:8px;align-items:flex-start;gap:6px;margin:4px 0;padding:6px 10px;font-size:12px;line-height:1.4;animation:.2s pd-slide;display:flex}.pd__flag-cat{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.pd__flag-cat .material-symbols-outlined{font-size:12px}.pd__flag-text{flex:1;padding-top:2px}.pd__body{font-family:var(--font-sans);color:#3c4043;white-space:pre-line;padding:16px;font-size:14px;line-height:1.8}.pd__span{cursor:pointer;border-radius:3px;padding:1px 0;transition:background .15s}.pd__span:hover{background:#f1f3f4}.pd__span--bold{color:#202124;font-weight:600}.pd__span--link{color:#1a73e8;font-family:var(--font-mono);font-size:12px;text-decoration:underline}.pd__span--action{color:#fff;background:#1a73e8;border-radius:8px;margin:4px 0;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-block}.pd__span--action:hover{background:#1765cc}.pd__span--muted{color:#9aa0a6;font-size:12px}.pd__span--sus{text-underline-offset:3px;-webkit-text-decoration:underline dashed #0000;text-decoration:underline dashed #0000}.pd__span--sus:hover{text-decoration-color:#9aa0a6}.pd__span--action.pd__span--sus:hover{text-decoration:none}.pd__span--found{color:#c5221f;cursor:default;background:#f4c7c3;font-weight:500;text-decoration:none}.pd__span--found:hover{background:#f4c7c3}.pd__span--safe{animation:.5s pd-safe}.pd__span-wrap{display:inline}.pd__attachments{border-top:1px solid #e8eaed;padding:12px 16px}.pd__attach-header{font-family:var(--font-sans);color:#5f6368;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.pd__attach-header .material-symbols-outlined{font-size:16px}.pd__attach-list{flex-direction:column;gap:6px;display:flex}.pd__attach-wrap{flex-direction:column;gap:4px;display:flex}.pd__attach{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background .15s;display:inline-flex}.pd__attach:hover{background:#e8eaed}.pd__attach .material-symbols-outlined{color:#5f6368;font-size:18px}.pd__attach--found{color:#c5221f;cursor:default;background:#f4c7c3}.pd__attach--found:hover{background:#f4c7c3}.pd__attach--found .material-symbols-outlined{color:#c5221f}.pd__attach--safe{animation:.5s pd-safe}.pd__complete{font-family:var(--font-sans);color:#137333;background:#e6f4ea;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s pd-slide;display:flex}.pd__complete .material-symbols-outlined{font-size:20px}@keyframes pd-safe{0%,to{background:0 0}50%{background:#e6f4ea}}@keyframes pd-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pd__span--safe,.pd__attach--safe,.pd__flag-reveal,.pd__complete{animation:none}}@media (width<=480px){.pd__email-head{padding:10px 12px}.pd__body{padding:12px;font-size:13px}.pd__attachments{padding:10px 12px}}.fw{width:100%;max-width:600px;margin:0 auto}.fw__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.fw__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fw__header-icon .material-symbols-outlined{font-size:18px}.fw__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.fw__rule-count{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.fw__rule-count .material-symbols-outlined{color:#1a73e8;font-size:14px}.fw__section{margin-bottom:12px}.fw__section-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.fw__section-label .material-symbols-outlined{color:#9aa0a6;font-size:16px}.fw__palette{flex-wrap:wrap;gap:6px;display:flex}.fw__chip{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.fw__chip .material-symbols-outlined{font-size:14px}.fw__chip:disabled{opacity:.35;cursor:default}.fw__chip--allow{color:#137333;background:#e6f4ea}.fw__chip--allow:hover:not(:disabled){background:#c4eed0}.fw__chip--block{color:#c5221f;background:#fce8e6}.fw__chip--block:hover:not(:disabled){background:#f4c7c3}.fw__empty{font-family:var(--font-sans);color:#9aa0a6;font-size:12px}.fw__wall{background:#f8f9fa;border-radius:12px;flex-direction:column;gap:4px;min-height:52px;padding:10px;display:flex}.fw__rule{font-family:var(--font-sans);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;animation:.2s fw-rule-in;display:flex}.fw__rule-icon{flex-shrink:0;font-size:16px}.fw__rule--allow .fw__rule-icon{color:#34a853}.fw__rule--block .fw__rule-icon{color:#ea4335}.fw__rule-label{color:#202124;flex:1;font-weight:500}.fw__remove{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s;display:flex}.fw__remove:hover{color:#c5221f;background:#fce8e6}.fw__remove .material-symbols-outlined{font-size:14px}.fw__actions{align-items:center;gap:8px;margin-bottom:12px;display:flex}.fw__btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.fw__btn .material-symbols-outlined{font-size:16px}.fw__btn:disabled{opacity:.35;cursor:default}.fw__btn--primary{color:#fff;background:#1a73e8}.fw__btn--primary:hover:not(:disabled){background:#1765cc}.fw__btn--secondary{color:#202124;background:#f1f3f4}.fw__btn--secondary:hover{background:#e8eaed}.fw__log{flex-direction:column;gap:4px;display:flex}.fw__packet{font-family:var(--font-sans);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;animation:.25s fw-packet-in;display:flex}.fw__packet-icon{flex-shrink:0;font-size:16px}.fw__packet--allow{background:#e6f4ea}.fw__packet--allow .fw__packet-icon{color:#34a853}.fw__packet--allow .fw__packet-action{color:#137333}.fw__packet--block{background:#fce8e6}.fw__packet--block .fw__packet-icon{color:#ea4335}.fw__packet--block .fw__packet-action{color:#c5221f}.fw__packet--transit{color:#1a73e8;background:#e8f0fe}.fw__packet-label{color:#202124;flex:1;font-weight:500}.fw__packet--transit .fw__packet-label{color:#1a73e8}.fw__packet-detail{font-family:var(--font-mono);color:#9aa0a6;font-size:11px}.fw__packet-action{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.fw__score{font-family:var(--font-sans);color:#b06000;background:#fef7e0;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s fw-packet-in;display:flex}.fw__score .material-symbols-outlined{font-size:20px}.fw__score--correct{color:#137333;background:#e6f4ea}.fw__spin{animation:1s linear infinite fw-spin}@keyframes fw-rule-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes fw-packet-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.fw__rule,.fw__packet,.fw__score,.fw__spin{animation:none}}@media (width<=480px){.fw__packet-detail{display:none}.fw__chip{padding:4px 10px;font-size:11px}}.df{width:100%;max-width:560px;margin:0 auto}.df__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.df__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.df__header-icon .material-symbols-outlined{font-size:18px}.df__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.df__counter{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.df__counter .material-symbols-outlined{color:#1a73e8;font-size:14px}.df__instruction{font-family:var(--font-sans);color:#5f6368;margin:0 0 12px;font-size:12px}.df__actions{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:12px;display:grid}.df__action{cursor:pointer;background:#f8f9fa;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.df__action:hover{background:#e8f0fe}.df__action--selected{background:#d3e3fd;box-shadow:0 0 0 2px #1a73e8}.df__action-icon{color:#5f6368;font-size:28px;transition:color .15s}.df__action--selected .df__action-icon,.df__action--revealed .df__action-icon{color:#1a73e8}.df__action-label{font-family:var(--font-sans);color:#202124;text-align:center;font-size:12px;font-weight:500;line-height:1.3}.df__action-check{color:#34a853;font-size:14px;position:absolute;top:6px;right:6px}.df__traces{background:#f8f9fa;border-radius:12px;margin-bottom:12px;padding:14px;animation:.2s df-panel-in}.df__traces-header{font-family:var(--font-sans);color:#202124;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.df__traces-header .material-symbols-outlined{color:#1a73e8;font-size:18px}.df__trace-list{flex-direction:column;gap:4px;display:flex}.df__trace{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;animation:.25s both df-trace-in;display:flex}.df__trace-icon{color:#1a73e8;flex-shrink:0;font-size:18px}.df__trace-label{font-family:var(--font-sans);color:#3c4043;font-size:13px;font-weight:500}.df__complete{font-family:var(--font-sans);color:#137333;background:#e6f4ea;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s df-panel-in;display:flex}.df__complete .material-symbols-outlined{font-size:20px}@keyframes df-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes df-trace-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.df__traces,.df__trace,.df__complete{animation:none}}@media (width<=480px){.df__actions{grid-template-columns:repeat(2,1fr)}.df__traces{padding:10px}.df__trace{padding:6px 10px}}.pm{width:100%;font-family:var(--font-sans);background:#fff;border:1px solid #dadce0;border-radius:12px;overflow:hidden}.pm__header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;align-items:center;gap:10px;padding:10px 16px;display:flex}.pm__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pm__header-icon .material-symbols-outlined{font-size:18px;line-height:1}.pm__title{color:#1f1f1f;flex:1;margin:0;font-size:15px;font-weight:600;line-height:1}.pm__count-pill{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;background:#e8eaed;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.pm__count-pill .material-symbols-outlined{color:#1a73e8;font-size:14px;line-height:1}.pm__taskbar{color:#1a73e8;background:#e8f0fe;border-bottom:1px solid #d3e3fd;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.pm__taskbar .material-symbols-outlined{font-size:18px;line-height:1}.pm__task-text{flex:1}.pm__task-step{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.6;font-size:11px;font-weight:700}.pm__complete{color:#137333;background:#e6f4ea;border-bottom:1px solid #ceead6;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.pm__complete .material-symbols-outlined{font-size:18px;line-height:1}.pm__stats{border-bottom:1px solid #f1f3f4;gap:12px;padding:10px 16px;display:flex}.pm__stat{background:#f1f3f4;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:flex}.pm__stat-icon{color:#9aa0a6;font-size:16px;line-height:1}.pm__stat-value{font-family:var(--font-mono);color:#1f1f1f;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:1}.pm__stat-label{color:#5f6368;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500;line-height:1}.pm__table-wrap{overflow-x:auto}.pm__table{border-collapse:collapse;width:100%;font-size:13px}.pm__th{text-align:left;color:#5f6368;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#f8f9fa;border-bottom:1px solid #e8eaed;padding:10px 16px;font-size:11px;font-weight:600;line-height:1;transition:color .15s}.pm__th:hover{color:#1f1f1f}.pm__th--sorted{color:#1a73e8}.pm__th--end{cursor:default;width:48px}.pm__sort-arrow{vertical-align:middle;margin-left:2px;font-size:12px;line-height:1}.pm__row{border-bottom:1px solid #f1f3f4;transition:background .15s}.pm__row:last-child{border-bottom:none}.pm__row:hover{background:#f8f9fa}.pm__row--suspicious{background:#fce8e6}.pm__row--suspicious:hover{background:#f9d5d2}.pm__cell{color:#3c4043;white-space:nowrap;vertical-align:middle;padding:10px 16px}.pm__cell--name{font-family:var(--font-mono);color:#1f1f1f;font-size:13px;font-weight:500}.pm__proc-icon{color:#9aa0a6;vertical-align:middle;margin-right:8px;font-size:18px;line-height:1}.pm__proc-icon--sus{color:#ea4335}.pm__proc-icon--sys{color:#5f6368}.pm__cell--pid{font-family:var(--font-mono);color:#9aa0a6;font-size:12px}.pm__cell--cpu{font-variant-numeric:tabular-nums}.pm__cpu-val{font-family:var(--font-mono);vertical-align:middle;margin-right:8px;font-size:13px;font-weight:500}.pm__cpu-bar{vertical-align:middle;background:#e8eaed;border-radius:999px;width:60px;height:4px;display:inline-block}.pm__cpu-fill{background:#1a73e8;border-radius:999px;height:100%;transition:width .15s}.pm__cpu-fill--sus{background:#ea4335}.pm__cell--mem{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.pm__cell--end{text-align:center;padding:10px 12px}.pm__end-btn{vertical-align:middle;color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:inline-flex}.pm__end-btn:hover{color:#c5221f;background:#fce8e6}.pm__end-btn .material-symbols-outlined{font-size:18px;line-height:1}.pm__btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.pm__btn .material-symbols-outlined{font-size:14px;line-height:1}.pm__btn--secondary{color:#137333;background:#fff}.pm__btn--secondary:hover{background:#f1f3f4}.pm__feedback{align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;animation:.2s pm-slide;display:flex}.pm__feedback .material-symbols-outlined{font-size:18px;line-height:1}.pm__feedback--success{color:#137333;background:#e6f4ea}.pm__feedback--warning{color:#b06000;background:#fef7e0}@keyframes pm-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pm__row,.pm__end-btn,.pm__cpu-fill,.pm__feedback{transition:none;animation:none}}@media (width<=480px){.pm__stats{flex-wrap:wrap;padding:8px 12px}.pm__stat{padding:4px 10px}.pm__cell,.pm__th{padding:8px 10px}.pm__cell--pid{display:none}}.fp{width:100%;max-width:420px;margin:0 auto}.fp__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.fp__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fp__header-icon .material-symbols-outlined{font-size:18px}.fp__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.fp__file{background:#f8f9fa;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.fp__file-icon{color:#1a73e8;font-size:20px}.fp__file-name{font-family:var(--font-mono);color:#202124;font-size:13px;font-weight:600}.fp__symbolic{font-family:var(--font-mono);color:#5f6368;background:#e8eaed;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.fp__grid{grid-template-columns:auto repeat(3,1fr);gap:4px;margin-bottom:12px;display:grid}.fp__grid-corner{width:90px}.fp__col-head{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;text-align:center;padding:4px 0;font-size:11px;font-weight:600}.fp__grid-row{display:contents}.fp__row-head{font-family:var(--font-sans);color:#202124;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.fp__role-icon{color:#9aa0a6;font-size:16px}.fp__toggle{height:38px;font-family:var(--font-mono);color:#9aa0a6;cursor:pointer;background:#f1f3f4;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:background .15s,color .15s,transform .1s;display:flex}.fp__toggle:hover:not(:disabled){background:#e8eaed}.fp__toggle:active:not(:disabled){transform:scale(.95)}.fp__toggle--on{color:#1a73e8;background:#d3e3fd}.fp__toggle--on:hover:not(:disabled){background:#a8c7fa}.fp__toggle--correct{color:#137333;background:#c4eed0}.fp__toggle--wrong{color:#c5221f;background:#f4c7c3}.fp__toggle:disabled{cursor:default}.fp__readout{background:#f8f9fa;border-radius:10px;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.fp__readout-item{align-items:center;gap:6px;display:flex}.fp__readout-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.fp__code{font-family:var(--font-mono);color:#202124;background:#fff;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.fp__result{font-family:var(--font-sans);color:#137333;background:#e6f4ea;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;animation:.2s fp-slide;display:flex}.fp__result .material-symbols-outlined{font-size:18px}@keyframes fp-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fp__result{animation:none}.fp__toggle{transition:none}}@media (width<=480px){.fp__readout{flex-direction:column;gap:6px}.fp__toggle{height:34px;font-size:14px}.fp__grid-corner{width:76px}}.op{width:100%;max-width:520px;margin:0 auto}.op__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.op__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.op__header-icon .material-symbols-outlined{font-size:18px}.op__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.op__code{background:#1e1e1e;border-radius:12px;margin-bottom:12px;padding:12px 14px;overflow-x:auto}.op__code-line{align-items:baseline;gap:12px;line-height:1.7;display:flex}.op__line-num{font-family:var(--font-mono);color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:18px;font-size:11px}.op__line-text{font-family:var(--font-mono);color:#e8eaed;white-space:pre;font-size:13px}.op__input-section{margin-bottom:10px}.op__input-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.op__input{width:100%;font-family:var(--font-mono);color:#202124;resize:vertical;box-sizing:border-box;background:#f8f9fa;border:none;border-radius:10px;padding:10px 12px;font-size:13px;transition:box-shadow .15s}.op__input:focus{outline:none;box-shadow:0 0 0 2px #1a73e8}.op__input:disabled{opacity:.5;cursor:default}.op__input::placeholder{color:#9aa0a6}.op__actions{align-items:center;gap:8px;margin-bottom:10px;display:flex}.op__btn{height:36px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.op__btn:active:not(:disabled){transform:scale(.96)}.op__btn:disabled{opacity:.4;cursor:default}.op__btn .material-symbols-outlined{font-size:18px}.op__btn--primary{color:#fff;background:#1a73e8}.op__btn--primary:hover:not(:disabled){background:#1557b0}.op__btn--secondary{color:#5f6368;background:#f1f3f4}.op__btn--secondary:hover:not(:disabled){background:#e8eaed}.op__result{border-radius:10px;align-items:center;gap:10px;padding:12px 14px;animation:.2s op-slide;display:flex}.op__result--correct{background:#e6f4ea}.op__result--wrong{background:#fce8e6}.op__result-icon{flex-shrink:0;font-size:22px}.op__result--correct .op__result-icon{color:#137333}.op__result--wrong .op__result-icon{color:#c5221f}.op__result-body{flex:1;min-width:0}.op__result-heading{font-family:var(--font-sans);font-size:14px;font-weight:600;display:block}.op__result--correct .op__result-heading{color:#137333}.op__result--wrong .op__result-heading{color:#c5221f}.op__expected{margin-top:6px}.op__expected-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.op__expected-code{font-family:var(--font-mono);color:#202124;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;display:block}@keyframes op-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.op__result{animation:none}.op__btn,.op__input{transition:none}}@media (width<=480px){.op__code{padding:10px 12px}.op__btn{height:34px;padding:0 14px;font-size:12px}}.cs{width:100%;max-width:680px;margin:0 auto}.cs__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cs__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cs__header-icon .material-symbols-outlined{font-size:18px}.cs__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.cs__step-pill{font-family:var(--font-mono);color:#5f6368;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.cs__layout{grid-template-columns:1fr 210px;gap:10px;margin-bottom:10px;display:grid}.cs__code-panel{background:#1e1e1e;border-radius:12px;overflow:hidden}.cs__code-label{font-family:var(--font-sans);color:#6e7681;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #2d2d2d;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.cs__code-label .material-symbols-outlined{font-size:14px}.cs__code-body{padding:6px 0;overflow-x:auto}.cs__code-line{align-items:baseline;gap:12px;padding:2px 14px;line-height:1.7;transition:background .15s;display:flex}.cs__code-line--active{background:#1a73e82e;border-left:3px solid #1a73e8;padding-left:11px}.cs__line-num{font-family:var(--font-mono);color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:18px;font-size:11px}.cs__line-text{font-family:var(--font-mono);color:#e8eaed;white-space:pre;font-size:13px}.cs__side{flex-direction:column;gap:10px;display:flex}.cs__section{background:#f8f9fa;border-radius:12px;overflow:hidden}.cs__section-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.cs__section-label .material-symbols-outlined{color:#1a73e8;font-size:14px}.cs__frames{flex-direction:column;gap:4px;min-height:48px;padding:0 8px 8px;display:flex}.cs__frame{font-family:var(--font-mono);color:#5f6368;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;animation:.2s cs-frame-in;display:flex}.cs__frame-icon{color:#9aa0a6;flex-shrink:0;font-size:16px}.cs__frame--top{color:#1a73e8;background:#d3e3fd;font-weight:600}.cs__frame--top .cs__frame-icon{color:#1a73e8}.cs__vars{flex-direction:column;gap:4px;min-height:32px;padding:0 8px 8px;display:flex}.cs__var{border-radius:8px;justify-content:space-between;align-items:center;padding:5px 10px;transition:background .15s;display:flex}.cs__var--changed{background:#e8f0fe;animation:.6s cs-var-flash}.cs__var-name{font-family:var(--font-mono);color:#202124;font-size:12px;font-weight:600}.cs__var-value{font-family:var(--font-mono);color:#1a73e8;background:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.cs__empty{font-family:var(--font-sans);color:#9aa0a6;padding:4px 10px;font-size:12px}.cs__desc{font-family:var(--font-sans);color:#1a73e8;background:#e8f0fe;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:flex}.cs__desc .material-symbols-outlined{flex-shrink:0;font-size:18px}.cs__controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.cs__btn{color:#5f6368;height:36px;font-family:var(--font-sans);cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.cs__btn:hover:not(:disabled){background:#e8eaed}.cs__btn:active:not(:disabled){transform:scale(.96)}.cs__btn:disabled{opacity:.4;cursor:default}.cs__btn .material-symbols-outlined{font-size:18px}.cs__btn--primary{color:#fff;background:#1a73e8}.cs__btn--primary:hover:not(:disabled){background:#1557b0}@keyframes cs-frame-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-var-flash{0%{background:#d3e3fd}to{background:#e8f0fe}}@media (prefers-reduced-motion:reduce){.cs__frame,.cs__var--changed{animation:none}.cs__btn,.cs__code-line{transition:none}}@media (width<=640px){.cs__layout{grid-template-columns:1fr}.cs__side{flex-direction:row}.cs__section{flex:1}.cs__btn{height:34px;padding:0 14px;font-size:12px}}.sh{background:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;animation:.25s sh-pop;display:flex;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}@keyframes sh-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sh__icon{background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sh__icon .material-symbols-outlined{color:#1a73e8;font-size:18px}.sh__text{color:#202124;letter-spacing:.01em;flex:1;font-size:13px;font-weight:400;line-height:1.55}.sh__speak{color:#1a73e8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s;display:flex}.sh__speak:hover{background:#e8f0fe}.sh__speak .material-symbols-outlined{font-size:18px}.sh__close{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s;display:flex}.sh__close:hover{background:#f1f3f4}.sh__close .material-symbols-outlined{font-size:18px}.sh__toggle{color:#5f6368;height:36px;font-family:var(--font-sans);cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;margin-top:14px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:500;transition:box-shadow .12s;display:inline-flex;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.sh__toggle:hover{box-shadow:0 1px 4px #0000001f,0 6px 16px #0000000f}.sh__toggle .material-symbols-outlined{color:#1a73e8;font-size:18px}.os{width:100%;height:100%;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:radial-gradient(80% 60% at 25% 20%,#78b4ff99 0%,#0000 100%),radial-gradient(70% 50% at 60% 35%,#5064f0b3 0%,#0000 100%),radial-gradient(60% 70% at 40% 65%,#8250c899 0%,#0000 100%),radial-gradient(50% 40% at 75% 75%,#b48cdc80 0%,#0000 100%),radial-gradient(40% 30% at 20% 80%,#c8a0dc66 0%,#0000 100%),linear-gradient(160deg,#a8d4f5 0%,#4a6cf7 25%,#5040d8 45%,#8b5fcf 65%,#c4a0d8 85%,#e8d0ee 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.os__lock{z-index:50;background:radial-gradient(at 50% 40%,#14233cbf 0%,#0000 70%),linear-gradient(160deg,#0f1f38 0%,#1a3a5c 40%,#2d6a9f 70%,#4a9fd4 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.os__lock-content{flex-direction:column;align-items:center;gap:6px;display:flex}.os__lock-time{color:#fff;letter-spacing:-1px;font-size:52px;font-weight:300;line-height:1}.os__lock-date{color:#ffffffb3;margin-bottom:12px;font-size:11px}.os__lock-avatar{color:#fff;background:#0b57d0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:600;display:flex;box-shadow:0 2px 12px #0000004d}.os__lock-name{color:#fff;margin-bottom:10px;font-size:14px;font-weight:500}.os__lock-form{flex-direction:column;align-items:center;gap:4px;display:flex}.os__lock-input{color:#fff;width:200px;font-size:12px;font-family:var(--font-sans);text-align:center;background:#ffffff1a;border:2px solid #ffffff40;border-radius:999px;outline:none;padding:8px 16px;transition:border-color .15s}.os__lock-input::placeholder{color:#fff6}.os__lock-input:focus{border-color:#ffffff80}.os__lock-input--error{border-color:#f28b82;animation:.3s os-lock-shake}.os__lock-error{color:#f28b82;font-size:10px}@keyframes os-lock-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.os__desktop{flex:1;min-height:0;position:relative}.os__window{z-index:10;background:#fdfcfb;flex-direction:column;animation:.15s os-app-open;display:flex;position:absolute;inset:0}@keyframes os-app-open{0%{opacity:0}to{opacity:1}}.os__titlebar{background:#c2e7ff;flex-shrink:0;align-items:center;gap:8px;height:32px;padding:0 4px;display:flex}.os__win-icon{color:#444746;margin-left:8px;font-size:14px}.os__win-title{color:#1f1f1f;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:500;overflow:hidden}.os__win-controls{display:flex}.os__win-ctrl{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:28px;height:32px;transition:background .15s;display:flex}.os__win-ctrl:hover{background:#00000014}.os__win-ctrl .material-symbols-outlined{font-size:16px}.os__win-ctrl--close:hover{color:#fff;background:#e81123}.os__app-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.os__shelf{-webkit-backdrop-filter:blur(30px);z-index:20;background:#14121ebf;flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 10px;display:flex}.os__shelf-launcher{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.os__shelf-launcher:hover{background:#ffffff1f}.os__shelf-launcher .material-symbols-outlined{font-size:22px}.os__shelf-divider{background:#ffffff26;flex-shrink:0;width:1px;height:20px;margin:0 6px}.os__shelf-apps{gap:4px;display:flex}.os__shelf-icon{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:relative}.os__shelf-icon:hover{background:#ffffff1f}.os__shelf-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:20px}.os__shelf-icon--open:after{content:"";background:#ffffffb3;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.os__shelf-icon--active:after{background:#fff;width:6px}.os__shelf-spacer{flex:1}.os__status-tray{cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;transition:background .15s;display:flex}.os__status-tray:hover{background:#ffffff1f}.os__tray-icon{color:#fffc;font-size:15px}.os__clock{color:#ffffffe6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.os__shelf-avatar{color:#fff;cursor:pointer;background:#0b57d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:6px;font-size:10px;font-weight:600;display:flex}.os__launcher-backdrop{z-index:25;background:#0000004d;justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:0 0 48px}.os__launcher{-webkit-backdrop-filter:blur(30px);background:#202124f0;flex-direction:column;width:280px;height:100%;padding:12px 14px 10px;animation:.2s os-launcher-slide;display:flex}@keyframes os-launcher-slide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.os__launcher-search{background:#ffffff1a;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;display:flex}.os__launcher-search .material-symbols-outlined{color:#ffffff80;font-size:18px}.os__launcher-input{color:#fffffff2;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.os__launcher-input::placeholder{color:#fff6}.os__launcher-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;overflow-y:auto}.os__launcher-app{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:background .15s;display:flex}.os__launcher-app:hover{background:#ffffff1a}.os__launcher-app-icon{color:#fffffff2;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.os__launcher-app-label{color:#ffffffbf;font-size:10px;font-weight:500}.os__qs-backdrop{z-index:25;position:absolute;inset:0 0 48px}.os__qs{-webkit-backdrop-filter:blur(30px);background:#202124f0;border-radius:20px 20px 0 0;width:260px;padding:14px;animation:.15s os-qs-pop;position:absolute;bottom:0;right:10px}@keyframes os-qs-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.os__qs-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.os__qs-user{align-items:center;gap:8px;display:flex}.os__qs-avatar{color:#fff;background:#0b57d0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:flex}.os__qs-name{color:#fffffff2;font-size:12px;font-weight:500}.os__qs-header-actions{gap:2px;display:flex}.os__qs-action-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.os__qs-action-btn:hover{background:#ffffff1f}.os__qs-action-btn .material-symbols-outlined{font-size:16px}.os__qs-tiles{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.os__qs-tile{color:#ffffffb3;font-size:11px;font-family:var(--font-sans);cursor:pointer;background:#ffffff14;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.os__qs-tile:hover{background:#ffffff24}.os__qs-tile .material-symbols-outlined{font-size:16px}.os__qs-tile--active{color:#062e6f;background:#a8c7fa}.os__qs-tile--active:hover{background:#7cacf8}.os__qs-sliders{flex-direction:column;gap:8px;display:flex}.os__qs-slider{align-items:center;gap:8px;display:flex}.os__qs-slider .material-symbols-outlined{color:#ffffff80;font-size:16px}.os__power-backdrop{z-index:25;position:absolute;inset:0 0 48px}.os__power-menu{-webkit-backdrop-filter:blur(30px);background:#202124f0;border-radius:16px 16px 0 0;width:150px;padding:4px;animation:.15s os-qs-pop;position:absolute;bottom:0;right:10px}.os__power-option{color:#ffffffd9;width:100%;font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.os__power-option:hover{background:#ffffff1a}.os__power-option .material-symbols-outlined{color:#fff9;font-size:18px}.os__files{background:#fff;flex:1;min-height:0;display:flex}.os__files-sidebar{background:#fff;flex-direction:column;flex-shrink:0;gap:2px;width:180px;padding:8px 12px;display:flex;overflow-y:auto}.os__files-new{color:#001d35;width:100%;height:36px;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#c2e7ff;border:none;border-radius:999px;align-items:center;gap:8px;margin-bottom:8px;padding:0 20px;transition:background .15s,box-shadow .15s;display:flex}.os__files-new:hover{background:#a8d8ea;box-shadow:0 1px 3px #0000001f}.os__files-new .material-symbols-outlined{font-size:20px}.os__files-nav{width:100%;height:32px;font-size:12px;font-family:var(--font-sans);color:#444746;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-weight:500;transition:background .15s;display:flex}.os__files-nav:hover{background:#f1f3f4}.os__files-nav .material-symbols-outlined{color:#5f6368;font-variation-settings:"FILL" 1;font-size:18px}.os__files-nav--active{color:#001d35;background:#c2e7ff;font-weight:600}.os__files-nav--active:hover{background:#a8d8ea}.os__files-nav--active .material-symbols-outlined{color:#001d35;font-variation-settings:"FILL" 1}.os__files-main{background:#f0f4f9;border-radius:16px 0 0;flex-direction:column;flex:1;min-width:0;display:flex}.os__files-toolbar{flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:8px 16px;display:flex}.os__files-back{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.os__files-back:hover:not(:disabled){background:#dadce0}.os__files-back:disabled{opacity:.3;cursor:default}.os__files-back .material-symbols-outlined{font-size:18px}.os__files-path{color:#1f1f1f;font-size:13px;font-weight:600}.os__files-toolbar-spacer{flex:1}.os__files-search-wrap{background:#dde3ea;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.os__files-search-wrap:focus-within{background:#fff;border-color:#1a73e8;box-shadow:0 1px 6px #2021242e}.os__files-search-wrap .material-symbols-outlined{color:#5f6368;font-size:16px}.os__files-search{font-size:12px;font-family:var(--font-sans);color:#1f1f1f;background:0 0;border:none;outline:none;width:90px;transition:width .15s}.os__files-search::placeholder{color:#5f6368}.os__files-search:focus{width:120px}.os__files-action{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.os__files-action:hover{background:#dadce0}.os__files-action .material-symbols-outlined{font-size:18px}.os__files-header-row{color:#5f6368;border-bottom:1px solid #c4c7c5;flex-shrink:0;align-items:center;padding:6px 16px;font-size:11px;font-weight:500;display:flex}.os__files-col-name{flex:1;align-items:center;gap:2px;padding-left:30px;display:flex}.os__files-col-name .material-symbols-outlined{color:#5f6368;font-size:14px}.os__files-col-size{text-align:right;width:60px}.os__files-col-date{text-align:right;width:70px}.os__files-col-actions{width:56px}.os__files-list{flex:1;padding:2px 0;overflow-y:auto}.os__file-row{cursor:pointer;width:100%;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:8px 16px;transition:background .15s;display:flex}.os__file-row:hover{background:#dde3ea}.os__file-row--selected{background:#c2e7ff}.os__file-row--selected:hover{background:#a8d8ea}.os__file-row--new{cursor:default;background:#c2e7ff}.os__file-row-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;display:flex}.os__file-row-icon--folder{color:#5f6368;font-variation-settings:"FILL" 1}.os__file-row-icon--doc{color:#4285f4}.os__file-row-icon--image{color:#34a853}.os__file-row-icon--exe{color:#ea4335}.os__file-row-name{color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.os__file-row-size{color:#5f6368;text-align:right;flex-shrink:0;width:60px;font-size:11px}.os__file-row-date{color:#5f6368;text-align:right;flex-shrink:0;width:70px;font-size:11px}.os__file-row-actions{flex-shrink:0;justify-content:flex-end;gap:2px;width:56px;display:flex}.os__file-row-act{color:#0000;cursor:pointer;border-radius:50%;padding:3px;font-size:16px;transition:color .15s,background .15s}.os__file-row:hover .os__file-row-act{color:#5f6368}.os__file-row-act:hover{color:#1f1f1f;background:#dadce0}.os__file-row-act--delete:hover{color:#c5221f;background:#fce8e6}.os__rename-form{flex:1;min-width:0}.os__rename-input{width:100%;font-size:12px;font-family:var(--font-sans);color:#1f1f1f;background:#fff;border:2px solid #1a73e8;border-radius:8px;outline:none;padding:3px 8px}.os__files-empty{color:#5f6368;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.os__files-empty .material-symbols-outlined{color:#dadce0;font-size:40px}.os__files-empty p{margin:0;font-size:13px}.os__file-preview{background:#fff;border-radius:12px;flex-shrink:0;margin:0 12px 8px;padding:12px 16px;box-shadow:0 1px 3px #00000014}.os__preview-header{border-bottom:1px solid #e8eaed;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.os__preview-header .material-symbols-outlined{color:#5f6368;font-size:16px}.os__preview-title{color:#1f1f1f;flex:1;font-size:12px;font-weight:600}.os__preview-close{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.os__preview-close:hover{background:#f1f3f4}.os__preview-close .material-symbols-outlined{font-size:16px}.os__preview-body{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.os__preview-icon{color:#4285f4;font-size:18px}.os__preview-name{color:#1f1f1f;font-size:12px;font-weight:600}.os__preview-meta{color:#5f6368;font-size:11px}.os__preview-content{color:#5f6368;border-top:1px solid #e8eaed;margin:0;padding:6px 0 0;font-size:11px;line-height:1.6}.os__settings{flex:1;min-height:0;display:flex}.os__settings-sidebar{background:#f6f6f6;border-right:1px solid #e1e3e1;flex-shrink:0;width:180px;padding:4px;overflow-y:auto}.os__settings-sidebar-title{color:#0b57d0;padding:10px 12px 8px;font-size:15px;font-weight:500}.os__settings-nav{width:100%;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:20px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 12px;transition:background .15s;display:flex}.os__settings-nav:hover{background:#eaeaea}.os__settings-nav-icon{color:#5c5f5e;flex-shrink:0;font-size:18px}.os__settings-nav-text{flex-direction:column;min-width:0;display:flex}.os__settings-nav-label{color:#1f1f1f;font-size:11px;font-weight:500;line-height:1.3}.os__settings-nav-sub{color:#747775;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:400;line-height:1.3;overflow:hidden}.os__settings-nav--active{background:#0b57d0}.os__settings-nav--active:hover{background:#0842a0}.os__settings-nav--active .os__settings-nav-icon,.os__settings-nav--active .os__settings-nav-label{color:#fff}.os__settings-nav--active .os__settings-nav-sub{color:#ffffffb3}.os__settings-main{background:#f6f6f6;flex:1;padding:12px;overflow-y:auto}.os__settings-search{background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000000f}.os__settings-search .material-symbols-outlined{color:#747775;font-size:18px}.os__settings-search-text{color:#747775;font-size:12px}.os__set-card{background:#fff;border-radius:12px;margin-bottom:8px;padding:8px 0;box-shadow:0 1px 3px #0000000f}.os__set-card-title{color:#747775;text-transform:uppercase;letter-spacing:.03em;margin:0;padding:0 12px 4px;font-size:10px;font-weight:600}.os__set-row{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.os__set-row:hover{background:#f2f2f2}.os__set-row .material-symbols-outlined{color:#5c5f5e;font-size:18px}.os__set-row-label{color:#1f1f1f;flex:1;font-size:12px}.os__set-slider-row{align-items:center;gap:8px;padding:8px 12px;display:flex}.os__set-slider-row .material-symbols-outlined{color:#5c5f5e;flex-shrink:0;font-size:18px}.os__set-range-val{font-size:10px;font-family:var(--font-mono);color:#747775;text-align:right;flex-shrink:0;width:32px}.os__toggle{cursor:pointer;background:#c7c7c7;border-radius:10px;flex-shrink:0;width:34px;height:20px;padding:2px;transition:background .2s}.os__toggle--on{background:#0b57d0}.os__toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;box-shadow:0 1px 3px #0003}.os__toggle--on .os__toggle-thumb{transform:translate(14px)}.os__range{appearance:none;cursor:pointer;background:#c7c7c7;border-radius:2px;outline:none;flex:1;height:4px}.os__range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0b57d0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.os__range--dark{background:#ffffff26}.os__range--dark::-webkit-slider-thumb{background:#a8c7fa;border-color:#ffffff4d}.os__storage{padding:6px 12px}.os__storage-bar{background:#e1e3e1;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.os__storage-used{background:#0b57d0;border-radius:3px;height:100%}.os__storage-label{color:#747775;font-size:10px}.os__wifi-item{border-bottom:1px solid #f2f2f2}.os__wifi-item:last-child{border-bottom:none}.os__wifi-row{align-items:center;gap:8px;padding:6px 12px;transition:background .15s;display:flex}.os__wifi-row:hover{background:#f2f2f2}.os__wifi-row--connected{background:#d3e3fd}.os__wifi-row--connected:hover{background:#a8c7fa}.os__wifi-signal{color:#5c5f5e;font-size:18px}.os__wifi-row--connected .os__wifi-signal{color:#0b57d0}.os__wifi-ssid{color:#1f1f1f;flex:1;font-size:12px}.os__wifi-lock{color:#747775;font-size:12px}.os__wifi-btn{font-size:10px;font-family:var(--font-sans);color:#0b57d0;cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:999px;padding:4px 12px;font-weight:500;transition:background .15s,border-color .15s}.os__wifi-btn:hover{background:#d3e3fd;border-color:#a8c7fa}.os__wifi-btn--connected{color:#fff;background:#0b57d0;border-color:#0b57d0}.os__wifi-btn--connected:hover{background:#0842a0}.os__wifi-pw-form{align-items:center;gap:6px;padding:4px 12px 8px 38px;display:flex}.os__wifi-pw-input{font-size:10px;font-family:var(--font-sans);color:#1f1f1f;border:1px solid #c7c7c7;border-radius:4px;outline:none;flex:1;padding:4px 10px;transition:border-color .15s}.os__wifi-pw-input:focus{border-color:#0b57d0}.os__wifi-pw-btn{color:#fff;font-size:10px;font-family:var(--font-sans);cursor:pointer;background:#0b57d0;border:none;border-radius:4px;padding:4px 10px;font-weight:500;transition:background .15s}.os__wifi-pw-btn:hover:not(:disabled){background:#0842a0}.os__wifi-pw-btn:disabled{opacity:.4;cursor:default}.os__wifi-pw-btn--cancel{color:#444746;background:0 0}.os__wifi-pw-btn--cancel:hover{background:#e1e3e1}.os__bt-row{border-bottom:1px solid #f2f2f2;align-items:center;gap:8px;padding:6px 12px;transition:background .15s;display:flex}.os__bt-row:last-child{border-bottom:none}.os__bt-row:hover{background:#f2f2f2}.os__bt-row--paired{background:#d3e3fd}.os__bt-row--paired:hover{background:#a8c7fa}.os__bt-icon{color:#5c5f5e;font-size:18px}.os__bt-row--paired .os__bt-icon{color:#0b57d0}.os__bt-name{color:#1f1f1f;flex:1;font-size:12px}.os__bt-btn{font-size:10px;font-family:var(--font-sans);color:#0b57d0;cursor:pointer;background:#fff;border:1px solid #c7c7c7;border-radius:999px;padding:4px 12px;font-weight:500;transition:background .15s,border-color .15s}.os__bt-btn:hover{background:#d3e3fd;border-color:#a8c7fa}.os__bt-btn--paired{color:#fff;background:#0b57d0;border-color:#0b57d0}.os__bt-btn--paired:hover{background:#0842a0}.os__wp-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 12px;display:grid}.os__wp-swatch{aspect-ratio:16/10;cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:flex-end;padding-bottom:3px;transition:border-color .15s,box-shadow .15s;display:flex}.os__wp-swatch:hover{border-color:#0b57d066}.os__wp-swatch--active{border-color:#0b57d0;box-shadow:0 0 0 2px #0b57d033}.os__wp-label{color:#ffffffd9;text-shadow:0 1px 2px #0006;font-size:7px;font-weight:600}.os__about-block{text-align:center;flex-direction:column;align-items:center;padding:12px;display:flex}.os__about-device-icon{color:#0b57d0;font-size:32px}.os__about-name{color:#1f1f1f;margin:8px 0 2px;font-size:14px;font-weight:500}.os__about-ver{font-family:var(--font-mono);color:#747775;margin:0 0 12px;font-size:10px}.os__about-rows{width:100%;max-width:220px}.os__about-row{border-bottom:1px solid #f2f2f2;justify-content:space-between;padding:4px 0;font-size:10px;display:flex}.os__about-row span:first-child{color:#747775}.os__about-row span:last-child{color:#1f1f1f;font-weight:500}.os__notepad{width:100%;font-family:var(--font-mono);color:#1f1f1f;resize:none;background:#fdfcfb;border:none;outline:none;flex:1;padding:12px;font-size:12px}.os__about{text-align:center;background:#fdfcfb;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.os__about-desc{color:#444746;margin:0;font-size:12px}.os__app-placeholder{color:#8f8f8f;background:#fdfcfb;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.os__app-placeholder .material-symbols-outlined{opacity:.3;font-size:32px}.os__app-placeholder p{margin:0;font-size:13px;font-weight:500}.os__app-error{background:#fdfcfb;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.os__app-error-icon{color:#ea4335;font-size:40px}.os__app-error-title{color:#1f1f1f;margin:0;font-size:14px;font-weight:600}.os__app-error-msg{color:#5f6368;margin:0;font-size:12px}.os__wrapper{width:min(100%,112vh);margin:0 auto}@media (prefers-reduced-motion:reduce){.os__window,.os__launcher,.os__qs,.os__power-menu,.os__lock-input--error{animation:none}}@media (width<=640px){.os__launcher-grid{grid-template-columns:repeat(3,1fr)}.os__qs{width:calc(100% - 20px);left:10px;right:10px}.os__files-sidebar,.os__settings-sidebar,.os__files-col-size,.os__files-col-date{display:none}}.br__wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.br{width:100%;height:100%;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;position:relative;overflow:auto}.br__tab-strip{background:#dee1e6;align-items:flex-end;min-height:40px;padding:8px 8px 0;display:flex}.br__tabs-row{flex:1;align-items:flex-end;gap:1px;min-width:0;display:flex}.br__tab{min-width:0;max-width:200px;height:34px;font-size:12px;font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:6px 12px;transition:background .15s;display:flex;position:relative}.br__tab:hover{background:#0000000a}.br__tab--active{color:#202124;z-index:1;background:#fff;font-weight:500}.br__tab--active:hover{background:#fff}.br__tab-favicon{color:#1a73e8;flex-shrink:0;font-size:14px}.br__tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.br__tab-close{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex}.br__tab-close:hover{background:#00000014}.br__tab-close .material-symbols-outlined{font-size:12px}.br__new-tab{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;margin-left:2px;transition:background .15s;display:flex}.br__new-tab:hover{background:#0000000f}.br__new-tab .material-symbols-outlined{font-size:18px}.br__window-controls{flex-shrink:0;align-items:center;gap:0;margin-left:8px;padding-bottom:6px;display:flex}.br__wc-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:28px;transition:background .15s;display:flex}.br__wc-btn:hover{background:#0000000f}.br__wc-btn--close:hover{color:#fff;background:#e81123}.br__wc-btn .material-symbols-outlined{font-size:16px}.br__toolbar{background:#fff;border-bottom:1px solid #dadce0;align-items:center;gap:2px;padding:4px 8px;display:flex}.br__nav-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.br__nav-btn:hover:not(:disabled){color:#202124;background:#0000000f}.br__nav-btn:disabled{opacity:.3;cursor:default}.br__nav-btn .material-symbols-outlined{font-size:18px}.br__omnibox-form{flex:1;margin:0 4px}.br__omnibox{background:#f1f3f4;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.br__omnibox:focus-within{background:#fff;border-color:#dadce0;box-shadow:0 1px 6px #2021242e}.br__omnibox:hover:not(:focus-within){background:#e8eaed}.br__omnibox-lock{color:#5f6368;flex-shrink:0;font-size:14px}.br__viewport--phishing .br__omnibox-lock{color:#c5221f}.br__omnibox-input{font-size:13px;font-family:var(--font-sans);color:#202124;background:0 0;border:none;outline:none;flex:1;min-width:0}.br__omnibox-star{color:#9aa0a6;cursor:pointer;flex-shrink:0;font-size:16px;transition:color .15s}.br__omnibox-star:hover{color:#5f6368}.br__profile{color:#fff;cursor:pointer;background:#1a73e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0 2px;font-size:11px;font-weight:600;display:flex}.br__bookmarks{background:#fff;border-bottom:1px solid #dadce0;gap:2px;padding:2px 10px 4px;display:flex}.br__bookmark{font-size:11px;font-family:var(--font-sans);color:#5f6368;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;transition:background .15s;display:flex}.br__bookmark:hover{background:#f1f3f4}.br__bookmark-icon{color:#1a73e8;font-size:14px}.br__viewport{background:#fff;flex:1;min-height:0;overflow-y:auto}.br__viewport--phishing{border-top:3px solid #c5221f}.br__phishing-warn{color:#c5221f;background:#fce8e6;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.br__phishing-warn .material-symbols-outlined{font-size:16px}.bp{padding:24px}.bp--error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.bp__error-icon{color:#dadce0;margin-bottom:12px;font-size:48px}.bp__error-title{color:#202124;margin:0 0 8px;font-size:18px;font-weight:500}.bp__error-text{color:#5f6368;max-width:360px;margin:0;font-size:13px;line-height:1.5}.bp--home{flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.bp__hero{text-align:center;margin-bottom:24px}.bp__logo{color:#fff;background:#1a73e8;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.bp__logo .material-symbols-outlined{font-size:28px}.bp__hero-heading{color:#202124;letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:400}.bp__hero-sub{color:#5f6368;margin:0;font-size:13px}.bp__cards{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:520px;display:grid}.bp__card{cursor:pointer;text-align:center;font-family:var(--font-sans);background:#fff;border:1px solid #dadce0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:border-color .15s,box-shadow .15s;display:flex}.bp__card:hover{border-color:#bdc1c6;box-shadow:0 2px 8px #0000000f}.bp__card-icon{color:#1a73e8;font-size:24px}.bp__card-label{color:#202124;font-size:11px;font-weight:600}.bp__card-desc{color:#5f6368;font-size:10px;line-height:1.3}.bp__footer-links{justify-content:center;gap:16px;margin-top:20px;display:flex}.bp__link{font-size:12px;font-family:var(--font-sans);color:#1a73e8;cursor:pointer;background:0 0;border:none;padding:0}.bp__link:hover{text-decoration:underline}.bp--article{max-width:560px;margin:0 auto;padding:32px 24px}.bp__article-heading{color:#202124;letter-spacing:-.01em;margin:0 0 16px;font-size:20px;font-weight:400}.bp__article-body{margin-bottom:20px}.bp__article-p{color:#5f6368;margin:0 0 12px;font-size:13px;line-height:1.7}.bp__stats{border-top:1px solid #dadce0;border-bottom:1px solid #dadce0;gap:24px;margin-bottom:16px;padding:16px 0;display:flex}.bp__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.bp__stat-value{color:#1a73e8;font-size:22px;font-weight:600}.bp__stat-label{color:#5f6368;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.bp--catalog{padding:24px}.bp__catalog-heading{color:#202124;letter-spacing:-.01em;margin:0 0 16px;font-size:20px;font-weight:400}.bp__catalog-grid{flex-direction:column;gap:8px;display:flex}.bp__course{border:1px solid #dadce0;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex}.bp__course:hover{border-color:#bdc1c6;box-shadow:0 1px 4px #0000000a}.bp__course-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bp__course-icon-wrap .material-symbols-outlined{font-size:20px}.bp__course-body{flex:1;min-width:0}.bp__course-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.bp__course-title{color:#202124;font-size:13px;font-weight:600}.bp__course-tag{border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:9px;font-weight:600}.bp__course-desc{color:#5f6368;margin:0;font-size:11px;line-height:1.4}.bp__fallback-title{color:#202124;margin:0 0 8px;font-size:18px;font-weight:600}.bp__fallback-text{color:#5f6368;margin:0 0 12px;font-size:13px;line-height:1.6}@media (prefers-reduced-motion:reduce){.br__tab,.br__tab-close,.br__new-tab,.br__wc-btn,.br__nav-btn,.br__omnibox,.br__omnibox-star,.br__bookmark,.bp__card,.bp__course{transition:none}}@media (width<=640px){.br__tab{max-width:140px;padding:5px 8px;font-size:11px}.br__wc-btn{width:28px;height:24px}.br__omnibox-input{font-size:12px}.bp__cards{grid-template-columns:repeat(2,1fr);gap:8px}.bp__stats{gap:16px}}.ts{width:100%;font-family:var(--font-mono);background:#1e1e1e;border-radius:12px;overflow:hidden}.ts__titlebar{background:#323639;align-items:center;gap:8px;min-height:36px;padding:6px 8px 6px 12px;display:flex}.ts__titlebar-icon{color:#9aa0a6;font-size:16px}.ts__titlebar-text{color:#9aa0a6;flex:1;font-size:12px}.ts__mode-pill{color:#9aa0a6;border:1px solid #5f6368;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:10px;font-weight:600}.ts__window-controls{flex-shrink:0;align-items:center;gap:0;margin-left:4px;display:flex}.ts__wc-btn{color:#9aa0a6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:28px;transition:background .15s;display:flex}.ts__wc-btn:hover{background:#ffffff14}.ts__wc-btn--close:hover{color:#fff;background:#e81123}.ts__wc-btn .material-symbols-outlined{font-size:16px}.ts__task{font-size:12px;font-family:var(--font-sans);color:#8ab4f8;background:#1a73e81f;align-items:center;gap:8px;padding:8px 12px;display:flex}.ts__task .material-symbols-outlined{font-size:14px}.ts__task-step{opacity:.6;margin-left:auto;font-size:10px}.ts__complete{font-size:12px;font-family:var(--font-sans);color:#81c995;background:#34a8531f;align-items:center;gap:8px;padding:8px 12px;display:flex}.ts__complete .material-symbols-outlined{font-size:14px}.ts__body{min-height:200px;max-height:340px;padding:12px;overflow-y:auto}.ts__line{white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.6}.ts__line--input{color:#e8eaed}.ts__line--output{color:#9aa0a6}.ts__line--error{color:#f28b82}.ts__input-line{align-items:center;gap:8px;margin-top:4px;display:flex}.ts__prompt{color:#34a853;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}.ts__input{color:#e8eaed;font-family:var(--font-mono);caret-color:#34a853;background:0 0;border:none;outline:none;flex:1;font-size:13px}.ts__footer{background:#323639;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ts__reset-btn{color:#9aa0a6;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:color .15s,background .15s;display:flex}.ts__reset-btn:hover{color:#e8eaed;background:#ffffff0f}.ts__reset-btn .material-symbols-outlined{font-size:14px}.ts__hint-text{color:#5f6368;font-size:11px}@media (prefers-reduced-motion:reduce){.ts__wc-btn,.ts__reset-btn{transition:none}}@media (width<=640px){.ts__body{min-height:160px;max-height:260px;padding:10px}.ts__line,.ts__prompt,.ts__input{font-size:12px}}.em__wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.em{width:100%;height:100%;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;position:relative;overflow:auto}.em__topbar{background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.em__topbar-left{align-items:center;gap:4px;min-width:140px;display:flex}.em__menu-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.em__menu-btn:hover{background:#f1f3f4}.em__menu-btn .material-symbols-outlined{font-size:20px}.em__logo{align-items:center;gap:4px;display:flex}.em__logo-icon{color:#ea4335;font-size:22px}.em__logo-text{color:#202124;letter-spacing:-.01em;font-size:22px;font-weight:400}.em__search{background:#eaf1fb;border-radius:999px;flex:1;align-items:center;gap:8px;max-width:480px;padding:6px 16px;transition:background .15s,box-shadow .15s;display:flex}.em__search:focus-within{background:#fff;box-shadow:0 1px 4px #20212433}.em__search:hover:not(:focus-within){background:#dde3ea}.em__search-icon{color:#444746;font-size:20px}.em__search-input{font-size:14px;font-family:var(--font-sans);color:#1f1f1f;background:0 0;border:none;outline:none;flex:1}.em__search-input::placeholder{color:#444746}.em__topbar-right{align-items:center;gap:4px;display:flex}.em__icon-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.em__icon-btn:hover{color:#202124;background:#f1f3f4}.em__icon-btn .material-symbols-outlined{font-size:18px}.em__user-avatar{color:#fff;cursor:pointer;background:#1a73e8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;font-size:12px;font-weight:600;display:flex}.em__layout{flex:1;min-height:0;display:flex}.em__sidebar{flex-shrink:0;width:170px;padding:8px 8px 8px 0;overflow-y:auto}.em__compose-btn{color:#001d35;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;width:calc(100% - 12px);box-shadow:none;background:#c2e7ff;border:none;border-radius:16px;align-items:center;gap:8px;margin-bottom:12px;margin-left:12px;padding:8px 20px;transition:box-shadow .15s,background .15s;display:flex}.em__compose-btn:hover{background:#b0d8f5;box-shadow:0 1px 3px #00000026,0 1px 2px #0000001a}.em__compose-btn .material-symbols-outlined{color:#001d35;font-size:20px}.em__compose-label{white-space:nowrap}.em__folders{flex-direction:column;gap:1px;display:flex}.em__folder{height:32px;font-size:13px;font-family:var(--font-sans);color:#1f1f1f;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0 16px 16px 0;align-items:center;gap:10px;width:100%;padding:0 12px;transition:background .15s;display:flex}.em__folder:hover{background:#e8e8e8}.em__folder-icon{color:#444746;font-size:18px}.em__folder--active{color:#001d35;background:#d3e3fd;font-weight:600}.em__folder--active:hover{background:#d3e3fd}.em__folder--active .em__folder-icon{color:#001d35}.em__folder-name{flex:1}.em__folder-count{color:#001d35;font-size:11px;font-weight:700}.em__main{border-left:1px solid #e0e0e0;flex-direction:column;flex:1;min-width:0;display:flex}.em__list-container{flex-direction:column;flex:1;min-height:0;display:flex}.em__list-toolbar{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.em__list{flex:1;overflow-y:auto}.em__row{cursor:pointer;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:0;height:40px;padding:0 8px;font-size:12px;transition:box-shadow .15s;display:flex}.em__row:hover{z-index:1;position:relative;box-shadow:inset 0 -1px #dadce0,0 1px 3px #0000000f}.em__row--unread{background:#fff;font-weight:600}.em__row--unread .em__row-sender{color:#1f1f1f;font-weight:700}.em__row--unread .em__row-subject,.em__row--unread .em__row-date{color:#1f1f1f;font-weight:600}.em__row--selected{background:#c2dbff}.em__row-check{flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.em__row-check .material-symbols-outlined{color:#444746;font-size:16px}.em__row-star{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;padding:0;display:flex}.em__row-star .material-symbols-outlined{color:#c4c7c5;font-size:16px;transition:color .15s}.em__row-star:hover .material-symbols-outlined{color:#5f6368}.em__row-star--active .material-symbols-outlined{color:#f4b400}.em__row-sender{color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;padding-right:8px;font-size:12px;overflow:hidden}.em__row-content{text-overflow:ellipsis;white-space:nowrap;color:#5f6368;flex:1;min-width:0;font-size:12px;overflow:hidden}.em__row-subject{color:#1f1f1f}.em__row-snippet{color:#5f6368}.em__row-date{color:#5f6368;flex-shrink:0;padding-left:8px;font-size:11px}.em__empty{color:#5f6368;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;font-size:14px;display:flex}.em__empty .material-symbols-outlined{color:#dadce0;font-size:48px}.em__empty p{margin:0}.em__reading{flex-direction:column;flex:1;min-height:0;display:flex}.em__reading-toolbar{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.em__reading-content{flex:1;padding:12px 20px;overflow-y:auto}.em__reading-subject{color:#1f1f1f;margin:0 0 12px;font-size:20px;font-weight:400;line-height:1.3}.em__reading-sender{align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.em__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.em__sender-info{flex:1;min-width:0}.em__sender-row{align-items:center;gap:8px;display:flex}.em__sender-name{color:#1f1f1f;font-size:13px;font-weight:600}.em__sender-date,.em__sender-address{color:#5f6368;font-size:12px}.em__star-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.em__star-btn .material-symbols-outlined{color:#c4c7c5;font-size:20px;transition:color .15s}.em__star-btn:hover .material-symbols-outlined{color:#5f6368}.em__star-btn--active .material-symbols-outlined{color:#f4b400}.em__reading-body{color:#1f1f1f;margin-bottom:16px;font-size:14px;line-height:1.6}.em__reading-body p{margin:0}.em__reading-actions{border-top:1px solid #e0e0e0;gap:8px;padding-top:12px;display:flex}.em__reply-btn{font-size:13px;font-family:var(--font-sans);color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:999px;align-items:center;gap:6px;padding:6px 20px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.em__reply-btn:hover{background:#f1f3f4;box-shadow:0 1px 2px #0000001a}.em__reply-btn .material-symbols-outlined{color:#444746;font-size:16px}.em__compose-overlay{z-index:20;background:#fff;border-radius:12px 12px 0 0;flex-direction:column;width:320px;animation:.2s em-compose-in;display:flex;position:absolute;bottom:0;right:16px;overflow:hidden;box-shadow:0 -2px 12px #00000026}.em__compose-header{color:#fff;background:#404040;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.em__compose-title{font-size:13px;font-weight:500}.em__compose-header-actions{gap:4px;display:flex}.em__compose-hdr-btn{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.em__compose-hdr-btn:hover{color:#fff;background:#ffffff1f}.em__compose-hdr-btn .material-symbols-outlined{font-size:16px}.em__compose-fields{padding:0 12px}.em__compose-field{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;padding:6px 0;display:flex}.em__compose-field label{color:#5f6368;min-width:44px;font-size:13px}.em__compose-field input{font-size:13px;font-family:var(--font-sans);color:#1f1f1f;background:0 0;border:none;outline:none;flex:1}.em__compose-body{min-height:120px;font-size:13px;font-family:var(--font-sans);color:#1f1f1f;resize:none;border:none;outline:none;flex:1;padding:8px 12px;line-height:1.5}.em__compose-footer{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.em__send-btn{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#0b57d0;border:none;border-radius:999px;padding:6px 24px;transition:background .15s,box-shadow .15s}.em__send-btn:hover{background:#0842a0;box-shadow:0 1px 3px #00000026}.em__compose-trash-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.em__compose-trash-btn:hover{background:#f1f3f4}.em__compose-trash-btn .material-symbols-outlined{font-size:18px}.em__toast{color:#fff;z-index:30;white-space:nowrap;background:#323232;border-radius:6px;align-items:center;gap:12px;padding:8px 16px;font-size:13px;animation:.2s em-toast-in;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.em__toast-action{color:#a8c7fa;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:0}.em__toast-action:hover{text-decoration:underline}@keyframes em-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes em-compose-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.em__toast,.em__compose-overlay{animation:none}.em__menu-btn,.em__icon-btn,.em__search,.em__compose-btn,.em__folder,.em__row,.em__row-star .material-symbols-outlined,.em__star-btn .material-symbols-outlined,.em__reply-btn,.em__send-btn,.em__compose-hdr-btn,.em__compose-trash-btn{transition:none}}@media (width<=640px){.em__sidebar{display:none}.em__topbar-left{min-width:auto}.em__logo-text{display:none}.em__row-sender{width:80px}.em__compose-overlay{width:calc(100% - 16px);right:8px}.em__reading-content{padding:10px 12px}}.cmd-builder{width:100%}.cmd-builder__instruction{font-family:var(--font-sans);color:#202124;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.cmd-builder__pool{margin-bottom:8px;transition:background .15s}.cmd-builder__pool--over{background:#e8f0fe;border-radius:12px}.cmd-builder__pool-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#9aa0a6;margin-bottom:8px;font-size:11px;font-weight:600}.cmd-builder__parts{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.cmd-builder__empty{font-family:var(--font-sans);color:#9aa0a6;font-size:13px}.cmd-builder__dropzone{border:2px dashed #dadce0;border-radius:16px;min-height:64px;margin-bottom:10px;padding:14px;transition:border-color .2s,background .2s}.cmd-builder__dropzone--over{background:#d3e3fd;border-color:#1a73e8}.cmd-builder__dropzone-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#9aa0a6;margin-bottom:10px;font-size:11px;font-weight:600}.cmd-builder__assembled{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.cmd-builder__placeholder{font-family:var(--font-sans);color:#bdc1c6;font-size:13px}.cmd-builder__part{font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 14px;font-size:13px;font-weight:500;line-height:1.5;transition:background .15s,opacity .15s;display:inline-flex}.cmd-builder__part:hover{filter:brightness(.94)}.cmd-builder__part:focus-visible{outline-offset:2px;outline:2px solid #1a73e8}.cmd-builder__part--command{color:#1a73e8;background:#d3e3fd}.cmd-builder__part--flag{color:#7627bb;background:#e8d5f5}.cmd-builder__part--argument{color:#8a5d00;background:#fde293}.cmd-builder__part--placed{cursor:grab}.cmd-builder__part--placed:active{cursor:grabbing}.cmd-builder__drag-handle{color:currentColor;opacity:.5;align-items:center;margin-left:-4px;display:flex}.cmd-builder__drag-handle .material-symbols-outlined{font-size:14px}.cmd-builder__part--dragging{opacity:.4}.cmd-builder__part--over{box-shadow:-3px 0 #1a73e8}.cmd-builder__part--correct{color:#137333;cursor:default;background:#c4eed0}.cmd-builder__part--correct:hover{filter:none}.cmd-builder__part--incorrect{color:#a50e0e;cursor:default;background:#f4c7c3}.cmd-builder__part--incorrect:hover{filter:none}.cmd-builder__preview{color:#e8eaed;font-family:var(--font-mono);background:#1a1a1a;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:13px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0003}.cmd-builder__prompt{color:#34a853;flex-shrink:0;font-weight:700}.cmd-builder__preview-text{white-space:nowrap}.cmd-builder__actions{align-items:center;gap:8px;display:flex}.cmd-builder__feedback{font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.cmd-builder__feedback--correct{color:#137333;background:#c4eed0}.cmd-builder__feedback--incorrect{color:#a50e0e;background:#f4c7c3}@media (width<=640px){.cmd-builder__dropzone{padding:10px}.cmd-builder__part{padding:4px 10px;font-size:12px}.cmd-builder__preview{padding:8px 12px;font-size:11px}}.dt{width:100%;max-width:520px;margin:0 auto}.dt__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dt__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dt__header-icon .material-symbols-outlined{font-size:18px}.dt__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.dt__progress-pill{font-family:var(--font-mono);color:#5f6368;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.dt__score-pill{font-family:var(--font-sans);color:#b06000;background:#fef7e0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.dt__score-pill .material-symbols-outlined{font-size:14px}.dt__prompt{margin-bottom:12px}.dt__label{font-family:var(--font-sans);color:#202124;margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.5}.dt__code-display{background:#1e1e1e;border-radius:12px;padding:16px 20px}.dt__code-value{font-family:var(--font-mono);color:#e8eaed;font-size:18px;font-weight:500}.dt__types{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.dt__type-btn{font-family:var(--font-mono);color:#202124;cursor:pointer;background:#f8f9fa;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:flex}.dt__type-btn:hover:not(:disabled){background:#e8eaed}.dt__type-btn:active:not(:disabled){transform:scale(.96)}.dt__type-btn:disabled{cursor:default}.dt__type-icon{color:#9aa0a6;font-size:18px}.dt__type-btn--selected{color:#1a73e8;background:#d3e3fd}.dt__type-btn--selected .dt__type-icon{color:#1a73e8}.dt__type-btn--correct{color:#137333;background:#c4eed0}.dt__type-btn--correct .dt__type-icon{color:#137333}.dt__type-btn--incorrect{color:#c5221f;background:#f4c7c3}.dt__type-btn--incorrect .dt__type-icon{color:#c5221f}.dt__feedback{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;animation:.2s dt-slide;display:flex}.dt__feedback--correct{background:#e6f4ea}.dt__feedback--wrong{background:#fce8e6}.dt__feedback-icon{flex-shrink:0;font-size:20px}.dt__feedback--correct .dt__feedback-icon{color:#137333}.dt__feedback--wrong .dt__feedback-icon{color:#c5221f}.dt__feedback-text{font-family:var(--font-sans);flex:1;font-size:13px;font-weight:500}.dt__feedback--correct .dt__feedback-text{color:#137333}.dt__feedback--wrong .dt__feedback-text{color:#c5221f}.dt__btn{height:34px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.dt__btn:active{transform:scale(.96)}.dt__btn .material-symbols-outlined{font-size:18px}.dt__btn--primary{color:#fff;background:#1a73e8}.dt__btn--primary:hover{background:#1557b0}.dt__btn--next{color:#fff;background:#1a73e8;margin-left:auto}.dt__btn--next:hover{background:#1557b0}.dt__complete{flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.dt__complete-ring{width:56px;height:56px;position:relative}.dt__ring-svg{width:56px;height:56px}.dt__ring-pct{font-family:var(--font-sans);color:#202124;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.dt__complete-heading{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.dt__complete-score{font-family:var(--font-sans);color:#5f6368;margin:0;font-size:13px}@keyframes dt-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dt__feedback{animation:none}.dt__type-btn,.dt__btn{transition:none}}@media (width<=480px){.dt__types{grid-template-columns:repeat(2,1fr)}.dt__code-display{padding:12px 16px}.dt__code-value{font-size:15px}.dt__feedback{flex-wrap:wrap}.dt__btn--next{justify-content:center;width:100%;margin-left:0}}.ds{width:100%;max-width:580px;margin:0 auto}.ds__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ds__header-icon{color:#c5221f;background:#fce8e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ds__header-icon .material-symbols-outlined{font-size:18px}.ds__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.ds__bug-pill{font-family:var(--font-mono);color:#c5221f;background:#fce8e6;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.ds__bug-pill .material-symbols-outlined{font-size:14px}.ds__stepper{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ds__step-btn{color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,transform .1s;display:flex}.ds__step-btn:hover:not(:disabled){background:#e8eaed}.ds__step-btn:active:not(:disabled){transform:scale(.92)}.ds__step-btn:disabled{opacity:.35;cursor:default}.ds__step-btn .material-symbols-outlined{font-size:18px}.ds__line-indicator{font-family:var(--font-mono);color:#5f6368;text-align:center;min-width:52px;font-size:12px;font-weight:600}.ds__code{background:#1e1e1e;border-radius:12px;max-height:420px;margin-bottom:10px;padding:6px 0;overflow-y:auto}.ds__line{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:3px 14px;transition:background .15s;display:flex}.ds__line:hover{background:#ffffff0a}.ds__line--current{background:#f9ab001f;border-left-color:#f9ab00}.ds__line--found{cursor:default;background:#1373331f;border-left-color:#137333}.ds__line--found:hover{background:#1373331f}.ds__line--wrong{background:#c5221f26;animation:.5s ds-shake}.ds__line-num{font-family:var(--font-mono);color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:20px;font-size:11px}.ds__line-text{font-family:var(--font-mono);color:#e8eaed;white-space:pre;flex:1;font-size:13px;line-height:1.7}.ds__found-icon{color:#34a853;flex-shrink:0;font-size:16px}.ds__fix{background:#13733314;border-left:3px solid #137333;border-radius:0 8px 8px 0;flex-direction:column;gap:4px;margin:4px 14px 8px;padding:8px 12px;animation:.2s ds-slide;display:flex}.ds__fix-row{align-items:baseline;gap:8px;display:flex}.ds__fix-label{font-family:var(--font-sans);color:#137333;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:24px;font-size:10px;font-weight:700}.ds__fix-text{font-family:var(--font-sans);color:#c9d1d9;font-size:12px;line-height:1.5}.ds__success{background:#e6f4ea;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;animation:.2s ds-slide;display:flex}.ds__success-icon{color:#137333;flex-shrink:0;font-size:20px}.ds__success-text{font-family:var(--font-sans);color:#137333;flex:1;font-size:13px;font-weight:600}.ds__btn{color:#5f6368;height:34px;font-family:var(--font-sans);cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.ds__btn:hover{background:#e8eaed}.ds__btn:active{transform:scale(.96)}.ds__btn .material-symbols-outlined{font-size:18px}@keyframes ds-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}@keyframes ds-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ds__line--wrong,.ds__fix,.ds__success{animation:none}.ds__step-btn,.ds__btn,.ds__line{transition:none}}@media (width<=480px){.ds__line{gap:8px;padding:3px 10px}.ds__line-text{font-size:12px}.ds__fix{margin-left:10px;margin-right:10px}.ds__step-btn{width:30px;height:30px}}.ed{width:100%;max-width:600px;margin:0 auto}.ed__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ed__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ed__header-icon .material-symbols-outlined{font-size:18px}.ed__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.ed__method-pill{font-family:var(--font-mono);color:#5f6368;background:#f1f3f4;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.ed__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ed__mode-toggle{background:#f1f3f4;border-radius:999px;padding:3px;display:flex}.ed__mode-btn{font-family:var(--font-sans);color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.ed__mode-btn .material-symbols-outlined{font-size:14px}.ed__mode-btn--active{color:#fff;background:#1a73e8}.ed__shift{align-items:center;gap:8px;display:flex}.ed__shift-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.ed__shift-value{font-family:var(--font-mono);color:#1a73e8;text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:14px;font-weight:700}.ed__slider{accent-color:#1a73e8;width:100px}.ed__section-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.ed__section-label .material-symbols-outlined{color:#9aa0a6;font-size:16px}.ed__field{margin-bottom:12px}.ed__field-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ed__input{width:100%;font-family:var(--font-mono);color:#202124;box-sizing:border-box;background:#f8f9fa;border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:box-shadow .15s}.ed__input:focus{box-shadow:0 0 0 2px #a8c7fa}.ed__output{font-family:var(--font-mono);color:#1a73e8;word-break:break-all;background:#e8f0fe;border-radius:10px;min-height:20px;padding:10px 14px;font-size:14px;font-weight:600}.ed__actions{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ed__btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.ed__btn .material-symbols-outlined{font-size:16px}.ed__btn:hover{background:#e8eaed}.ed__btn:disabled{opacity:.35;cursor:default}.ed__btn--active{color:#1a73e8;background:#e8f0fe}.ed__btn--active:hover{background:#d3e3fd}.ed__btn--primary{color:#fff;background:#1a73e8}.ed__btn--primary:hover{background:#1765cc}.ed__steps{margin-bottom:12px}.ed__steps-row{flex-wrap:wrap;gap:6px;display:flex}.ed__step{background:#f8f9fa;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:6px 10px;transition:background .15s,transform .15s;display:flex}.ed__step--pending{opacity:.35}.ed__step--active{background:#d3e3fd;transform:translateY(-2px)}.ed__step--done{background:#e6f4ea}.ed__step-num{font-family:var(--font-mono);color:#9aa0a6;font-size:9px;font-weight:700}.ed__step-orig{font-family:var(--font-mono);color:#202124;font-size:18px;font-weight:700}.ed__step-arrow{color:#9aa0a6;font-size:12px}.ed__step--active .ed__step-arrow{color:#1a73e8}.ed__step--done .ed__step-arrow{color:#34a853}.ed__step-result{font-family:var(--font-mono);color:#9aa0a6;font-size:18px;font-weight:700}.ed__step--active .ed__step-result{color:#1a73e8}.ed__step--done .ed__step-result{color:#137333}.ed__alphabet{margin-bottom:4px}.ed__alpha-scroll{flex-direction:column;gap:2px;display:flex;overflow-x:auto}.ed__alpha-row,.ed__alpha-arrows{gap:2px;display:flex}.ed__arrow-cell{color:#1a73e8;justify-content:center;align-items:center;width:22px;height:14px;display:flex}.ed__arrow-cell .material-symbols-outlined{font-size:10px}.ed__letter{width:22px;height:24px;font-family:var(--font-mono);color:#202124;background:#f8f9fa;border-radius:3px;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:flex}.ed__letter--shifted{color:#1a73e8;background:#e8f0fe}.ed__letter--lit{color:#fff;background:#1a73e8;transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.ed__step,.ed__letter{transition:none}}@media (width<=640px){.ed__controls{flex-direction:column;align-items:flex-start}.ed__letter{width:18px;font-size:9px}.ed__arrow-cell{width:18px}.ed__step{min-width:38px;padding:4px 8px}.ed__step-orig,.ed__step-result{font-size:15px}}.fst{width:100%;max-width:520px;margin:0 auto}.fst__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.fst__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fst__header-icon .material-symbols-outlined{font-size:18px}.fst__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.fst__tree{background:#f8f9fa;border-radius:12px;padding:4px 0;overflow:hidden}.fst__row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:5px 12px;transition:background .15s;display:flex}.fst__row:hover{background:#e8eaed}.fst__row--selected,.fst__row--selected:hover{background:#d3e3fd}.fst__chevron{color:#9aa0a6;flex-shrink:0;width:18px;font-size:18px;transition:color .15s}.fst__row:hover .fst__chevron{color:#5f6368}.fst__chevron-spacer{flex-shrink:0;width:18px}.fst__icon{flex-shrink:0;font-size:18px}.fst__icon--folder{color:#f9ab00}.fst__icon--file{color:#9aa0a6}.fst__row--selected .fst__icon--file{color:#1a73e8}.fst__name{font-family:var(--font-mono);color:#202124;flex-shrink:0;font-size:13px;font-weight:500}.fst__row--selected .fst__name{color:#1a73e8;font-weight:600}.fst__meta{align-items:center;gap:10px;margin-left:auto;display:flex}.fst__perms{font-family:var(--font-mono);color:#9aa0a6;font-size:11px}.fst__size{font-family:var(--font-mono);color:#9aa0a6;text-align:right;min-width:44px;font-size:11px}.fst__detail{background:#f8f9fa;border-radius:12px;margin-top:12px;padding:14px;animation:.2s fst-slide}.fst__detail-header{font-family:var(--font-sans);color:#202124;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.fst__detail-header .material-symbols-outlined{color:#1a73e8;font-size:18px}.fst__detail-grid{flex-direction:column;gap:6px;display:flex}.fst__detail-row{align-items:center;gap:10px;display:flex}.fst__detail-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:80px;font-size:11px;font-weight:600}.fst__detail-value{font-family:var(--font-sans);color:#202124;font-size:13px}.fst__detail-code{font-family:var(--font-mono);color:#202124;background:#fff;border-radius:6px;padding:3px 8px;font-size:12px}@keyframes fst-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fst__detail{animation:none}}@media (width<=480px){.fst__perms{display:none}.fst__detail-row{flex-direction:column;align-items:flex-start;gap:2px}}.ir{width:100%;max-width:600px;margin:0 auto}.ir__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ir__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ir__header-icon .material-symbols-outlined{font-size:18px}.ir__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.ir__step-pill{font-family:var(--font-mono);color:#5f6368;font-variant-numeric:tabular-nums;background:#f1f3f4;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.ir__brief{background:#fef7e0;border-radius:12px;margin-bottom:12px;padding:12px 14px}.ir__brief-top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.ir__brief-top .material-symbols-outlined{color:#b06000;font-size:18px}.ir__brief-title{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:600}.ir__brief-desc{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.5}.ir__progress{background:#e8eaed;border-radius:999px;height:4px;margin-bottom:14px;overflow:hidden}.ir__progress-fill{background:#1a73e8;border-radius:999px;height:100%;transition:width .3s}.ir__prompt{font-family:var(--font-sans);color:#202124;margin:0 0 12px;font-size:15px;font-weight:500;line-height:1.5}.ir__options{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ir__option{cursor:pointer;text-align:left;background:#f8f9fa;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.ir__option:hover:not(:disabled){background:#e8f0fe}.ir__option:disabled{cursor:default}.ir__option--selected{background:#d3e3fd}.ir__option--correct{background:#e6f4ea}.ir__option--wrong{background:#fce8e6}.ir__option--dimmed{opacity:.5}.ir__letter{width:30px;height:30px;font-family:var(--font-sans);color:#3c4043;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.ir__option:hover:not(:disabled) .ir__letter{color:#1a73e8;background:#d3e3fd}.ir__letter--correct{color:#fff;background:#34a853}.ir__letter--wrong{color:#fff;background:#ea4335}.ir__option-text{font-family:var(--font-sans);color:#202124;font-size:13px;font-weight:500;line-height:1.4}.ir__feedback{border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;animation:.2s ir-slide;display:flex}.ir__feedback--correct{background:#e6f4ea}.ir__feedback--wrong{background:#fce8e6}.ir__feedback-icon{flex-shrink:0;margin-top:1px;font-size:18px}.ir__feedback--correct .ir__feedback-icon{color:#137333}.ir__feedback--wrong .ir__feedback-icon{color:#c5221f}.ir__feedback-text{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.5}.ir__actions{gap:8px;display:flex}.ir__btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.ir__btn .material-symbols-outlined{font-size:16px}.ir__btn--primary{color:#fff;background:#1a73e8}.ir__btn--primary:hover{background:#1765cc}.ir__summary{background:#f8f9fa;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:16px;animation:.25s ir-slide;display:flex}.ir__summary-top{align-items:center;gap:6px;display:flex}.ir__summary-badge{color:#f9ab00;font-size:20px}.ir__summary-heading{font-family:var(--font-sans);color:#202124;font-size:15px;font-weight:600}.ir__summary-score{flex-direction:column;align-items:center;gap:4px;display:flex}.ir__score-ring{width:56px;height:56px;font-family:var(--font-mono);color:#1a73e8;background:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.ir__score-ring--perfect{color:#137333;background:#e6f4ea}.ir__score-label{font-family:var(--font-sans);color:#5f6368;font-size:12px;font-weight:600}.ir__summary-steps{flex-direction:column;gap:4px;width:100%;display:flex}.ir__summary-row{background:#fff;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.ir__summary-icon{flex-shrink:0;margin-top:1px;font-size:18px}.ir__summary-row--correct .ir__summary-icon{color:#34a853}.ir__summary-row--wrong .ir__summary-icon{color:#ea4335}.ir__summary-text{font-family:var(--font-sans);color:#3c4043;font-size:13px;line-height:1.4}@keyframes ir-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ir__feedback,.ir__summary{animation:none}}@media (width<=480px){.ir__brief{padding:10px 12px}.ir__option{padding:8px 12px}.ir__letter{width:26px;height:26px;font-size:12px}.ir__summary{padding:12px}}.ar{width:100%;max-width:700px;margin:0 auto}.ar__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ar__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ar__header-icon .material-symbols-outlined{font-size:18px}.ar__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.ar__problem{background:#f8f9fa;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px 14px;display:flex}.ar__problem-icon{color:#9aa0a6;flex-shrink:0;margin-top:1px;font-size:18px}.ar__problem-text{font-family:var(--font-sans);color:#202124;margin:0;font-size:14px;font-weight:500;line-height:1.5}.ar__actions{gap:6px;margin-bottom:14px;display:flex}.ar__btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.ar__btn:hover:not(:disabled){background:#e8eaed}.ar__btn:disabled{opacity:.4;cursor:default}.ar__btn .material-symbols-outlined{font-size:18px}.ar__btn--race{color:#fff;background:#1a73e8}.ar__btn--race:hover:not(:disabled){background:#1765cc}.ar__lanes{grid-template-columns:repeat(var(--lane-count,2), 1fr);gap:8px;display:grid}.ar__lane{background:#f8f9fa;border-radius:16px;padding:14px;transition:background .2s}.ar__lane--done{background:#f1f3f4}.ar__lane-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ar__lane-name{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:600}.ar__trophy{color:#f9ab00;font-size:22px;animation:.5s cubic-bezier(.34,1.56,.64,1) both ar-trophy-pop}.ar__progress-track{background:#e8eaed;border-radius:999px;width:100%;height:6px;margin-bottom:6px;overflow:hidden}.ar__progress{background:#1a73e8;border-radius:999px;height:100%;transition:width .35s}.ar__progress--winner{background:#34a853}.ar__step-count{font-family:var(--font-mono);color:#5f6368;margin-bottom:10px;font-size:11px;display:block}.ar__steps{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.ar__step{font-family:var(--font-sans);color:#5f6368;border-radius:8px;align-items:flex-start;gap:8px;padding:5px 8px;font-size:12px;line-height:1.45;transition:background .2s,color .2s;display:flex}.ar__step-marker{color:#5f6368;background:#e8eaed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;transition:background .2s,color .2s;display:flex}.ar__step-marker .material-symbols-outlined{font-size:13px}.ar__step--active{color:#202124;background:#e8f0fe;font-weight:600}.ar__step--active .ar__step-marker{color:#fff;background:#1a73e8}.ar__step--done{color:#9aa0a6}.ar__step--done .ar__step-marker{color:#137333;background:#c4eed0}.ar__result{font-family:var(--font-sans);color:#3c4043;background:#e8eaed;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:600;animation:.3s ar-result-in;display:flex}.ar__result--winner{color:#137333;background:#e6f4ea}.ar__result .material-symbols-outlined{color:#f9ab00;font-size:16px}@keyframes ar-trophy-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes ar-result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ar__trophy,.ar__result{animation:none}.ar__progress{transition:none}}@media (width<=640px){.ar__lanes{grid-template-columns:1fr}.ar__lane{border-radius:12px;padding:12px}}.gc__wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.gc{width:100%;height:100%;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;overflow:auto}.gc__layout{flex:1;min-height:0;display:flex}.gc__sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:200px;padding:0;display:flex;overflow-y:auto}.gc__sidebar-top{align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.gc__sidebar-logo{color:#34a853;font-size:22px;line-height:1}.gc__sidebar-brand{color:#1f1f1f;letter-spacing:-.2px;font-size:20px;font-weight:500;line-height:1}.gc__sidebar-new{color:#001d35;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#c2e7ff;border:none;border-radius:20px;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 16px;transition:background .15s,box-shadow .15s;display:flex}.gc__sidebar-new:hover{background:#a8d8ea;box-shadow:0 1px 3px #0000001f}.gc__sidebar-new .material-symbols-outlined{font-size:18px;line-height:1}.gc__sidebar-section{padding:4px 0}.gc__sidebar-label{color:#444746;text-transform:uppercase;letter-spacing:.4px;padding:10px 16px 4px;font-size:11px;font-weight:500}.gc__sidebar-item{color:#444746;width:100%;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:0 20px 20px 0;align-items:center;gap:10px;margin-right:12px;padding:6px 16px;transition:background .15s;display:flex}.gc__sidebar-item:hover{background:#e8eaed}.gc__sidebar-item--active{color:#001d35;background:#d3e3fd}.gc__sidebar-item--active:hover{background:#d3e3fd}.gc__sidebar-item .material-symbols-outlined{font-size:18px;line-height:1}.gc__sidebar-contact{color:#1f1f1f;width:100%;font-size:13px;font-weight:400;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:0 20px 20px 0;align-items:center;gap:10px;margin-right:12px;padding:6px 16px;transition:background .15s;display:flex}.gc__sidebar-contact:hover{background:#e8eaed}.gc__sidebar-contact--active{background:#d3e3fd;font-weight:500}.gc__sidebar-contact--active:hover{background:#d3e3fd}.gc__sidebar-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;line-height:1;display:flex}.gc__sidebar-name{text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.gc__main{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.gc__header{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:10px;min-height:52px;padding:10px 16px;display:flex}.gc__header-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.gc__header-info{flex:1;min-width:0}.gc__header-name{color:#1f1f1f;font-size:16px;font-weight:500;line-height:1}.gc__header-btn{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.gc__header-btn:hover{background:#e8eaed}.gc__header-btn .material-symbols-outlined{font-size:20px;line-height:1}.gc__body{background:#fff;flex-direction:column;flex:1;gap:0;padding:12px 0;display:flex;overflow-y:auto}.gc__empty{color:#5f6368;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.gc__empty .material-symbols-outlined{color:#dadce0;font-size:40px}.gc__empty p{margin:0}.gc__msg{align-items:flex-start;gap:10px;padding:2px 20px;display:flex;position:relative}.gc__msg:hover{background:#f8f9fa}.gc__msg--first{padding-top:12px}.gc__msg--flagged,.gc__msg--flagged:hover{background:#fce8e6}.gc__msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.gc__msg-avatar-spacer{flex-shrink:0;width:32px}.gc__msg-content{flex:1;min-width:0}.gc__msg-meta{align-items:center;gap:8px;min-height:20px;display:flex}.gc__msg-name{color:#1f1f1f;font-size:13px;font-weight:700;line-height:20px}.gc__msg-time{color:#5f6368;font-size:11px;font-weight:400;line-height:20px}.gc__msg-row{align-items:center;gap:6px;display:flex}.gc__msg-text{color:#1f1f1f;word-wrap:break-word;flex:1;min-width:0;margin:0;font-size:14px;line-height:20px}.gc__flag-btn{color:#c4c7c5;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s,color .15s,background .15s;display:flex}.gc__msg:hover .gc__flag-btn,.gc__msg-row:hover .gc__flag-btn{opacity:1}.gc__flag-btn:hover{color:#c5221f;background:#fce8e6}.gc__flag-btn .material-symbols-outlined{font-size:18px;line-height:1}.gc__flag-btn--active{color:#c5221f;opacity:1}.gc__input-area{background:#fff;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px 12px;display:flex}.gc__input-add{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.gc__input-add:hover{background:#e8eaed}.gc__input-add .material-symbols-outlined{font-size:22px;line-height:1}.gc__input-wrap{background:#fff;border:1px solid #dadce0;border-radius:24px;flex:1;align-items:center;min-height:40px;padding:0 4px 0 0;transition:border-color .15s,box-shadow .15s;display:flex}.gc__input-wrap:focus-within{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.gc__input{font-size:14px;font-family:var(--font-sans);color:#1f1f1f;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 14px}.gc__input::placeholder{color:#5f6368}.gc__input-tools{flex-shrink:0;align-items:center;gap:0;display:flex}.gc__input-tool{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.gc__input-tool:hover{background:#e8eaed}.gc__input-tool .material-symbols-outlined{font-size:20px;line-height:1}.gc__send-btn{color:#c4c7c5;cursor:default;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex}.gc__send-btn--active{color:#1a73e8;cursor:pointer}.gc__send-btn--active:hover{background:#e8f0fe}.gc__send-btn .material-symbols-outlined{font-size:22px;line-height:1}@media (prefers-reduced-motion:reduce){.gc__sidebar-item,.gc__sidebar-contact,.gc__sidebar-new,.gc__header-btn,.gc__input-add,.gc__input-wrap,.gc__input-tool,.gc__send-btn,.gc__flag-btn,.gc__msg{transition:none}}@media (width<=640px){.gc__sidebar{width:56px;padding:8px 0}.gc__sidebar-top{justify-content:center;padding:10px 0 8px}.gc__sidebar-brand,.gc__sidebar-label,.gc__sidebar-name{display:none}.gc__sidebar-new{border-radius:50%;justify-content:center;width:40px;height:40px;margin:0 auto 6px;padding:0;font-size:0}.gc__sidebar-item,.gc__sidebar-contact{border-radius:50%;justify-content:center;gap:0;width:40px;height:40px;margin:0 auto;padding:8px 0;font-size:0}.gc__msg{padding:2px 12px}.gc__msg-text{font-size:13px}.gc__input{padding:6px 10px;font-size:13px}}.decomp-tree{--color-purple:var(--cliq-purple-500);--color-purple-light:var(--cliq-purple-50);--color-green:var(--color-success);--color-green-light:var(--color-success-bg);width:100%;max-width:700px;padding:var(--space-4) 0;justify-content:center;display:flex}.decomp-tree__node{flex-direction:column;align-items:center;display:flex;position:relative}.decomp-tree__node-content{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;animation:.25s ease-out decomp-tree-appear;display:inline-flex;position:relative}@keyframes decomp-tree-appear{0%{opacity:0;transform:scale(.85)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.decomp-tree__node-content--new{opacity:.85;border-style:dashed}.decomp-tree__node--level-0{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.decomp-tree__node--level-1{background:var(--color-purple-light);color:var(--color-purple);border:2px solid var(--color-purple)}.decomp-tree__node--level-2{background:var(--color-green-light);color:var(--color-green);border:2px solid var(--color-green)}.decomp-tree__node-text{cursor:default;line-height:1.4}.decomp-tree__children{justify-content:center;gap:var(--space-4);margin-top:var(--space-6);animation:.3s ease-out decomp-tree-children-in;display:flex;position:relative}.decomp-tree__children:before{content:"";border-top:2px solid var(--color-border-light);height:0;top:0;left:calc(50% - ((100% - var(--space-4)) / 2));right:calc(50% - ((100% - var(--space-4)) / 2));position:absolute}.decomp-tree__children:has(>.decomp-tree__node:only-child):before{display:none}@keyframes decomp-tree-children-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.decomp-tree__node>.decomp-tree__children:after,.decomp-tree__children>.decomp-tree__node:before{content:"";top:calc(-1 * var(--space-6));width:0;height:var(--space-6);border-left:2px solid var(--color-border-light);position:absolute;left:50%}.decomp-tree__children>.decomp-tree__node:first-child:after,.decomp-tree__children>.decomp-tree__node:last-child:after{content:"";top:calc(-1 * var(--space-6));border-top:2px solid var(--color-border-light);height:0;position:absolute}.decomp-tree__children>.decomp-tree__node:first-child:after{left:50%;right:calc(-1 * var(--space-4) / 2)}.decomp-tree__children>.decomp-tree__node:last-child:after{right:50%;left:calc(-1 * var(--space-4) / 2)}.decomp-tree__children>.decomp-tree__node:only-child:after{display:none}.decomp-tree__children>.decomp-tree__node:not(:first-child):not(:last-child):after{content:"";top:calc(-1 * var(--space-6));left:calc(-1 * var(--space-4) / 2);right:calc(-1 * var(--space-4) / 2);border-top:2px solid var(--color-border-light);height:0;position:absolute}.decomp-tree__add-btn{border-radius:var(--radius-full);background:var(--color-bg);width:22px;height:22px;color:inherit;cursor:pointer;opacity:0;border:1px solid;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;line-height:1;transition:opacity .15s,transform .15s,background .15s;display:inline-flex}.decomp-tree__node-content:hover .decomp-tree__add-btn{opacity:1}.decomp-tree__add-btn:hover{color:#fff;background:currentColor;transform:scale(1.15)}.decomp-tree__node--level-0 .decomp-tree__add-btn:hover{color:var(--color-primary);background:#fff}.decomp-tree__delete-btn{border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:var(--color-bg);width:18px;height:18px;color:var(--color-text-light);cursor:pointer;opacity:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .15s,color .15s,border-color .15s;display:flex;position:absolute;top:-6px;right:-6px}.decomp-tree__node-content:hover .decomp-tree__delete-btn{opacity:1}.decomp-tree__delete-btn:hover{color:#ef4444;border-color:#ef4444}.decomp-tree__input{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;min-width:100px;max-width:200px}.decomp-tree__input::placeholder{color:inherit;opacity:.5}@media (width<=640px){.decomp-tree{-webkit-overflow-scrolling:touch;max-width:100%;padding:var(--space-4);justify-content:flex-start;overflow-x:auto}}.fse{width:100%}.fse__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.fse__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.fse__header-icon .material-symbols-outlined{font-size:18px}.fse__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.fse__filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.fse__filter{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.fse__filter:hover{background:#e8eaed}.fse__filter .material-symbols-outlined{font-size:16px}.fse__filter--active{color:#1a73e8;background:#d3e3fd;font-weight:600}.fse__filter--active:hover{background:#c5d9f2}.fse__chart{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.fse__row{cursor:pointer;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:10px;grid-template-columns:160px 1fr 70px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:grid}.fse__row:hover{background:#f1f3f4}.fse__row--selected{background:#e8f0fe}.fse__row--selected:hover{background:#d3e3fd}.fse__row-label{align-items:center;gap:10px;display:flex}.fse__row-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fse__row-icon-wrap .material-symbols-outlined{font-size:16px}.fse__row-name{font-family:var(--font-sans);color:#202124;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.fse__row-bar-wrap{background:#f1f3f4;border-radius:6px;height:20px;overflow:hidden}.fse__row-bar{border-radius:6px;min-width:4px;height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.fse__row-size{font-family:var(--font-sans);color:#3c4043;text-align:center;white-space:nowrap;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.fse__detail{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.fse__detail-header{font-family:var(--font-sans);color:#202124;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.fse__detail-header .material-symbols-outlined{font-size:20px}.fse__detail-header strong{font-weight:600}.fse__detail-ext{font-family:var(--font-mono);color:#5f6368;background:#e8eaed;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.fse__detail-grid{gap:24px;margin-bottom:12px;display:flex}.fse__detail-item{flex-direction:column;gap:2px;display:flex}.fse__detail-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:#9aa0a6;font-size:10px;font-weight:600}.fse__detail-value{font-family:var(--font-sans);color:#202124;font-size:13px;font-weight:600}.fse__detail-tip{font-family:var(--font-sans);color:#1a73e8;background:#e8f0fe;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;font-weight:400;line-height:1.5}.fse__legend{font-family:var(--font-sans);color:#5f6368;align-items:center;gap:16px;font-size:12px;display:flex}.fse__legend-label{color:#9aa0a6;font-weight:600}.fse__legend-item{align-items:center;gap:6px;display:flex}.fse__legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}@media (width<=640px){.fse__row{grid-template-columns:120px 1fr 60px;gap:8px;padding:6px 10px}.fse__row-name{font-size:12px}.fse__row-bar-wrap{height:16px}.fse__detail-grid{flex-wrap:wrap;gap:16px}}.isim__wrapper{width:min(100%,112vh);margin:0 auto}.isim{width:100%;height:100%;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:radial-gradient(80% 60% at 25% 20%,#78b4ff99 0%,#0000 100%),radial-gradient(70% 50% at 60% 35%,#5064f0b3 0%,#0000 100%),radial-gradient(60% 70% at 40% 65%,#8250c899 0%,#0000 100%),radial-gradient(50% 40% at 75% 75%,#b48cdc80 0%,#0000 100%),radial-gradient(40% 30% at 20% 80%,#c8a0dc66 0%,#0000 100%),linear-gradient(160deg,#a8d4f5 0%,#4a6cf7 25%,#5040d8 45%,#8b5fcf 65%,#c4a0d8 85%,#e8d0ee 100%);position:relative;overflow:hidden}.isim__screen{z-index:1;flex-direction:column;display:flex;position:absolute;inset:0}.isim__lock{z-index:50;background:radial-gradient(at 50% 40%,#1e143c99 0%,#0000 70%),linear-gradient(160deg,#1a1535 0%,#2a2060 30%,#3530a0 55%,#6040b0 80%,#9070c0 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.isim__lock-content{flex-direction:column;align-items:center;gap:10px;display:flex}.isim__power-ring{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex}.isim__power-ring:hover{color:#fff;background:#ffffff26;border-color:#ffffff80;transform:scale(1.08)}.isim__power-ring .material-symbols-outlined{font-size:32px}.isim__lock-label{color:#ffffff80;font-size:12px;font-weight:500}.isim__boot-spinner{border:3px solid #ffffff1a;border-top-color:#a8c7fa;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite isim-spin}@keyframes isim-spin{to{transform:rotate(360deg)}}.isim__boot-text{color:#ffffff80;letter-spacing:.5px;font-size:12px;font-weight:500}.isim__desktop{flex:1;min-height:0;position:relative}.isim__window{z-index:10;background:#fdfcfb;flex-direction:column;animation:.15s isim-appOpen;display:flex;position:absolute;inset:0}@keyframes isim-appOpen{0%{opacity:0}to{opacity:1}}.isim__titlebar{background:#c2e7ff;flex-shrink:0;align-items:center;gap:8px;height:32px;padding:0 4px;display:flex}.isim__win-icon{color:#444746;margin-left:8px;font-size:14px}.isim__win-title{color:#1f1f1f;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:500;overflow:hidden}.isim__win-controls{display:flex}.isim__win-ctrl{color:#444746;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:28px;height:32px;transition:background .15s;display:flex}.isim__win-ctrl:hover{background:#00000014}.isim__win-ctrl .material-symbols-outlined{font-size:16px}.isim__win-ctrl--close:hover{color:#fff;background:#e81123}.isim__app-content{background:#fdfcfb;flex-direction:column;flex:1;display:flex;overflow:hidden}.isim__app-music{flex-direction:column;flex:1;display:flex}.isim__eq{flex:1;justify-content:center;align-items:flex-end;gap:5px;padding:16px 24px 8px;display:flex}.isim__eq-bar{background:linear-gradient(#0b57d0,#a8c7fa);border-radius:4px 4px 0 0;flex:1;max-width:24px;animation:.5s ease-in-out infinite alternate isim-eqBounce}.isim__eq-bar:first-child{height:30%}.isim__eq-bar:nth-child(2){height:60%}.isim__eq-bar:nth-child(3){height:40%}.isim__eq-bar:nth-child(4){height:85%}.isim__eq-bar:nth-child(5){height:50%}.isim__eq-bar:nth-child(6){height:75%}.isim__eq-bar:nth-child(7){height:35%}.isim__eq-bar:nth-child(8){height:65%}.isim__eq-bar:nth-child(9){height:45%}@keyframes isim-eqBounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.isim__app-label{color:#5f6368;text-align:center;padding:4px 0 10px;font-size:11px;font-weight:500}.isim__app-picture{flex:1;position:relative;overflow:hidden}.isim__picture-sky{background:linear-gradient(#4fc3f7 0%,#81d4fa 50%,#b3e5fc 100%);position:absolute;inset:0}.isim__picture-sun{background:#fdd835;border-radius:50%;width:36px;height:36px;animation:.6s ease-out .15s both isim-sunRise;position:absolute;top:12%;right:15%;box-shadow:0 0 20px #fdd83599}@keyframes isim-sunRise{0%{opacity:0;transform:translateY(20px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}.isim__picture-cloud{background:#ffffffd9;border-radius:16px;width:40px;height:16px;animation:.5s ease-out .3s both isim-cloudIn;position:absolute;top:15%;left:18%}.isim__picture-cloud--2{width:30px;height:12px;animation-delay:.5s;top:28%;left:42%}@keyframes isim-cloudIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.isim__picture-hill{background:#66bb6a;border-radius:50% 50% 0 0;width:70%;height:45%;animation:.5s ease-out .25s both isim-hillGrow;position:absolute;bottom:0;left:-10%}.isim__picture-hill--2{background:#43a047;width:75%;height:40%;animation-delay:.35s;left:40%}@keyframes isim-hillGrow{0%{transform:translateY(100%)}to{transform:translateY(0)}}.isim__app-write{flex-direction:column;flex:1;gap:6px;padding:14px 18px;display:flex}.isim__doc-line{background:#e8eaed;border-radius:3px;height:6px;animation:.4s ease-out both isim-typeIn}.isim__doc-line--title{background:#c2e7ff;width:50%;height:10px;margin-bottom:4px;animation-delay:.1s}.isim__doc-line:nth-child(2){animation-delay:.25s}.isim__doc-line:nth-child(3){width:88%;animation-delay:.4s}.isim__doc-line--short{width:55%;animation-delay:.55s}@keyframes isim-typeIn{0%{opacity:0;width:0}to{opacity:1}}.isim__doc-cursor{background:#0b57d0;border-radius:1px;width:2px;height:14px;margin-top:2px;animation:.8s step-end infinite isim-blink}@keyframes isim-blink{0%,to{opacity:1}50%{opacity:0}}.isim__app-math{flex-direction:column;flex:1;display:flex}.isim__calc-display{color:#202124;text-align:right;font-size:24px;font-weight:500;font-family:var(--font-mono,monospace);border-bottom:1px solid #e8eaed;padding:8px 14px}.isim__calc-keys{flex:1;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;display:grid}.isim__calc-key{color:#3c4043;background:#f1f3f4;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.isim__calc-key--op{color:#0b57d0;background:#d3e3fd}.isim__shelf{-webkit-backdrop-filter:blur(30px);z-index:20;background:#14121ebf;flex-shrink:0;align-items:center;gap:2px;height:48px;padding:0 10px;display:flex}.isim__shelf-launcher{color:#ffffffe6;cursor:default;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.isim__shelf-launcher .material-symbols-outlined{font-size:22px}.isim__shelf-divider{background:#ffffff26;flex-shrink:0;width:1px;height:20px;margin:0 6px}.isim__shelf-apps{gap:4px;display:flex}.isim__shelf-icon{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:relative}.isim__shelf-icon:hover:not(:disabled){background:#ffffff1f}.isim__shelf-icon:disabled{opacity:.4;cursor:default}.isim__shelf-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:20px}.isim__shelf-icon--active:after{content:"";background:#fff;border-radius:2px;width:6px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.isim__shelf-icon--done:after{content:"";background:#fff6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.isim__shelf-spacer{flex:1}.isim__status-tray{border-radius:999px;align-items:center;gap:4px;padding:5px 10px;display:flex}.isim__tray-icon{color:#fffc;font-size:15px}.isim__clock{color:#ffffffe6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}@media (prefers-reduced-motion:reduce){.isim__window,.isim__eq-bar,.isim__boot-spinner{animation:none}}.lv{width:100%;max-width:680px;margin:0 auto}.lv__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lv__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lv__header-icon .material-symbols-outlined{font-size:18px}.lv__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.lv__step-pill{font-family:var(--font-mono);color:#5f6368;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.lv__layout{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.lv__section-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.lv__section-label .material-symbols-outlined{color:#1a73e8;font-size:14px}.lv__code-panel{background:#1e1e1e;border-radius:12px;overflow:hidden}.lv__code-panel .lv__section-label{color:#6e7681;border-bottom:1px solid #2d2d2d}.lv__code-panel .lv__section-label .material-symbols-outlined{color:#6e7681}.lv__code{padding:4px 0}.lv__line{border-left:3px solid #0000;align-items:center;padding:2px 14px;transition:background .15s;display:flex}.lv__line--active{background:#1a73e82e;border-left-color:#1a73e8}.lv__line-num{font-family:var(--font-mono);color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:18px;margin-right:12px;font-size:11px}.lv__line-text{font-family:var(--font-mono);color:#e8eaed;white-space:pre;font-size:12px;line-height:1.7}.lv__line--active .lv__line-text{color:#fff;font-weight:500}.lv__state-panel{background:#f8f9fa;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.lv__vars{flex-direction:column;gap:4px;padding:0 8px 8px;display:flex}.lv__var{border-radius:8px;justify-content:space-between;align-items:center;padding:5px 10px;transition:background .15s;display:flex}.lv__var--changed{background:#e8f0fe;animation:.6s lv-flash}.lv__var-name{font-family:var(--font-mono);color:#202124;font-size:12px;font-weight:600}.lv__var-value{font-family:var(--font-mono);color:#1a73e8;background:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lv__empty{text-align:center;font-family:var(--font-sans);color:#9aa0a6;margin:0;padding:20px 12px;font-size:12px}.lv__iter{border-top:1px solid #e8eaed;padding:8px 12px}.lv__iter-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#9aa0a6;margin-bottom:6px;font-size:10px;font-weight:700}.lv__iter-row{flex-wrap:wrap;gap:4px;display:flex}.lv__dot{width:24px;height:24px;font-family:var(--font-mono);color:#9aa0a6;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:flex}.lv__dot--done{color:#1a73e8;background:#d3e3fd}.lv__dot--current{color:#fff;background:#1a73e8;box-shadow:0 0 0 3px #1a73e833}.lv__output{border-top:1px solid #e8eaed;padding:8px 12px}.lv__output-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#9aa0a6;align-items:center;gap:4px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.lv__output-label .material-symbols-outlined{font-size:12px}.lv__output-text{font-family:var(--font-mono);color:#137333;background:#fff;border-radius:8px;max-height:80px;padding:6px 10px;font-size:12px;line-height:1.6;overflow-y:auto}.lv__desc{font-family:var(--font-sans);color:#5f6368;border-top:1px solid #e8eaed;align-items:center;gap:6px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.lv__desc .material-symbols-outlined{color:#1a73e8;flex-shrink:0;font-size:16px}.lv__controls{justify-content:center;align-items:center;gap:8px;display:flex}.lv__ctrl-btn{color:#5f6368;cursor:pointer;background:#f1f3f4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:flex}.lv__ctrl-btn:hover:not(:disabled){background:#e8eaed}.lv__ctrl-btn:active:not(:disabled){transform:scale(.92)}.lv__ctrl-btn:disabled{opacity:.35;cursor:default}.lv__ctrl-btn .material-symbols-outlined{font-size:20px}.lv__btn{height:36px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.lv__btn:active{transform:scale(.96)}.lv__btn .material-symbols-outlined{font-size:18px}.lv__btn--primary{color:#fff;background:#1a73e8}.lv__btn--primary:hover{background:#1557b0}@keyframes lv-flash{0%{background:#d3e3fd}to{background:#e8f0fe}}@media (prefers-reduced-motion:reduce){.lv__var--changed{animation:none}.lv__line,.lv__dot,.lv__ctrl-btn,.lv__btn{transition:none}}@media (width<=640px){.lv__layout{grid-template-columns:1fr}.lv__ctrl-btn{width:32px;height:32px}.lv__btn{height:34px;padding:0 16px;font-size:12px}}.pie{width:100%}.pie__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.pie__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pie__header-icon .material-symbols-outlined{font-size:18px}.pie__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.pie__layout{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.pie__chart{flex-shrink:0}.pie__svg{display:block;overflow:visible}.pie__slice{cursor:pointer;transform-origin:50%;transition:opacity .15s,filter .15s}.pie__slice--hovered{opacity:.85;filter:brightness(1.08)}.pie__label{fill:#fff;pointer-events:none;font-size:11px;font-weight:600;font-family:var(--font-sans)}.pie__center-label{fill:#202124;font-size:20px;font-weight:700;font-family:var(--font-sans)}.pie__center-sub{fill:#5f6368;font-size:10px;font-weight:500;font-family:var(--font-sans)}.pie__legend{flex-direction:column;flex:1;gap:2px;min-width:140px;display:flex}.pie__legend-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.pie__legend-item:hover,.pie__legend-item--hovered{background:#f1f3f4}.pie__legend-dot{border-radius:4px;flex-shrink:0;width:12px;height:12px}.pie__legend-name{font-family:var(--font-sans);color:#202124;flex:1;font-size:13px;font-weight:500}.pie__legend-value{font-family:var(--font-sans);color:#3c4043;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}.pie__legend-pct{font-family:var(--font-sans);color:#9aa0a6;flex-shrink:0;font-size:11px;font-weight:500}.pie__tooltip{color:#fff;font-family:var(--font-sans);text-align:center;background:#202124;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.pie__tooltip strong{font-weight:600}@media (width<=640px){.pie__layout{flex-direction:column;gap:16px}.pie__legend{width:100%;min-width:0}.pie__legend-item{padding:6px 10px}.pie__legend-name{font-size:12px}}.pl{width:100%;max-width:640px;margin:0 auto}.pl__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pl__header-icon{color:#a142f4;background:#f3e8fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pl__header-icon .material-symbols-outlined{font-size:18px}.pl__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.pl__progress-pill{font-family:var(--font-mono);color:#5f6368;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.pl__task{background:#f3e8fd;border-radius:12px;margin-bottom:10px;padding:12px 14px}.pl__task-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#a142f4;margin:0 0 4px;font-size:10px;font-weight:700}.pl__task-text{font-family:var(--font-sans);color:#202124;margin:0;font-size:13px;font-weight:500;line-height:1.5}.pl__hint{font-family:var(--font-sans);color:#5f6368;align-items:flex-start;gap:4px;margin-top:8px;font-size:12px;line-height:1.4;display:flex}.pl__hint .material-symbols-outlined{color:#f9ab00;flex-shrink:0;margin-top:1px;font-size:14px}.pl__input-area{margin-bottom:10px}.pl__input-label{font-family:var(--font-sans);color:#5f6368;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.pl__textarea{width:100%;font-size:13px;font-family:var(--font-sans);color:#202124;resize:vertical;box-sizing:border-box;border:1px solid #dadce0;border-radius:10px;outline:none;margin-bottom:8px;padding:8px 12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.pl__textarea:focus{border-color:#a142f4;box-shadow:0 0 0 1px #a142f4}.pl__textarea:disabled{color:#5f6368;background:#f8f9fa}.pl__btn{height:36px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.pl__btn:active{transform:scale(.96)}.pl__btn:disabled{opacity:.35;cursor:default}.pl__btn .material-symbols-outlined{font-size:18px}.pl__btn--primary{color:#fff;background:#a142f4}.pl__btn--primary:hover:not(:disabled){background:#8430d0}.pl__response{background:#f8f9fa;border-radius:12px;margin-bottom:10px;padding:12px 14px;animation:.2s pl-slide}.pl__response-header{font-family:var(--font-sans);color:#5f6368;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.pl__response-header .material-symbols-outlined{color:#a142f4;font-size:16px}.pl__sim-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#a142f4;background:#f3e8fd;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}.pl__typing{color:#9aa0a6;margin-left:0;font-weight:400;animation:1s infinite pl-blink}.pl__response-text{font-family:var(--font-sans);color:#202124;margin:0;font-size:13px;line-height:1.6}.pl__feedback{border-radius:12px;padding:12px 14px;animation:.2s pl-slide}.pl__feedback--great{background:#c4eed0}.pl__feedback--good{background:#d3e3fd}.pl__feedback--fair{background:#fef7cd}.pl__feedback--poor{background:#f4c7c3}.pl__feedback-header{font-family:var(--font-sans);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.pl__feedback-header .material-symbols-outlined{font-size:18px}.pl__feedback--great .pl__feedback-header{color:#137333}.pl__feedback--good .pl__feedback-header{color:#1a73e8}.pl__feedback--fair .pl__feedback-header{color:#e37400}.pl__feedback--poor .pl__feedback-header{color:#c5221f}.pl__meter{margin-bottom:10px}.pl__meter-label{font-family:var(--font-sans);color:#5f6368;justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.pl__meter-track{background:#e8eaed;border-radius:999px;height:6px;overflow:hidden}.pl__meter-fill{border-radius:999px;height:100%;transition:width .4s}.pl__meter-fill--great{background:#137333}.pl__meter-fill--good{background:#1a73e8}.pl__meter-fill--fair{background:#e37400}.pl__meter-fill--poor{background:#c5221f}.pl__feedback-section{margin-bottom:8px}.pl__feedback-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:#5f6368;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.pl__tags{flex-wrap:wrap;gap:4px;display:flex}.pl__tag{font-family:var(--font-sans);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.pl__tag--good{color:#137333;background:#e6f4ea;align-items:center;gap:3px;display:inline-flex}.pl__tag--good .material-symbols-outlined{font-size:13px}.pl__tag--missing{color:#5f6368;background:#f1f3f4;border:1px dashed #dadce0}.pl__feedback-actions{padding-top:8px}.pl__complete{text-align:center;padding:24px}.pl__complete-icon{color:#f9ab00;font-size:40px}.pl__complete-title{font-family:var(--font-sans);color:#202124;margin:8px 0;font-size:18px;font-weight:600}.pl__complete-score{font-family:var(--font-sans);color:#5f6368;margin:0 0 12px;font-size:13px}@keyframes pl-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pl-slide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pl__typing,.pl__response,.pl__feedback{animation:none}.pl__btn,.pl__textarea{transition:none}}@media (width<=480px){.pl__task{padding:10px 12px}.pl__textarea{font-size:12px}.pl__btn{height:34px;padding:0 16px;font-size:12px}.pl__response,.pl__feedback{padding:10px 12px}}.qb{width:100%;font-family:var(--font-sans);background:#fff}.qb__header{align-items:center;gap:8px;padding:10px 16px;display:flex}.qb__header-icon{color:#a142f4;background:#f3e8fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.qb__header-icon .material-symbols-outlined{font-size:18px}.qb__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.qb__counter{font-family:var(--font-mono);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.qb__stepper{align-items:center;padding:12px 16px;display:flex}.qb__stepper-step{width:28px;height:28px;font-family:var(--font-sans);color:#5f6368;cursor:default;background:#fff;border:2px solid #dadce0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}.qb__stepper-step:disabled{opacity:.4;cursor:default}.qb__stepper-step--active{color:#fff;background:#a142f4;border-color:#a142f4;transform:scale(1.1)}.qb__stepper-step--correct{color:#fff;cursor:pointer;background:#137333;border-color:#137333}.qb__stepper-step--correct:hover{background:#0d652d;border-color:#0d652d}.qb__stepper-step--incorrect{color:#fff;cursor:pointer;background:#c5221f;border-color:#c5221f}.qb__stepper-step--incorrect:hover{background:#a31b19;border-color:#a31b19}.qb__stepper-step .material-symbols-outlined{font-size:16px}.qb__stepper-line{background:#dadce0;flex:1;height:2px;transition:background .3s}.qb__stepper-line--correct{background:#137333}.qb__stepper-line--incorrect{background:#c5221f}.qb__content{padding:16px;animation:.2s qb-fade}.qb__nav{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.qb__btn{height:36px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.qb__btn:active{transform:scale(.96)}.qb__btn:disabled{opacity:.35;cursor:default}.qb__btn .material-symbols-outlined{font-size:18px}.qb__btn--secondary{color:#3c4043;background:#f1f3f4}.qb__btn--secondary:hover:not(:disabled){background:#e8eaed}.qb__btn--primary{color:#fff;background:#a142f4}.qb__btn--primary:hover:not(:disabled){background:#8430d0}.qb__results{flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.qb__score-ring{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.qb__score-ring--perfect{background:#e6f4ea}.qb__score-ring--great{background:#e8f0fe}.qb__score-ring--ok{background:#fef7e0}.qb__score-ring--low{background:#fce8e6}.qb__score-num{font-family:var(--font-sans);font-size:32px;font-weight:700;line-height:1}.qb__score-ring--perfect .qb__score-num{color:#137333}.qb__score-ring--great .qb__score-num{color:#1a73e8}.qb__score-ring--ok .qb__score-num{color:#e37400}.qb__score-ring--low .qb__score-num{color:#c5221f}.qb__score-den{font-family:var(--font-sans);color:#5f6368;font-size:12px;font-weight:500}.qb__score-label{font-family:var(--font-sans);color:#202124;margin:0;font-size:16px;font-weight:600}.qb__review{flex-direction:column;gap:4px;width:100%;display:flex}.qb__review-item{font-family:var(--font-sans);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.qb__review-item .material-symbols-outlined{font-size:18px}.qb__review-item--correct{color:#137333;background:#e6f4ea}.qb__review-item--incorrect{color:#c5221f;background:#fce8e6}.qb__restart-btn{height:36px;font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.qb__restart-btn:hover{background:#e8eaed}.qb__restart-btn:active{transform:scale(.96)}.qb__restart-btn .material-symbols-outlined{font-size:18px}@keyframes qb-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.qb__stepper-step,.qb__stepper-line,.qb__btn,.qb__restart-btn{transition:none}.qb__content{animation:none}.qb__stepper-step--active{transform:none}}@media (width<=480px){.qb__header{padding:8px 12px}.qb__stepper{padding:10px 12px}.qb__stepper-step{width:24px;height:24px;font-size:10px}.qb__stepper-step .material-symbols-outlined{font-size:14px}.qb__content{padding:12px}.qb__nav{padding:8px 12px}.qb__btn{height:34px;padding:0 16px;font-size:12px}.qb__results{padding:20px 12px}.qb__score-ring{width:80px;height:80px}.qb__score-num{font-size:26px}}.sd{width:100%;max-width:700px;margin:0 auto}.sd__header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sd__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sd__header-icon .material-symbols-outlined{font-size:18px}.sd__title{font-family:var(--font-sans);color:#202124;margin:0;font-size:15px;font-weight:600}.sd__flow{-webkit-overflow-scrolling:touch;background:#f8f9fa;border-radius:16px;justify-content:center;align-items:center;gap:0;padding:28px 16px;display:flex;overflow-x:auto}.sd__flow-item{flex-shrink:0;align-items:center;display:flex}.sd__node{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .15s;display:flex}.sd__node:hover{transform:translateY(-2px)}.sd__node-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000001a}.sd__node-circle .material-symbols-outlined{color:#1a73e8;font-size:26px}.sd__node:hover .sd__node-circle{background:#e8f0fe;box-shadow:0 2px 8px #0000001f}.sd__node--selected .sd__node-circle{background:#d3e3fd;box-shadow:0 0 0 3px #1a73e8}.sd__node--active .sd__node-circle{background:#d3e3fd;animation:.6s sd-pulse}.sd__node-label{color:#202124;white-space:nowrap;font-size:12px;font-weight:600}.sd__connector{flex-shrink:0;align-items:center;width:48px;display:flex;position:relative}.sd__connector-line{background:#dadce0;width:100%;height:2px;transition:background .2s}.sd__connector--active .sd__connector-line{background:#1a73e8}.sd__connector-arrow{color:#dadce0;font-size:16px;transition:color .2s;position:absolute;right:-4px}.sd__connector--active .sd__connector-arrow{color:#1a73e8}.sd__connector-dot{background:#1a73e8;border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out forwards sd-travel;position:absolute;left:0}.sd__labels{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.sd__label{font-family:var(--font-sans);color:#5f6368;background:#f1f3f4;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.sd__label .material-symbols-outlined{font-size:14px}.sd__label--active{color:#1a73e8;background:#d3e3fd}.sd__controls{justify-content:center;padding:12px 0 0;display:flex}.sd__play{font-family:var(--font-sans);color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.sd__play:hover:not(:disabled){background:#1765cc}.sd__play:disabled{opacity:.5;cursor:default}.sd__play .material-symbols-outlined{font-size:18px}.sd__info{background:#e8f0fe;border-radius:12px;margin-top:12px;padding:12px 14px;animation:.2s sd-info-in}.sd__info-top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sd__info-icon{color:#1a73e8;font-size:18px}.sd__info-name{font-family:var(--font-sans);color:#1a73e8;flex:1;font-size:14px;font-weight:600}.sd__info-close{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s;display:flex}.sd__info-close:hover{background:#0000000f}.sd__info-close .material-symbols-outlined{font-size:16px}.sd__info-text{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.55}@keyframes sd-pulse{0%,to{box-shadow:0 0 #1a73e800}50%{box-shadow:0 0 0 8px #1a73e826}}@keyframes sd-travel{0%{opacity:1;left:0}to{opacity:0;left:calc(100% - 8px)}}@keyframes sd-info-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sd__node--active .sd__node-circle,.sd__connector-dot,.sd__info{animation:none}}@media (width<=540px){.sd__flow{border-radius:12px;padding:20px 12px}.sd__node-circle{width:44px;height:44px}.sd__node-circle .material-symbols-outlined{font-size:22px}.sd__node-label{font-size:10px}.sd__connector{width:28px}}.tw{width:100%;max-width:100%}.tw__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tw__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tw__header-icon .material-symbols-outlined{font-size:18px}.tw__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.tw__step-pill{font-family:var(--font-mono);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.tw__crumbs{font-family:var(--font-sans);color:#9aa0a6;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:12px;font-size:12px;display:flex}.tw__crumb{align-items:center;gap:2px;display:flex}.tw__crumb-sep{color:#dadce0;font-size:14px}.tw__crumb--current{color:#202124;font-weight:600}.tw__card{background:#f8f9fa;border-radius:14px;margin-bottom:10px;padding:16px}.tw__question-row{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.tw__card-icon{color:#1a73e8;flex-shrink:0;margin-top:1px;font-size:24px}.tw__question{font-family:var(--font-sans);color:#202124;margin:0;font-size:14px;font-weight:500;line-height:1.5}.tw__hint{font-family:var(--font-sans);color:#5f6368;background:#fef7e0;border-radius:10px;align-items:flex-start;gap:6px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.45;display:flex}.tw__hint .material-symbols-outlined{color:#f9ab00;flex-shrink:0;margin-top:1px;font-size:15px}.tw__options{flex-direction:column;gap:6px;display:flex}.tw__option{cursor:pointer;font-family:var(--font-sans);text-align:left;background:#fff;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:background .15s,box-shadow .15s;display:flex}.tw__option:hover{background:#e8f0fe;box-shadow:0 1px 3px #0000000f}.tw__option-icon{color:#1a73e8;flex-shrink:0;font-size:18px}.tw__option-text{color:#202124;font-size:13px;font-weight:500}.tw__fix{background:#e6f4ea;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.25s tw-fix-in;display:flex}.tw__fix-icon{color:#137333;flex-shrink:0;margin-top:1px;font-size:20px}.tw__fix-label{font-family:var(--font-sans);color:#137333;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:11px;font-weight:700}.tw__fix-text{font-family:var(--font-sans);color:#3c4043;margin:0;font-size:13px;line-height:1.5}.tw__actions{gap:6px;display:flex}.tw__btn{font-family:var(--font-sans);color:#3c4043;cursor:pointer;background:#f1f3f4;border:none;border-radius:999px;align-items:center;gap:4px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.tw__btn:hover:not(:disabled){background:#e8eaed}.tw__btn:disabled{opacity:.35;cursor:default}.tw__btn .material-symbols-outlined{font-size:16px}@keyframes tw-fix-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tw__fix{animation:none}}@media (width<=480px){.tw__card{border-radius:12px;padding:12px}.tw__option{border-radius:8px;padding:8px 10px}}.tl{width:100%;max-width:780px;margin:0 auto}.tl__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tl__header-icon{color:#0b57d0;display:flex}.tl__header-icon .material-symbols-outlined{font-size:22px}.tl__title{font-family:var(--font-sans);color:#1f1f1f;flex:1;margin:0;font-size:15px;font-weight:600}.tl__step-pill{font-family:var(--font-mono);color:#444746;white-space:nowrap;border:1px solid #dadce0;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.tl__reset{color:#444746;cursor:pointer;background:0 0;border:1px solid #dadce0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.tl__reset:hover{color:#1f1f1f;background:#f0f4f9}.tl__reset .material-symbols-outlined{font-size:16px}.tl__keys{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.tl__keys-icon{color:#444746;font-size:16px}.tl__keys-label{font-family:var(--font-sans);color:#444746;margin-right:2px;font-size:12px;font-weight:500}.tl__kbd{min-width:24px;height:24px;font-family:var(--font-mono);color:#0b57d0;background:#d3e3fd;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.tl__stats{gap:16px;margin-bottom:10px;display:flex}.tl__stat{align-items:center;gap:5px;display:flex}.tl__stat-icon{color:#444746;font-size:16px}.tl__stat-value{font-family:var(--font-mono);color:#1f1f1f;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tl__stat-label{font-family:var(--font-sans);color:#444746;font-size:11px;font-weight:500}.tl__area{cursor:text;-webkit-user-select:none;user-select:none;background:#f0f4f9;border-radius:16px;outline:none;min-height:80px;margin-bottom:12px;padding:20px;transition:box-shadow .2s;position:relative}.tl__area--focus{box-shadow:0 0 0 2px #0b57d0}.tl__overlay{z-index:1;background:#f0f4f9;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tl__start{font-family:var(--font-sans);color:#fff;cursor:pointer;background:#0b57d0;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.tl__start:hover{background:#0842a0}.tl__start .material-symbols-outlined{font-size:20px}.tl__text{font-family:var(--font-mono);word-break:break-all;color:#c4c7c5;font-size:17px;line-height:2}.tl__char{letter-spacing:.5px;position:relative}.tl__char--ok{color:#0b57d0}.tl__char--err{color:#c5221f;background:#fce8e6;border-radius:2px}.tl__char--cur{border-bottom:2px solid #0b57d0;animation:1s step-end infinite tl-blink}.tl__result{align-items:center;gap:8px;margin-top:12px;animation:.2s tl-slide-in;display:flex}.tl__result-icon{color:#1e8e3e;flex-shrink:0;font-size:20px}.tl__result-text{font-family:var(--font-sans);color:#1f1f1f;flex:1;font-size:13px;font-weight:500}.tl__btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #dadce0;border-radius:999px;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.tl__btn .material-symbols-outlined{font-size:16px}.tl__btn--primary{color:#0b57d0;background:0 0;border-color:#dadce0}.tl__btn--primary:hover{background:#f0f4f9}.tl__summary{margin-top:14px;animation:.2s tl-slide-in}.tl__summary-top{align-items:center;gap:6px;margin-bottom:10px;display:flex}.tl__summary-icon{color:#ea8600;font-size:20px}.tl__summary-heading{font-family:var(--font-sans);color:#1f1f1f;font-size:14px;font-weight:600}.tl__summary-rows{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.tl__summary-row{border-bottom:1px solid #f0f4f9;align-items:center;gap:12px;padding:6px 0;display:flex}.tl__summary-name{font-family:var(--font-sans);color:#1f1f1f;flex:1;font-size:13px;font-weight:500}.tl__summary-val{font-family:var(--font-mono);color:#0b57d0;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.tl__summary-avg{font-family:var(--font-sans);color:#444746;gap:14px;margin-bottom:10px;padding:8px 0;font-size:13px;font-weight:600;display:flex}@keyframes tl-blink{50%{border-color:#0000}}@keyframes tl-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tl__char--cur{border-color:#0b57d0;animation:none}.tl__result,.tl__summary{animation:none}}@media (width<=640px){.tl__stats{gap:10px}.tl__stat-value{font-size:12px}.tl__text{font-size:14px}.tl__summary-row{flex-direction:column;align-items:flex-start;gap:2px}.tl__summary-avg{flex-direction:column;gap:4px}}.lsn{width:100%;font-family:var(--font-sans);background:#fff}.lsn__header{align-items:center;gap:8px;padding:10px 16px;display:flex}.lsn__header-icon{color:#1a73e8;background:#e8f0fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lsn__header-icon .material-symbols-outlined{font-size:18px}.lsn__title{font-family:var(--font-sans);color:#202124;flex:1;margin:0;font-size:15px;font-weight:600}.lsn__step-counter{font-family:var(--font-mono);color:#5f6368;white-space:nowrap;background:#f1f3f4;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.lsn__stepper{align-items:center;padding:12px 16px;display:flex}.lsn__stepper-step{width:28px;height:28px;font-family:var(--font-sans);color:#5f6368;cursor:default;background:#fff;border:2px solid #dadce0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}.lsn__stepper-step--active{color:#fff;background:#1a73e8;border-color:#1a73e8;transform:scale(1.1)}.lsn__stepper-step--completed{color:#fff;cursor:pointer;background:#137333;border-color:#137333}.lsn__stepper-step--completed:hover{background:#0d652d;border-color:#0d652d}.lsn__stepper-step .material-symbols-outlined{font-size:16px}.lsn__stepper-line{background:#dadce0;flex:1;height:2px;transition:background .3s}.lsn__stepper-line--done{background:#137333}.lsn__type-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;margin-bottom:10px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-flex}.lsn__type-badge .material-symbols-outlined{font-size:13px}.lsn__type-badge--text{color:#1a73e8;background:#e8f0fe}.lsn__type-badge--activity{color:#e37400;background:#fef7e0}.lsn__type-badge--checkpoint{color:#a142f4;background:#f3e8fd}.lsn__content{padding:16px;animation:.2s lsn-fade}.lsn__step-title{font-family:var(--font-sans);color:#202124;margin:0 0 8px;font-size:16px;font-weight:600}.lsn__paragraph{font-family:var(--font-sans);color:#3c4043;margin:0 0 10px;font-size:13px;line-height:1.7}.lsn__paragraph:last-child{margin-bottom:0}.lsn__inline-code{font-family:var(--font-mono);color:#202124;background:#f1f3f4;border-radius:4px;padding:2px 6px;font-size:12px}.lsn__activity,.lsn__checkpoint{flex-direction:column;gap:10px;display:flex}.lsn__nav{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.lsn__btn{height:36px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.lsn__btn:active{transform:scale(.96)}.lsn__btn:disabled{opacity:.35;cursor:default}.lsn__btn .material-symbols-outlined{font-size:18px}.lsn__btn--secondary{color:#3c4043;background:#f1f3f4}.lsn__btn--secondary:hover:not(:disabled){background:#e8eaed}.lsn__btn--primary{color:#fff;background:#1a73e8}.lsn__btn--primary:hover:not(:disabled){background:#1765cc}.lsn__bubble{z-index:1000;background:#fff;border-radius:16px;align-items:flex-start;gap:10px;max-width:300px;padding:12px 14px;animation:.2s lsn-bubbleIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000f}@keyframes lsn-bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lsn__bubble-icon{color:#1a73e8;flex-shrink:0;margin-top:1px;font-size:20px}.lsn__bubble-text{color:#202124;flex:1;font-size:13px;font-weight:500;line-height:1.45}.lsn__bubble-close{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex}.lsn__bubble-close:hover{background:#f1f3f4}.lsn__bubble-close .material-symbols-outlined{font-size:16px}.lsn__bubble-toggle{color:#fff;cursor:pointer;z-index:1000;background:#1a73e8;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,transform .15s;animation:.2s lsn-bubbleIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #1a73e859}.lsn__bubble-toggle:hover{background:#1765cc;transform:scale(1.08)}.lsn__bubble-toggle .material-symbols-outlined{font-size:22px}:is(.lsn__content:has(.em__wrapper),.lsn__content:has(.br__wrapper)){padding:0}:is(.lsn__activity:has(.em__wrapper),.lsn__activity:has(.br__wrapper)){align-items:center}@keyframes lsn-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lsn__stepper-step,.lsn__stepper-line,.lsn__btn{transition:none}.lsn__content{animation:none}.lsn__stepper-step--active{transform:none}}@media (width<=480px){.lsn__header{padding:8px 12px}.lsn__stepper{padding:10px 12px}.lsn__stepper-step{width:24px;height:24px;font-size:10px}.lsn__stepper-step .material-symbols-outlined{font-size:14px}.lsn__content{padding:12px}.lsn__nav{padding:8px 12px}.lsn__btn{height:34px;padding:0 16px;font-size:12px}}.stylesheet{color:#111;background:#fff;grid-template-columns:256px 1fr;min-height:100vh;display:grid}.stylesheet__sidebar{background:#fff;border-right:none;height:100vh;padding:20px 12px 32px;position:sticky;top:0;overflow-y:auto}.stylesheet__sidebar::-webkit-scrollbar{width:4px}.stylesheet__sidebar::-webkit-scrollbar-track{background:0 0}.stylesheet__sidebar::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.stylesheet__sidebar-title{font-family:var(--font-sans);color:#202124;text-transform:none;letter-spacing:0;margin-bottom:12px;padding:8px 16px;font-size:22px;font-weight:400}.stylesheet__nav{flex-direction:column;gap:2px;display:flex}.stylesheet__nav-group{margin-bottom:8px}.stylesheet__nav-group-title{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.05em;border-bottom:none;margin-bottom:0;padding:16px 16px 4px;font-size:11px;font-weight:500}.stylesheet__nav a{font-family:var(--font-sans);color:#3c4043;text-transform:none;letter-spacing:0;cursor:pointer;border-left:none;border-radius:50px;align-items:center;gap:0;height:32px;padding:0 16px;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.stylesheet__nav a:before{display:none}.stylesheet__nav a:hover{color:#202124;background:#f1f3f4;text-decoration:none}.stylesheet__nav a:active{background:#e8eaed}.stylesheet__nav a.stylesheet__nav-active{color:#1a73e8;background:#e8f0fe;font-weight:500}.stylesheet__content{width:100%;max-width:1400px;margin:0 auto;padding:48px 40px}.stylesheet__topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stylesheet__present-btn{color:#5f6368;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s,border-color .15s;display:flex}.stylesheet__present-btn:hover{color:#202124;background:#f1f3f4;border-color:#d0d0d0}.stylesheet__present-btn .material-symbols-outlined{font-size:20px}.stylesheet__hero-title{font-family:var(--font-sans);color:#202124;letter-spacing:-.035em;margin:0 0 10px;font-size:36px;font-weight:600;line-height:1.15}.stylesheet__hero-desc{font-family:var(--font-sans);color:#5f6368;border-bottom:1px solid #e0e0e0;margin:0 0 40px;padding-bottom:24px;font-size:14px;font-weight:400;line-height:1.5}.stylesheet__fullscreen{z-index:9999;background:#fff;justify-content:center;align-items:flex-start;padding:64px 48px;display:flex;position:fixed;inset:0;overflow-y:auto}.stylesheet__fullscreen-close{cursor:pointer;z-index:10000;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:fixed;top:16px;right:16px}.stylesheet__fullscreen-close:hover{opacity:1}.stylesheet__fullscreen-close img{width:auto;height:36px}.stylesheet__fullscreen-content{width:100%;max-width:1200px}.stylesheet__fullscreen-content .stylesheet__section{margin-bottom:0;display:block!important}.stylesheet__fullscreen-content .stylesheet__section-title,.stylesheet__fullscreen-content .stylesheet__section-desc,.stylesheet__fullscreen-content .stylesheet__example-label{display:none}.stylesheet__fullscreen-content .device-frame--laptop{max-height:85vh}.stylesheet__fullscreen-content .device-frame--laptop .device-frame__screen{aspect-ratio:unset;height:calc(85vh - 40px);overflow-y:auto}.stylesheet__section{margin-bottom:80px;scroll-margin-top:40px;display:none}.stylesheet__section:first-of-type{display:block}.stylesheet__section-title{font-family:var(--font-sans);color:#202124;text-transform:none;letter-spacing:0;border-bottom:1px solid #e0e0e0;margin:0;padding-bottom:12px;font-size:16px;font-weight:500;display:block}.stylesheet__section-title:before{display:none}.stylesheet__section-desc{font-family:var(--font-sans);color:#5f6368;letter-spacing:0;margin:12px 0 28px;font-size:14px;font-weight:400;line-height:1.5}.stylesheet__example{margin-bottom:40px}.stylesheet__section>.card,.stylesheet__example>.card{max-width:720px;margin-left:auto;margin-right:auto}.stylesheet__example-label{font-family:var(--font-sans);color:#5f6368;text-transform:none;letter-spacing:0;margin-bottom:12px;font-size:12px;font-weight:500}.stylesheet__row{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.stylesheet__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stylesheet__swatch-grid{flex-wrap:wrap;gap:16px;display:flex}.stylesheet__swatch{flex:none;align-items:center;gap:14px;display:flex}.stylesheet__swatch-color{border:2px solid #00000014;border-radius:50%;flex-shrink:0;width:48px;height:48px}.stylesheet__swatch-info{flex-direction:column;display:flex}.stylesheet__swatch-name{font-family:var(--font-sans);color:#202124;font-size:14px;font-weight:500;line-height:1.3;display:block}.stylesheet__swatch-hex{color:#5f6368;font-size:13px;font-family:var(--font-mono);font-weight:400;display:block}.stylesheet__swatch-token{color:#9aa0a6;font-size:11px;font-family:var(--font-mono);display:block}.stylesheet__type-scale{flex-direction:column;display:flex}.stylesheet__type-row{border-bottom:1px solid #e8eaed;flex-direction:column;gap:4px;padding:14px 0;display:flex}.stylesheet__type-row:last-child{border-bottom:none}.stylesheet__type-specimen{color:#202124;line-height:1.3}.stylesheet__type-meta{color:#9aa0a6;font-size:12px;font-family:var(--font-sans);font-weight:400}.stylesheet__spacer-row{border-bottom:1px solid #f1f3f4;align-items:center;gap:14px;padding:8px 0;display:flex}.stylesheet__spacer-row:last-child{border-bottom:none}.stylesheet__spacer-token{color:#5f6368;font-size:13px;font-weight:400;font-family:var(--font-mono);flex-shrink:0;min-width:100px}.stylesheet__spacer-bar{background:#1a73e8;border:none;border-radius:4px;height:8px;position:relative}.stylesheet__spacer-value{color:#202124;font-size:13px;font-family:var(--font-mono);flex-shrink:0;min-width:40px;font-weight:500}.stylesheet__grid--3col{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.stylesheet{grid-template-columns:1fr}.stylesheet__sidebar{border-bottom:1px solid #e0e0e0;border-right:none;height:auto;padding:16px 8px;position:relative}.stylesheet__content{padding:24px}.stylesheet__grid--3col{grid-template-columns:1fr}.stylesheet__type-row{padding:10px 0}}.stylesheet__back-to-top{color:#0009;cursor:pointer;width:36px;height:36px;box-shadow:none;z-index:50;background:#fff;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex;position:fixed;bottom:20px;right:20px}.stylesheet__back-to-top:hover{border-color:var(--color-primary);color:var(--color-primary)}.stylesheet__back-to-top .material-symbols-outlined{font-size:18px}@media (width<=480px){.stylesheet__content{padding:16px}.stylesheet__swatch-grid{grid-template-columns:repeat(2,1fr)}.stylesheet__section-title{font-size:20px}}.subjects{background:var(--cliq-blue-50);color:#111;min-height:100vh;font-family:var(--font-sans);position:relative;overflow:hidden}.subjects__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.subjects__star{font-family:var(--font-sans);color:var(--color-primary);-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.subjects__hero{z-index:1;max-width:900px;margin:0 auto;padding:80px 60px 60px;position:relative}.subjects__hero-title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(4rem,10vw,10rem);font-weight:400;line-height:.92}.subjects__hero-sub{font-family:var(--font-sans);font-size:var(--text-lg);color:#666;max-width:520px;margin:0;font-weight:400;line-height:1.6}.subjects__contents{z-index:1;border-top:1px solid #e0e0e0;max-width:900px;margin:0 auto;padding:0 60px;position:relative}.subjects__contents-inner{padding:40px 0 48px}.subjects__contents-title{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;font-weight:700}.subjects__contents-groups{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 40px;display:grid}.subjects__contents-group-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#111;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;font-weight:700}.subjects__contents-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.subjects__contents-link{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;padding:2px 0;text-decoration:none;transition:color .15s}.subjects__contents-link:hover{color:var(--color-primary);text-decoration:none}.subjects__fab{z-index:90;color:#000;cursor:pointer;background:#00f07c;border:none;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000026}.subjects__fab:hover{background:#00d46c;transform:scale(1.05)}.subjects__fab .material-symbols-outlined{font-size:22px}.subjects__floating-backdrop{z-index:88;background:#0000004d;position:fixed;inset:0}.subjects__floating-menu{z-index:89;opacity:0;pointer-events:none;background:#fff;border:1px solid #e0e0e0;border-radius:16px;width:360px;max-height:70vh;padding:24px;transition:opacity .2s,transform .2s;position:fixed;bottom:80px;right:24px;overflow-y:auto;transform:translateY(12px)scale(.96);box-shadow:0 8px 40px #0000001f}.subjects__floating-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.subjects__floating-menu .subjects__contents-title{margin-bottom:16px}.subjects__floating-menu .subjects__contents-groups{grid-template-columns:1fr;gap:16px}.subjects__main{z-index:1;max-width:900px;margin:0 auto;padding:0 60px 60px;position:relative}.subjects__group{margin-bottom:80px}.subjects__group-header{border-top:2px solid #111;margin-bottom:16px;padding-top:48px}.subjects__group-title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1}.subjects__group-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.04em;margin:4px 0 0;font-weight:500}.subjects__group-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;max-width:640px;margin:0 0 48px;line-height:1.7}.subjects__topic{margin-bottom:48px;scroll-margin-top:88px}.subjects__topic-header{border-bottom:1px solid #e0e0e0;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.subjects__topic-title{font-family:var(--font-sans);font-size:var(--text-xl);color:#000;text-transform:uppercase;letter-spacing:-.03em;margin:0;font-weight:700}.subjects__topic-easy{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;font-weight:400}.subjects__topic-body{margin-bottom:24px}.subjects__topic-body p{font-family:var(--font-sans);font-size:var(--text-sm);color:#555;max-width:640px;margin:0 0 16px;line-height:1.8}.subjects__topic-body p:last-child{margin-bottom:0}.subjects__quote{border-left:3px solid var(--color-primary);background:#f7f7f7;max-width:640px;margin:0 0 24px;padding:20px 24px}.subjects__quote p{font-family:var(--font-sans);font-size:var(--text-sm);color:#444;margin:0;font-weight:500;line-height:1.7}.subjects__quote cite{font-family:var(--font-mono);font-size:var(--text-xs);color:#999;margin-top:8px;font-style:normal;display:block}.subjects__bands{flex-direction:column;gap:0;max-width:720px;display:flex}.subjects__band{border-top:1px solid #e8e8e8;padding:20px 0}.subjects__band:last-child{border-bottom:1px solid #e8e8e8}.subjects__band-top{align-items:center;gap:12px;margin-bottom:8px;display:flex}.subjects__band-grade{font-family:var(--font-sans);font-size:var(--text-xs);color:#000;text-transform:uppercase;letter-spacing:.02em;font-weight:700}.subjects__band-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-weight:500}.subjects__band-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0;line-height:1.6}.subjects__beyond{border-top:2px solid #111;margin-bottom:0;padding:48px 0 40px}.subjects__beyond-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-weight:700}.subjects__beyond-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;max-width:520px;margin:0;line-height:1.6}.subjects__endnote{border-top:1px solid #e0e0e0;margin-top:48px;padding:48px 0 0}.subjects__endnote-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 12px;font-weight:700}.subjects__endnote-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;max-width:560px;line-height:1.7}.subjects__endnote-link{color:var(--color-primary);font-weight:500;text-decoration:none}.subjects__endnote-link:hover{text-decoration:underline}@media (width<=960px){.subjects__hero{padding:60px 48px 48px}.subjects__contents{padding:0 48px}.subjects__main{padding:0 48px 48px}.subjects__hero-title{font-size:clamp(3rem,8vw,5rem)}}@media (width<=768px){.subjects__hero{padding:40px var(--space-5) 32px}.subjects__hero-title{font-size:clamp(2.5rem,14vw,4rem)}.subjects__contents{padding:0 var(--space-5)}.subjects__contents-groups{grid-template-columns:1fr 1fr;gap:16px 24px}.subjects__main{padding:0 var(--space-5) 32px}.subjects__group-header{padding-top:32px}.subjects__group-title{font-size:clamp(1.5rem,6vw,2rem)}.subjects__topic-header{flex-direction:column;gap:4px}.subjects__floating-menu{width:calc(100vw - 32px);bottom:72px;right:16px}.subjects__fab{bottom:16px;right:16px}}.login{color:#111;min-height:100vh;font-family:var(--font-sans);background:#fff;position:relative;overflow:hidden}.login__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.login__star{font-family:var(--font-sans);color:#e0e0e0;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.login__split{z-index:1;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px);display:grid;position:relative}.login__brand{flex-direction:column;justify-content:center;padding:80px 60px;display:flex}.login__brand-heading{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(5rem,12vw,10rem);font-weight:400;line-height:.92}.login__brand-heading--blue{color:var(--color-primary)}.login__brand-sub{font-family:var(--font-sans);font-size:var(--text-lg);color:#000;max-width:380px;margin:0 0 48px;line-height:1.7}.login__brand-mascot{object-fit:contain;width:280px;height:280px}.login__form-side{justify-content:center;align-items:center;padding:80px 60px;display:flex}.login__form-inner{width:100%;max-width:380px}.login__title{font-family:var(--font-sans);font-size:var(--text-3xl);color:#111;margin:0 0 8px;font-weight:700}.login__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 32px}.login__google{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#000;cursor:pointer;background:#00f07c;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-weight:600;transition:background .2s;display:flex}.login__google:hover{background:#00d46c}.login__divider{align-items:center;gap:16px;width:100%;margin:24px 0;display:flex}.login__divider:before,.login__divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.login__divider span{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;white-space:nowrap}.login__custom-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-weight:600;transition:background .2s;display:flex}.login__custom-btn:hover{background:var(--color-primary-hover)}.login__custom-btn .material-symbols-outlined{font-size:20px}.login__create-link{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:16px;display:block}.login__create-link:hover{text-decoration:underline}.login__overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login__modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 8px 40px #0000001f}.login__modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;top:16px;right:16px}.login__modal-close:hover{color:#111;background:#f0f0f0}.login__modal-title{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;margin:0 0 4px;font-weight:700}.login__modal-subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 28px}.login__form{flex-direction:column;gap:16px;width:100%;display:flex}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#555;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.login__input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#111;background:#fff;border:1px solid #d4d4d4;border-radius:12px;outline:none;padding:12px 16px;transition:border-color .2s}.login__input::placeholder{color:#999}.login__input:focus{border-color:var(--color-primary)}.login__generated-row{background:#f5f5f5;border:1px solid #d4d4d4;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.login__generated-name{font-family:var(--font-mono);font-size:var(--text-sm);color:#111;letter-spacing:.02em;flex:1;font-weight:600}.login__regenerate{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.login__regenerate:hover{color:var(--color-primary-hover)}.login__regenerate .material-symbols-outlined{font-size:20px}.login__error{font-family:var(--font-sans);font-size:var(--text-xs);color:#ef4444;margin:0}.login__note{background:#fefce8;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;display:flex}.login__note .material-symbols-outlined{color:#ca8a04;flex-shrink:0;margin-top:1px;font-size:20px}.login__note p{font-family:var(--font-sans);font-size:var(--text-xs);color:#713f12;margin:0;line-height:1.5}.login__submit{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px 24px;font-weight:600;transition:background .2s}.login__submit:hover{background:var(--color-primary-hover)}.login__conflict{text-align:center}.login__conflict-icon{color:#f59e0b;margin-bottom:16px;font-size:48px}.login__conflict .login__modal-title{text-align:center}.login__conflict .login__modal-subtitle{text-align:center;margin-bottom:24px}.login__conflict-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-weight:600;transition:background .2s}.login__conflict-btn:hover{background:var(--color-primary-hover)}@media (width<=960px){.login__split{grid-template-columns:1fr}.login__brand{padding:60px 48px 40px}.login__brand-heading{font-size:clamp(3rem,8vw,5rem)}.login__brand-mascot{display:none}.login__form-side{padding:40px 48px 60px}}@media (width<=768px){.login__brand{padding:40px var(--space-5) 24px}.login__brand-heading{font-size:clamp(2.5rem,14vw,4rem)}.login__form-side{padding:24px var(--space-5) 40px}.login__modal{border-radius:16px;padding:28px}}.dashnav{z-index:1;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:relative}.dashnav--thin{height:44px;padding:0 20px}.dashnav__left{align-items:center;display:flex}.dashnav__logo{line-height:0}.dashnav__logo img{height:32px;display:block}.dashnav--thin .dashnav__logo img{height:24px}.dashnav--thin .dashnav__avatar{width:28px;height:28px}.dashnav__right{align-items:center;display:flex}.dashnav__avatar-btn{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.dashnav__avatar{object-fit:cover;border:2px solid #e0e0e0;border-radius:50%;width:36px;height:36px}.dashnav__avatar--fallback{color:#888;background:#f0f0f0;justify-content:center;align-items:center;font-size:20px;display:flex}@media (width<=768px){.dashnav{padding:0 var(--space-4);height:52px}.dashnav__logo img{height:26px}}.dashboard{color:#111;height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.dashboard__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dashboard__star{font-family:var(--font-sans);color:#00f07c;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.dashboard__main{z-index:1;flex:1;position:relative;overflow-y:auto}.dashboard__header{padding:80px 60px 60px}.dashboard__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-weight:700}.dashboard__title-row{display:inline-block;position:relative}.dashboard__title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.92}.dashboard__grid{grid-template-columns:repeat(3,1fr);gap:40px 32px;padding:0 60px 80px;display:grid}.dashboard__card{color:inherit;text-decoration:none;display:block}.dashboard__card:hover{text-decoration:none}.dashboard__card-visual{aspect-ratio:16/9;background:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.dashboard__card:hover .dashboard__card-visual{transform:scale(1.02)}.dashboard__card-icon{color:#fff;font-size:56px}.dashboard__card-bar{background:#00000026;height:8px;position:absolute;bottom:0;left:0;right:0}.dashboard__card-bar-fill{background:#00f07c;height:100%;transition:width .3s}.dashboard__card-badge{z-index:1;font-family:var(--font-sans);color:#fff;-webkit-backdrop-filter:blur(8px);letter-spacing:.02em;background:#00000040;border-radius:999px;padding:4px 10px;font-size:.6875rem;font-weight:700;position:absolute;top:12px;right:12px}.dashboard__card-name{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400;line-height:1}.dashboard__card-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:#888;text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:500;line-height:1.5}.dashboard__card--locked{cursor:pointer}.dashboard__card--locked .dashboard__card-visual{background:#1a1a1a}.dashboard__card--locked:hover .dashboard__card-visual{transform:none}.dashboard__card-lock{color:#00f07c;font-size:40px}.dashboard__card--locked .dashboard__card-name{color:#999}.dashboard__card--locked .dashboard__card-desc{color:#bbb}.dashboard__purchase-overlay{-webkit-backdrop-filter:blur(20px);z-index:500;background:#0006;justify-content:center;align-items:center;animation:.15s dash-fade-in;display:flex;position:fixed;inset:0}@keyframes dash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dash-scale-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.dashboard__purchase-modal{padding:var(--space-8);text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;animation:.25s cubic-bezier(.16,1,.3,1) dash-scale-in;display:flex;position:relative;box-shadow:0 8px 40px #0000001f}.dashboard__purchase-close{top:var(--space-3);right:var(--space-3);color:#999;cursor:pointer;padding:var(--space-1);background:0 0;border:none;border-radius:50%;line-height:1;transition:background .15s,color .15s;position:absolute}.dashboard__purchase-close:hover{color:#111;background:#f0f0f0}.dashboard__purchase-close .material-symbols-outlined{font-size:20px}.dashboard__purchase-icon{width:64px;height:64px;margin-bottom:var(--space-4);background:#1a1a1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.dashboard__purchase-icon .material-symbols-outlined{color:#00f07c;font-size:32px}.dashboard__purchase-name{font-family:var(--font-display);font-size:var(--text-xl);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 var(--space-1);font-weight:400}.dashboard__purchase-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#888;margin:0 0 var(--space-5)}.dashboard__purchase-price{margin-bottom:var(--space-5);align-items:baseline;gap:6px;display:flex}.dashboard__purchase-amount{font-family:var(--font-sans);color:#000;font-size:2.5rem;font-weight:700;line-height:1}.dashboard__purchase-period{font-family:var(--font-sans);font-size:var(--text-sm);color:#999}.dashboard__purchase-features{margin:0 0 var(--space-6);gap:var(--space-2);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.dashboard__purchase-features li{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:#555;text-align:left;display:flex}.dashboard__purchase-features .material-symbols-outlined{color:#00f07c;flex-shrink:0;font-size:18px}.dashboard__purchase-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:#000;padding:var(--space-3) var(--space-5);cursor:pointer;background:#00f07c;border:none;border-radius:999px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.dashboard__purchase-btn .material-symbols-outlined{font-size:20px}.dashboard__purchase-btn:hover{background:#00d46c}.dashboard__purchase-btn:active{transform:scale(.97)}.dashboard__purchase-cancel{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;padding:var(--space-2);margin-top:var(--space-1);background:0 0;border:none;transition:color .15s}.dashboard__purchase-cancel:hover{color:#555}.dashboard__purchase-key-link{font-family:var(--font-sans);font-size:var(--text-xs);color:#666;cursor:pointer;padding:var(--space-1) var(--space-4);margin-top:var(--space-3);background:#f0f0f0;border:1px solid #bbb;border-radius:999px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.dashboard__purchase-key-link:hover{color:#111;background:#e5e5e5;border-color:#ccc}.dashboard__purchase-back{top:var(--space-3);left:var(--space-3);color:#999;cursor:pointer;padding:var(--space-1);background:0 0;border:none;border-radius:50%;line-height:1;transition:background .15s,color .15s;position:absolute}.dashboard__purchase-back:hover{color:#111;background:#f0f0f0}.dashboard__purchase-back .material-symbols-outlined{font-size:20px}.dashboard__key-input{width:160px;font-family:var(--font-sans);text-align:center;letter-spacing:.3em;color:#000;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);text-transform:uppercase;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;outline:none;font-size:1.75rem;font-weight:700;transition:border-color .15s}.dashboard__key-input:focus{border-color:#00f07c}.dashboard__key-input:disabled{opacity:.5}.dashboard__key-error{font-family:var(--font-sans);font-size:var(--text-xs);color:#e53e3e;margin:calc(-1 * var(--space-3)) 0 var(--space-4)}.dashboard__footer{z-index:1;background:0 0;border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 20px;display:flex;position:relative}.dashboard__footer-text{font-family:var(--font-sans);color:#000;letter-spacing:.02em;font-size:.6875rem;font-weight:500}.dashboard__footer-dot{color:#000;font-size:.6875rem}@media (width<=960px){.dashboard__header{padding:60px 48px 48px}.dashboard__title{font-size:clamp(2.5rem,7vw,4rem)}.dashboard__grid{grid-template-columns:repeat(2,1fr);gap:32px 24px;padding:0 48px 60px}}@media (width<=768px){.dashboard__header{padding:40px var(--space-5) 32px}.dashboard__title{font-size:clamp(2rem,10vw,3rem)}.dashboard__grid{padding:0 var(--space-5) 40px;grid-template-columns:1fr;gap:40px}.dashboard__card-visual{aspect-ratio:16/9}}.subpage{color:#111;min-height:100vh;font-family:var(--font-sans);background:#fff;position:relative;overflow-x:hidden}.subpage__back-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:#888;margin-bottom:var(--space-6);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.subpage__back-btn .material-symbols-outlined{font-size:16px}.subpage__back-btn:hover{color:#111;background:#f0f0f0}.subpage__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.subpage__star{font-family:var(--font-sans);color:#00f07c;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.subpage__content{z-index:1;max-width:700px;margin:0 auto;padding:60px 60px 80px;position:relative}.subpage__header{align-items:flex-start;gap:var(--space-5);border-bottom:1px solid #e0e0e0;margin-bottom:60px;padding-bottom:40px;display:flex}.subpage__header-icon{background:#00a7e11a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.subpage__header-icon .material-symbols-outlined{color:var(--color-primary);font-size:28px}.subpage__header-info{gap:var(--space-1);flex-direction:column;display:flex}.subpage__title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1}.subpage__easy{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0}.subpage__meta{align-items:center;gap:var(--space-4);margin-top:var(--space-2);display:flex}.subpage__area{font-family:var(--font-sans);font-size:var(--text-xs);color:#000;font-weight:600}.subpage__count{font-family:var(--font-sans);font-size:var(--text-xs);color:#999}.subpage__list{max-width:600px;margin:0 auto}.subpage__cards{flex-direction:column;gap:12px;display:flex}.subpage__card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;gap:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.subpage__card:hover{border-color:#d0d0d0}.subpage__card-left{background:#f8f8f8;border-right:1px solid #e8e8e8;flex-shrink:0;justify-content:center;align-items:center;width:52px;display:flex}.subpage__card-num{font-family:var(--font-display);color:#ccc;font-size:1.25rem;font-weight:400;line-height:1}.subpage__card-body{flex:1;min-width:0;padding:16px 20px}.subpage__card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.subpage__card-title-row{align-items:center;gap:8px;display:flex}.subpage__card-title{font-family:var(--font-sans);font-size:var(--text-base);color:#111;margin:0 0 2px;font-weight:600;line-height:1.3}.subpage__card-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:#888;margin:0;line-height:1.4}.subpage__card-check{color:#00f07c;flex-shrink:0;margin-top:2px;font-size:22px}.subpage__card-arrow{color:var(--color-primary);flex-shrink:0;margin-top:2px;font-size:20px}.subpage__card-lock{color:#555;flex-shrink:0;margin-top:2px;font-size:20px}.subpage__card-phases{align-items:center;gap:var(--space-4);display:flex}.subpage__phase{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);color:#999;display:flex}.subpage__phase .material-symbols-outlined{font-size:16px}.subpage__phase--next{color:#000}.subpage__phase--done{color:#000;background:#00f07c26;border-radius:999px;padding:2px 8px}.subpage__phase-count{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;margin-left:auto;font-weight:600}.subpage__card-dev{font-family:var(--font-sans);font-size:var(--text-xs);color:#888;margin:0;font-style:italic}.subpage__card--current{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);cursor:pointer}.subpage__card--current:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), 0 4px 16px #00a7e11f}.subpage__card--current .subpage__card-left{background:var(--color-primary);border-right-color:var(--color-primary)}.subpage__card--current .subpage__card-num{color:#fff}.subpage__card--current .subpage__phase-count{color:var(--color-primary)}.subpage__card--done .subpage__card-left{background:#f0fdf4;border-right-color:#d0f0d8}.subpage__card--done .subpage__card-num,.subpage__card--done .subpage__phase-count{color:#00f07c}.subpage__card--locked{opacity:.5}.subpage__card--locked .subpage__card-left{background:#fafafa}.subpage__empty{z-index:1;justify-content:center;align-items:center;gap:var(--space-4);color:#666;font-family:var(--font-sans);font-size:var(--text-sm);flex-direction:column;flex:1;padding:120px 20px;display:flex;position:relative}.subpage__back-link{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none}.subpage__back-link:hover{text-decoration:underline}.subpage__empty-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0}.subpage__ready-overlay{-webkit-backdrop-filter:blur(20px);z-index:500;background:#0006;justify-content:center;align-items:center;animation:.15s subpage-fade-in;display:flex;position:fixed;inset:0}@keyframes subpage-fade-in{0%{opacity:0}to{opacity:1}}@keyframes subpage-scale-in{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes subpage-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.15;transform:scale(1.25)}}.subpage__ready-modal{padding:var(--space-10) var(--space-8) var(--space-6);text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:.25s cubic-bezier(.16,1,.3,1) subpage-scale-in;display:flex;position:relative;box-shadow:0 8px 40px #0000001f}.subpage__ready-close{top:var(--space-3);right:var(--space-3);color:#999;cursor:pointer;padding:var(--space-1);background:0 0;border:none;border-radius:50%;line-height:1;transition:background .15s,color .15s;position:absolute}.subpage__ready-close:hover{color:#111;background:#f0f0f0}.subpage__ready-close .material-symbols-outlined{font-size:20px}.subpage__ready-icon{width:72px;height:72px;margin-bottom:var(--space-5);background:#00f07c1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.subpage__ready-glow{background:radial-gradient(circle,#00f07c40 0%,#0000 70%);border-radius:50%;animation:2.5s ease-in-out infinite subpage-glow-pulse;position:absolute;inset:-8px}.subpage__ready-icon .material-symbols-outlined{color:#00f07c;z-index:1;font-size:34px;position:relative}.subpage__ready-topic{font-family:var(--font-sans);font-size:var(--text-xs);color:#00f07c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-1);font-weight:600}.subpage__ready-title{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;margin:0 0 var(--space-6);font-weight:700;line-height:1.3}.subpage__ready-steps{margin-bottom:var(--space-6);justify-content:center;align-items:flex-start;gap:0;width:100%;max-width:300px;display:flex}.subpage__ready-step{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.subpage__ready-step-dot{z-index:1;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.subpage__ready-step-dot .material-symbols-outlined{color:#999;font-size:18px}.subpage__ready-step-dot--done{background:#00f07c26}.subpage__ready-step-dot--done .material-symbols-outlined{color:#00f07c}.subpage__ready-step-dot--next{background:#00a7e11f;box-shadow:0 0 0 3px #00a7e11f}.subpage__ready-step-dot--next .material-symbols-outlined{color:var(--color-primary)}.subpage__ready-step-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;font-weight:500}.subpage__ready-step-label--next{color:#111;font-weight:600}.subpage__ready-step-line{background:#e0e0e0;width:calc(100% - 36px);height:2px;position:absolute;top:18px;left:calc(50% + 18px)}.subpage__ready-step-line--done{background:#00f07c}.subpage__ready-heading{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0 0 var(--space-5);font-weight:600}.subpage__ready-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:#000;padding:var(--space-3) var(--space-5);cursor:pointer;background:#00f07c;border:none;border-radius:999px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.subpage__ready-btn .material-symbols-outlined{font-size:20px}.subpage__ready-btn:hover{background:#00d46c}.subpage__ready-btn:active{transform:scale(.97)}.subpage__ready-cancel{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;padding:var(--space-2);margin-top:var(--space-1);background:0 0;border:none;transition:color .15s}.subpage__ready-cancel:hover{color:#555}@media (width<=960px){.subpage__content{padding:48px 48px 60px}}@media (width<=768px){.subpage__content{padding:32px var(--space-5) 40px}.subpage__header{gap:var(--space-3);flex-direction:column}.subpage__title{font-size:clamp(1.5rem,6vw,2rem)}.subpage__ready-modal{margin:0 16px;padding:28px 20px 20px}}.navbar{z-index:100;height:var(--navbar-height);background:0 0;position:sticky;top:0}.navbar__inner{height:100%;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.navbar__logo a{text-decoration:none}.navbar__logo img{height:36px}.navbar__logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--cliq-white);text-transform:uppercase;font-weight:400;text-decoration:none}.navbar__links-capsule{position:absolute;left:50%;transform:translate(-50%)}.navbar__links{align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.navbar__link{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff9;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);transition:color var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none}.navbar__link:hover{color:var(--cliq-white);text-decoration:none}.navbar__link--active{color:var(--cliq-white)}.navbar__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__link--right{background:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);color:var(--cliq-white)}.navbar__link--right:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--cliq-white)}.navbar--dark{background:var(--cliq-gray-900);border-bottom:none}.navbar--light{background:#fff;border-bottom:1px solid #eee}.navbar--light .navbar__logo-text{color:#111}.navbar--light .navbar__link{color:#888}.navbar--light .navbar__link:hover{color:#111}.navbar--light .navbar__link--active{color:#111;font-weight:600}.navbar--light .navbar__link--right{color:#fff;background:#3b6bf5;border-color:#3b6bf5}.navbar--light .navbar__link--right:hover{color:#fff;background:#2b5ad4;border-color:#2b5ad4}.navbar--light .navbar__avatar--fallback{color:#888;background:#f0f0f0}.navbar--thin{height:44px}.navbar--thin .navbar__inner{padding:0 var(--space-4)}.navbar--thin .navbar__logo img{height:24px}.navbar--thin .navbar__links-capsule{padding:2px}.navbar--thin .navbar__link{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.navbar__avatar-btn{margin-left:var(--space-3);cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.navbar__avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.navbar__avatar--fallback{color:#888;background:#1a1a1a;justify-content:center;align-items:center;font-size:20px;display:flex}.pdrawer-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#0006;position:fixed;inset:0}.pdrawer{z-index:10000;background:#fff;border-radius:20px;flex-direction:column;width:340px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 8px 40px #0000001f}.pdrawer__header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.pdrawer__header-title{font-family:var(--font-sans);font-size:var(--text-xs);color:#bbb;text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:700}.pdrawer__close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;line-height:0;transition:background .15s,color .15s}.pdrawer__close .material-symbols-outlined{font-size:20px}.pdrawer__close:hover{color:#111;background:#f0f0f0}.pdrawer__profile{background:#f8f8f8;border-radius:16px;align-items:center;gap:14px;margin:0 12px;padding:24px 20px;display:flex}.pdrawer__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.pdrawer__avatar--fallback{color:#999;background:#e8e8e8;justify-content:center;align-items:center;font-size:26px;display:flex}.pdrawer__profile-info{min-width:0}.pdrawer__name{font-family:var(--font-sans);color:#111;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.pdrawer__email{font-family:var(--font-sans);color:#888;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.75rem;overflow:hidden}.pdrawer__actions{flex-direction:column;gap:2px;padding:12px 12px 0;display:flex}.pdrawer__action{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;text-transform:uppercase;letter-spacing:-.04em;padding:8px 20px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.pdrawer__action:hover{color:#555;text-decoration:none}.pdrawer__footer{flex-direction:column;gap:12px;margin-top:auto;padding:0 12px 20px;display:flex}.pdrawer__signout{width:100%;font-family:var(--font-sans);color:#fff;cursor:pointer;background:#ea4335;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px;font-size:.8125rem;font-weight:600;transition:background .15s;display:flex}.pdrawer__signout:hover{background:#d93025}.pdrawer__version{font-family:var(--font-sans);color:#ccc;text-align:center;font-size:.6875rem}.pdrawer__confirm{z-index:10001;background:#fff;border:1px solid #e8e8e8;border-radius:16px;width:320px;max-width:85vw;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0000001f}.pdrawer__confirm-text{font-family:var(--font-sans);color:#111;text-align:center;margin-bottom:20px;font-size:.875rem;font-weight:500}.pdrawer__confirm-actions{justify-content:center;gap:12px;display:flex}.pdrawer__confirm-cancel{font-family:var(--font-sans);color:#666;cursor:pointer;background:0 0;border:1px solid #d4d4d4;border-radius:999px;padding:10px 24px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.pdrawer__confirm-cancel:hover{color:#111;background:#f5f5f5}.pdrawer__confirm-yes{font-family:var(--font-sans);color:#fff;cursor:pointer;background:#ea4335;border:none;border-radius:999px;padding:10px 24px;font-size:.875rem;font-weight:500;transition:background .15s}.pdrawer__confirm-yes:hover{background:#d93025}@media (width<=480px){.pdrawer{border-radius:20px;width:auto;max-width:none;inset:12px}}@media (width<=768px){.navbar__links-capsule{display:none}}.account{background:#00171f;min-height:100vh;position:relative;overflow:hidden}.account__star{font-family:var(--font-sans);color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;animation:2.4s step-end infinite accountFlicker;position:absolute}@keyframes accountFlicker{0%,to{opacity:.15}50%{opacity:.6}}.account__content{z-index:1;justify-content:center;padding:48px 24px;display:flex;position:relative}.account__back{color:#a8b8c4;border:1px solid #003459;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:12px 0 0 12px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.account__back:hover{color:#fff;background:#003459;border-color:#007ea7;text-decoration:none}.account__back .material-symbols-outlined{font-size:20px}.account__card{background:#002035;border:1px solid #003459;border-radius:16px;width:400px;max-width:100%;overflow:hidden}.account__header{border-bottom:1px solid #003459;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.account__avatar{object-fit:cover;border-radius:50%;width:72px;height:72px}.account__avatar--fallback{color:#a8b8c4;background:#00171f;justify-content:center;align-items:center;font-size:36px;display:flex}.account__name{font-family:var(--font-sans);color:#fff;margin:4px 0 0;font-size:1.125rem;font-weight:600}.account__email{font-family:var(--font-sans);color:#a8b8c4;font-size:.8125rem}.lp{background:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}.lp__nav-info{align-items:center;gap:8px;display:flex}.lp__nav-topic{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);white-space:nowrap;font-weight:600}.lp__nav-title{font-family:var(--font-sans);font-size:var(--text-xs);color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-weight:500;overflow:hidden}.lp__timer{font-family:var(--font-mono);font-size:var(--text-xs);color:#888;background:#f5f5f5;border-radius:999px;align-items:center;gap:6px;margin-right:12px;padding:4px 10px;font-weight:500;display:flex}.lp__timer .material-symbols-outlined{color:#bbb;font-size:15px}.lp__stage{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;transition:background .2s;display:flex;position:relative}.lp__stage--light{background:#f5f5f5}.lp__video-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lp__video{max-width:100%;max-height:100%;display:block}.lp__read{width:100%;max-width:640px;height:100%;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;padding-bottom:100px;display:flex}.lp__card{width:100%;padding:var(--space-8);background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 12px #0000000f}.lp__card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.lp__card-step{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.lp__speak-btn{color:#00f07c;cursor:pointer;background:0 0;border:1px solid #00f07c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,border-color .15s,background .15s;display:flex}.lp__speak-btn .material-symbols-outlined{font-size:18px}.lp__speak-btn:hover{background:#00f07c14}.lp__speak-btn--active{color:#fff;background:#ea4335;border-color:#ea4335}.lp__card-title{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;margin:0 0 var(--space-4);font-weight:700;line-height:1.3}.lp__card-body{font-family:var(--font-sans);font-size:var(--text-base);color:#555;margin:0;line-height:1.75}.lp__card-nav{justify-content:space-between;align-items:center;width:100%;display:flex}.lp__card-btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:0 0;border:none;font-weight:500;transition:color .15s,background .15s;display:flex}.lp__card-btn .material-symbols-outlined{font-size:18px}.lp__card-btn--back{color:#999}.lp__card-btn--back:hover:not(:disabled){color:#555;background:#f5f5f5}.lp__card-btn--back:disabled{opacity:.25;cursor:default}.lp__card-btn--fwd{color:var(--color-primary)}.lp__card-btn--fwd:hover:not(:disabled){color:#111;background:#f5f5f5}.lp__card-btn--fwd:disabled{opacity:.25;cursor:default}.lp__dots{gap:var(--space-2);display:flex}.lp__dot{background:#e0e0e0;border-radius:50%;width:8px;height:8px;transition:background .2s}.lp__dot--active{background:var(--color-primary)}.lp__dot--done{background:#00f07c}.lp__placeholder{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.lp__placeholder .material-symbols-outlined{color:#333;font-size:56px}.lp__placeholder p{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0;font-weight:500}.lp__stage--light .lp__placeholder .material-symbols-outlined{color:#d0d0d0}.lp__stage--light .lp__placeholder p{color:#999}.lp__bottom-bar{-webkit-backdrop-filter:blur(16px);z-index:10;background:#fffffff2;border:1px solid #e0e0e0;border-radius:999px;align-items:center;gap:16px;padding:6px 8px 6px 12px;animation:.3s lp-barIn;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000001f}@keyframes lp-barIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lp__bottom-bar--fixed{position:fixed}.lp__bar-back{color:#ea4335;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:flex}.lp__bar-back:hover{color:#d32f2f;background:#ea433514}.lp__bar-back .material-symbols-outlined{font-size:20px}.lp__bar-info{align-items:center;gap:8px;display:flex}.lp__bar-topic{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);white-space:nowrap;font-weight:600}.lp__bar-title{font-family:var(--font-sans);font-size:var(--text-xs);color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:500;overflow:hidden}.lp__bar-tabs{background:#f0f0f0;border-radius:999px;gap:2px;padding:3px;display:flex}.lp__bar-tab{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-weight:500;transition:color .15s,background .15s;display:flex}.lp__bar-tab .material-symbols-outlined{font-size:16px}.lp__bar-tab:hover{color:#555}.lp__bar-tab--active{color:#111;background:#fff;box-shadow:0 1px 3px #00000014}.lp__bar-complete{font-family:var(--font-sans);font-size:var(--text-xs);color:#000;cursor:pointer;white-space:nowrap;background:#00f07c;border:none;border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.lp__bar-complete .material-symbols-outlined{font-size:16px}.lp__bar-complete:hover{background:#00d46c}.lp__bar-complete:active{transform:scale(.97)}.lp__bar-hint{font-family:var(--font-sans);font-size:var(--text-xs);color:#ccc;white-space:nowrap;padding-right:8px;font-weight:500}.lp__empty{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.lp__empty-icon{color:#d0d0d0;font-size:48px}.lp__empty-title{font-family:var(--font-sans);font-size:var(--text-base);color:#888;margin:0;font-weight:500}.lp__empty-sub{font-family:var(--font-sans);font-size:var(--text-sm);color:#aaa;margin:0}.lp__empty-link{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid #e0e0e0;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.lp__empty-link .material-symbols-outlined{font-size:16px}.lp__empty-link:hover{background:#f5f5f5}.lp__done{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);flex-direction:column;flex:1;display:flex}.lp__done-icon{width:88px;height:88px;margin-bottom:var(--space-4);background:#00f07c1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.lp__done-icon .material-symbols-outlined{color:#00f07c;font-size:44px}.lp__done-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#00f07c;text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.lp__done-title{font-family:var(--font-display);font-size:var(--text-3xl);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.2}.lp__done-text{font-family:var(--font-sans);font-size:var(--text-base);color:#888;margin:0 0 var(--space-6);text-align:center;max-width:400px;line-height:1.6}.lp__done-btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:#000;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);cursor:pointer;background:#00f07c;border:none;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.lp__done-btn .material-symbols-outlined{font-size:18px}.lp__done-btn:hover{background:#00d46c}.lp__done-btn:active{transform:scale(.97)}.lp__done-dash{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;padding:var(--space-2);margin-top:var(--space-1);background:0 0;border:none;align-items:center;gap:4px;font-weight:500;transition:color .15s;display:inline-flex}.lp__done-dash .material-symbols-outlined{font-size:16px}.lp__done-dash:hover{color:#555}.lp__done-score{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0;font-weight:700}.lp__cleared{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);flex-direction:column;flex:1;display:flex}.lp__cleared-icon{width:88px;height:88px;margin-bottom:var(--space-4);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;display:flex}.lp__cleared-icon .material-symbols-outlined{color:#10b981;font-size:44px}.lp__cleared-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:600}.lp__cleared-title{font-family:var(--font-display);font-size:var(--text-3xl);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.2}.lp__cleared-text{font-family:var(--font-sans);font-size:var(--text-base);color:#888;margin:0 0 var(--space-6);text-align:center;max-width:400px;line-height:1.6}.lp__cleared-review{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;padding:var(--space-2);margin-top:var(--space-1);background:0 0;border:none;align-items:center;gap:4px;font-weight:500;transition:color .15s;display:inline-flex}.lp__cleared-review .material-symbols-outlined{font-size:16px}.lp__cleared-review:hover{color:#555}.lp__coming-soon{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);flex-direction:column;flex:1;display:flex}.lp__coming-soon>.material-symbols-outlined{color:#d0d0d0;font-size:56px}.lp__coming-soon-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#555;margin:0;font-weight:600}.lp__coming-soon-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;margin:0 0 var(--space-4);text-align:center;max-width:360px;line-height:1.6}.lp__phase-body{min-height:0;padding:var(--space-8) var(--space-6);flex:1;justify-content:center;display:flex;overflow-y:auto}.lp__phase-body .qb{width:100%;max-width:640px}.lp__phase-body .lsn{width:100%}:is(.lp__phase-body:has(.em__wrapper),.lp__phase-body:has(.br__wrapper)){padding:var(--space-8) var(--space-6)}.lp__float-exit{z-index:10;color:#ea4335;cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:color .15s,background .15s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #0000001f}.lp__float-exit:hover{color:#d32f2f;background:#ea433514}.lp__float-exit .material-symbols-outlined{font-size:22px}.lp__exit-overlay{-webkit-backdrop-filter:blur(20px);z-index:500;background:#0006;justify-content:center;align-items:center;animation:.15s lp-fade-in;display:flex;position:fixed;inset:0}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-scale-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.lp__exit-modal{padding:var(--space-8);text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:340px;animation:.25s cubic-bezier(.16,1,.3,1) lp-scale-in;display:flex;box-shadow:0 8px 40px #0000001f}.lp__exit-icon{width:56px;height:56px;margin-bottom:var(--space-4);background:#ea43351a;border-radius:50%;justify-content:center;align-items:center;display:flex}.lp__exit-icon .material-symbols-outlined{color:#ea4335;font-size:28px}.lp__exit-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0 0 var(--space-2);font-weight:600}.lp__exit-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#888;margin:0 0 var(--space-6);line-height:1.5}.lp__exit-actions{gap:var(--space-3);width:100%;display:flex}.lp__exit-btn{font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);cursor:pointer;border:none;border-radius:999px;flex:1;font-weight:600;transition:background .15s,transform .1s}.lp__exit-btn:active{transform:scale(.97)}.lp__exit-btn--leave{color:#fff;background:#ea4335}.lp__exit-btn--leave:hover{background:#d32f2f}.lp__exit-btn--stay{color:#111;background:#f0f0f0}.lp__exit-btn--stay:hover{background:#e0e0e0}@media (width<=768px){.lp__bottom-bar{border-radius:16px;gap:10px;padding:8px 12px;bottom:12px;left:12px;right:12px;transform:none}.lp__nav-title{max-width:140px}.lp__read{padding:var(--space-4);gap:var(--space-4);padding-bottom:100px}.lp__card{padding:var(--space-5)}.lp__done,.lp__cleared{padding:var(--space-6)}.lp__phase-body{padding:var(--space-4)}}.docs{background:var(--cliq-gray-900);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.docs__sidebar{background:var(--cliq-gray-800);border-right:1px solid var(--cliq-gray-700);height:100vh;padding:var(--space-6) 0;position:sticky;top:0;overflow-y:auto}.docs__sidebar-title{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-white);padding:0 var(--space-5);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.docs__nav{flex-direction:column;display:flex}.docs__nav-group{margin-bottom:var(--space-4)}.docs__nav-group-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) var(--space-5);font-weight:700}.docs__nav a{align-items:baseline;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-gray-300);padding:var(--space-2) var(--space-5);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-left:3px solid #0000;text-decoration:none;display:flex}.docs__nav a:hover{background:var(--cliq-gray-700);color:var(--cliq-white);text-decoration:none}.docs__nav a.docs__nav-link--active{border-left-color:var(--color-primary);color:var(--cliq-white);background:var(--cliq-gray-700)}.docs__nav-easy{font-size:var(--text-xs);color:var(--cliq-gray-500)}.docs__nav a:hover .docs__nav-easy,.docs__nav a.docs__nav-link--active .docs__nav-easy{color:var(--cliq-gray-400)}.docs__content{padding:var(--space-10) var(--space-10);width:100%;max-width:960px}.docs__page-title{font-size:var(--text-4xl);color:var(--cliq-white);margin:0 0 var(--space-3);line-height:1.1}.docs__page-title em{color:var(--color-primary);font-style:italic}.docs__page-intro{font-family:var(--font-sans);font-size:var(--text-base);color:var(--cliq-gray-300);max-width:640px;margin-bottom:var(--space-12);line-height:1.7}.docs__section{margin-bottom:var(--space-16);scroll-margin-top:var(--space-8)}.docs__section-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-weight:600}.docs__section-title{font-size:var(--text-2xl);color:var(--cliq-white);margin:0 0 var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--cliq-gray-700);font-weight:600}.docs__section-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-gray-300);margin:var(--space-4) 0 var(--space-8);max-width:600px;line-height:1.7}.docs__subsection-title{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--cliq-white);margin:var(--space-8) 0 var(--space-3);font-weight:600}.docs__subsection-title:first-child{margin-top:0}.docs__text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-gray-300);margin-bottom:var(--space-4);line-height:1.7}.docs__code-block{background:var(--cliq-gray-800);border:1px solid var(--cliq-gray-700);color:var(--cliq-gray-100);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-5);border-radius:var(--radius-xl);margin:var(--space-3) 0 var(--space-6);white-space:pre;line-height:1.8;overflow-x:auto}.docs__code-block code{font-family:inherit;font-size:inherit}.docs__inline-code{background:var(--cliq-gray-800);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm)}.docs__props-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin:var(--space-4) 0 var(--space-6);background:var(--cliq-gray-800);border-radius:var(--radius-xl);border:1px solid var(--cliq-gray-700);overflow:hidden}.docs__props-table th{text-align:left;color:var(--cliq-white);padding:var(--space-3) var(--space-5);border-bottom:2px solid var(--cliq-gray-700);background:var(--cliq-gray-800);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px}.docs__props-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--cliq-gray-700);color:var(--cliq-gray-300);font-size:var(--text-sm);line-height:1.5}.docs__props-table tr:last-child td{border-bottom:none}.docs__props-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-weight:500}.docs__props-table td:nth-child(2){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cliq-gray-400)}.docs__callout{background:var(--cliq-gray-800);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-4) 0 var(--space-6);font-size:var(--text-sm);color:var(--cliq-gray-300);line-height:1.6}.docs__callout a{color:var(--color-primary);font-weight:500;text-decoration:none}.docs__callout a:hover{text-decoration:underline}.docs__type-grid{gap:var(--space-4);margin:var(--space-4) 0 var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.docs__type-card{background:var(--cliq-gray-800);border:1px solid var(--cliq-gray-700);border-radius:var(--radius-xl);padding:var(--space-5);transition:transform var(--transition-fast), border-color var(--transition-base)}.docs__type-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.docs__type-card-icon{color:var(--color-secondary-hover);margin-bottom:var(--space-2);font-size:24px}.docs__type-card-name{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-white);margin:0 0 var(--space-1);font-weight:600}.docs__type-card-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--cliq-gray-400);margin:0;line-height:1.5}.docs__component-grid{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.docs__component-chip{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--cliq-gray-800);border:1px solid var(--cliq-gray-700);border-radius:var(--radius-md);color:var(--cliq-gray-300)}.docs__category-label{font-size:var(--text-xs);color:var(--cliq-gray-400);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-6);margin-bottom:var(--space-2);font-weight:600}.docs__category-label:first-of-type{margin-top:0}.docs__endnote{border-top:1px solid var(--cliq-gray-700);padding-top:var(--space-10);margin-top:var(--space-10)}.docs__endnote-title{font-size:var(--text-xl);color:var(--cliq-white);margin:0 0 var(--space-4)}.docs__endnote-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cliq-gray-300);line-height:1.7}.docs__endnote-link{color:var(--color-primary);font-weight:500;text-decoration:none}.docs__endnote-link:hover{text-decoration:underline}@media (width<=900px){.docs{grid-template-columns:1fr}.docs__sidebar{border-right:none;border-bottom:1px solid var(--cliq-gray-700);height:auto;padding:var(--space-5) 0;position:static}.docs__nav{padding:0 var(--space-4);gap:var(--space-1);flex-flow:wrap}.docs__nav-group{margin-bottom:0}.docs__nav-group-label{display:none}.docs__nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);border-left:none}.docs__nav a.docs__nav-link--active{background:var(--cliq-gray-700);border-left:none}.docs__content{padding:var(--space-8) var(--space-4)}.docs__type-grid{grid-template-columns:1fr}.docs__component-grid{grid-template-columns:repeat(2,1fr)}}.nt{height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;overflow:hidden}.nt h2,.nt h3,.nt h4,.nt strong,.nt b{font-family:var(--font-sans)}.nt__scroll{flex:1;overflow-y:auto}.nt__header{width:100%;max-width:800px;margin:0 auto;padding:20px 24px 16px}.nt__title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1}.nt__selectors{gap:12px;display:flex}.nt__field{flex-direction:column;flex:1;gap:4px;display:flex}.nt__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.02em;font-weight:600}.nt__select{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e0e0e0;border-radius:8px;padding:10px 32px 10px 12px;font-weight:500;transition:border-color .15s}.nt__select:focus{border-color:#3b82f6;outline:none}.nt__select:disabled{opacity:.4;cursor:default}.nt__toolbar{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;width:100%;max-width:800px;margin:0 auto;padding:10px 24px;display:flex}.nt__toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nt__tabs{background:#f5f5f5;border-radius:8px;gap:2px;padding:3px;display:flex}.nt__tab{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:color .15s,background .15s;display:flex}.nt__tab .material-symbols-outlined{font-size:16px}.nt__tab:hover{color:#555}.nt__tab--active{color:#111;background:#fff;box-shadow:0 1px 3px #0000000f}.nt__preview-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:#fff;cursor:pointer;background:#9ca3af;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:opacity .15s;display:inline-flex}.nt__preview-btn .material-symbols-outlined{font-size:14px}.nt__preview-btn:hover{opacity:.85}.nt__preview-btn--active{background:#6b7280}.nt__save-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:opacity .15s;display:inline-flex}.nt__save-btn .material-symbols-outlined{font-size:14px}.nt__save-btn:hover:not(:disabled){opacity:.85}.nt__save-btn:disabled{opacity:.5;cursor:default}.nt__save-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.nt__body{width:100%;max-width:800px;margin:0 auto;padding:20px 24px 48px}.nt__content{flex-direction:column;gap:16px;display:flex}.nt__section-label{font-family:var(--font-sans);font-size:var(--text-xs);color:#3b82f6;text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:600}.nt__video-area{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.nt__video-upload{cursor:pointer;background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;transition:border-color .15s;display:flex}.nt__video-upload:hover{border-color:#3b82f6}.nt__video-upload .material-symbols-outlined{color:#ccc;font-size:36px}.nt__video-upload p{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;margin:0}.nt__video-preview{background:#000;border-radius:12px;width:100%;max-height:320px}.nt__video-change{font-family:var(--font-sans);font-size:var(--text-xs);color:#3b82f6;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:500}.nt__video-change:hover{text-decoration:underline}.nt__activity-preview{width:90%;margin:0 auto}.nt__activity-preview .lesson,.nt__activity-preview .quiz{max-width:100%}.nt__card-list{flex-direction:column;gap:10px;display:flex}.nt__card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px}.nt__card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.nt__card-num{width:24px;height:24px;font-family:var(--font-sans);color:#999;background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.nt__card-title{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;margin:0;font-weight:600}.nt__card-body{font-family:var(--font-sans);font-size:var(--text-sm);color:#555;margin:0;line-height:1.6}.nt__badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.nt__badge--multiple-choice,.nt__badge--mc{color:#3b82f6;background:#eff6ff}.nt__badge--true-false,.nt__badge--tf{color:#8b5cf6;background:#f5f3ff}.nt__instruction{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;margin:0 0 4px;font-style:italic}.nt__question{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;margin:0 0 10px;font-weight:600}.nt__explanation{font-family:var(--font-sans);font-size:var(--text-xs);color:#888;border-top:1px solid #f5f5f5;margin:10px 0 0;padding-top:10px;line-height:1.5}.nt__options{flex-direction:column;gap:6px;display:flex}.nt__option{font-family:var(--font-sans);font-size:var(--text-sm);color:#444;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.nt__option--correct{color:#111;background:#ecfdf5;border-color:#10b981}.nt__option-letter{width:22px;height:22px;font-family:var(--font-sans);color:#999;background:#e8e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.nt__option--correct .nt__option-letter{color:#fff;background:#10b981}.nt__tf-answer{font-family:var(--font-sans);font-size:var(--text-sm);color:#555;margin:0}.nt__tf-answer strong{color:#10b981;font-family:var(--font-sans)}.nt__empty-state{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:800px;margin:0 auto;padding:60px 24px;display:flex}.nt__empty-state .material-symbols-outlined{color:#e0e0e0;font-size:40px}.nt__empty-state p{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;margin:0}.nt__empty{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;text-align:center;margin:0;padding:24px}.nt__footer{border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex}.nt__footer-text{font-family:var(--font-sans);font-size:var(--text-xs);color:#999}.nt__footer-dot{font-size:var(--text-xs);color:#999}.nt__toast{font-family:var(--font-sans);font-size:var(--text-sm);z-index:100;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;animation:.2s nt-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.nt__toast .material-symbols-outlined{font-size:18px}.nt__toast--success{color:#fff;background:#10b981}.nt__toast--error{color:#fff;background:#ef4444}@keyframes nt-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.nt__header{padding:16px 16px 12px}.nt__selectors{flex-direction:column}.nt__toolbar{flex-wrap:wrap;gap:8px;padding:8px 16px}.nt__body{padding:16px 16px 32px}}.pricing{color:#000;min-height:100vh;font-family:var(--font-sans);background:#00f07c;border-radius:0 0 24px 24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.pricing__bg-star{font-family:var(--font-sans);color:#000;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.pricing__hero{z-index:1;padding:60px 60px 40px;position:relative}.pricing__hero-title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(5rem,11vw,11rem);font-weight:400;line-height:.92}.pricing__hero-sub{font-family:var(--font-sans);color:#0a3d1f;max-width:400px;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.5}.pricing__cards{z-index:1;grid-template-columns:1fr 1fr;gap:16px;padding:0 60px 60px;display:grid;position:relative}.pricing__card{-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:none;border-radius:20px;flex-direction:column;padding:40px;display:flex;box-shadow:0 4px 20px #00000014}.pricing__card-amount{font-family:var(--font-display);color:#000;letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:400;line-height:1}.pricing__card-name{font-family:var(--font-sans);font-size:var(--text-lg);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;font-weight:600}.pricing__card-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;flex:1;margin:0 0 28px;line-height:1.6}.pricing__card-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#000;background:#fff;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:12px 24px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.pricing__card-btn .material-symbols-outlined{font-size:18px}.pricing__card-btn:hover{background:#e0e0e0;text-decoration:none}@media (width<=960px){.pricing__hero{padding:40px 48px 32px}.pricing__cards{padding:0 48px 48px}.pricing__hero-title{font-size:clamp(3.5rem,8vw,6rem)}}@media (width<=768px){.pricing__hero{padding:32px var(--space-5) 24px}.pricing__hero-title{font-size:clamp(3rem,14vw,5rem)}.pricing__cards{padding:0 var(--space-5) 40px;grid-template-columns:1fr}.pricing__card{padding:28px}}.teacher-login{color:#111;min-height:100vh;font-family:var(--font-sans);background:#fff;position:relative;overflow:hidden}.teacher-login__stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.teacher-login__star{font-family:var(--font-sans);color:#e0e0e0;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute}.teacher-login__split{z-index:1;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px);display:grid;position:relative}.teacher-login__brand{flex-direction:column;justify-content:center;padding:80px 60px;display:flex}.teacher-login__brand-heading{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(5rem,12vw,10rem);font-weight:400;line-height:.92}.teacher-login__brand-heading--red{color:#ef4444}.teacher-login__brand-sub{font-family:var(--font-sans);font-size:var(--text-lg);color:#000;max-width:380px;margin:0 0 48px;line-height:1.7}.teacher-login__brand-mascot{object-fit:contain;width:280px;height:280px}.teacher-login__form-side{justify-content:center;align-items:center;padding:80px 60px;display:flex}.teacher-login__form-inner{width:100%;max-width:380px}.teacher-login__title{font-family:var(--font-sans);font-size:var(--text-3xl);color:#111;margin:0 0 8px;font-weight:700}.teacher-login__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 32px}.teacher-login__google{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#000;cursor:pointer;background:#00f07c;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-weight:600;transition:background .2s;display:flex}.teacher-login__google:hover{background:#00d46c}.teacher-login__divider{align-items:center;gap:16px;width:100%;margin:24px 0;display:flex}.teacher-login__divider:before,.teacher-login__divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.teacher-login__divider span{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;white-space:nowrap}.teacher-login__custom-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-weight:600;transition:background .2s;display:flex}.teacher-login__custom-btn:hover{background:var(--color-primary-hover)}.teacher-login__custom-btn .material-symbols-outlined{font-size:20px}.teacher-login__create-link{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:16px;display:block}.teacher-login__create-link:hover{text-decoration:underline}.teacher-login__overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.teacher-login__modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 8px 40px #0000001f}.teacher-login__modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;top:16px;right:16px}.teacher-login__modal-close:hover{color:#111;background:#f0f0f0}.teacher-login__modal-title{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;margin:0 0 4px;font-weight:700}.teacher-login__modal-subtitle{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 28px}.teacher-login__form{flex-direction:column;gap:16px;width:100%;display:flex}.teacher-login__field{flex-direction:column;gap:6px;display:flex}.teacher-login__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#555;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.teacher-login__input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#111;background:#fff;border:1px solid #d4d4d4;border-radius:12px;outline:none;padding:12px 16px;transition:border-color .2s}.teacher-login__input::placeholder{color:#999}.teacher-login__input:focus{border-color:var(--color-primary)}.teacher-login__generated-row{background:#f5f5f5;border:1px solid #d4d4d4;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.teacher-login__generated-name{font-family:var(--font-mono);font-size:var(--text-sm);color:#111;letter-spacing:.02em;flex:1;font-weight:600}.teacher-login__regenerate{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.teacher-login__regenerate:hover{color:var(--color-primary-hover)}.teacher-login__regenerate .material-symbols-outlined{font-size:20px}.teacher-login__error{font-family:var(--font-sans);font-size:var(--text-xs);color:#ef4444;margin:0}.teacher-login__note{background:#fefce8;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;display:flex}.teacher-login__note .material-symbols-outlined{color:#ca8a04;flex-shrink:0;margin-top:1px;font-size:20px}.teacher-login__note p{font-family:var(--font-sans);font-size:var(--text-xs);color:#713f12;margin:0;line-height:1.5}.teacher-login__submit{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px 24px;font-weight:600;transition:background .2s}.teacher-login__submit:hover{background:var(--color-primary-hover)}.teacher-login__conflict{text-align:center}.teacher-login__conflict-icon{color:#f59e0b;margin-bottom:16px;font-size:48px}.teacher-login__conflict .teacher-login__modal-title{text-align:center}.teacher-login__conflict .teacher-login__modal-subtitle{text-align:center;margin-bottom:24px}.teacher-login__conflict-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-weight:600;transition:background .2s}.teacher-login__conflict-btn:hover{background:var(--color-primary-hover)}@media (width<=960px){.teacher-login__split{grid-template-columns:1fr}.teacher-login__brand{padding:60px 48px 40px}.teacher-login__brand-heading{font-size:clamp(3rem,8vw,5rem)}.teacher-login__brand-mascot{display:none}.teacher-login__form-side{padding:40px 48px 60px}}@media (width<=768px){.teacher-login__brand{padding:40px var(--space-5) 24px}.teacher-login__brand-heading{font-size:clamp(2.5rem,14vw,4rem)}.teacher-login__form-side{padding:24px var(--space-5) 40px}.teacher-login__modal{border-radius:16px;padding:28px}}.teacher-dash{color:#111;height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.teacher-dash__main{z-index:1;flex:1;padding:20px 24px;position:relative;overflow-y:auto}.teacher-dash__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#ef4444;text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-weight:700}.teacher-dash__title{font-family:var(--font-display);color:#000;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1}.teacher-dash__tabs{border-bottom:2px solid #f0f0f0;gap:0;margin-top:24px;display:flex}.teacher-dash__tab{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-weight:600;transition:color .15s,border-color .15s}.teacher-dash__tab:hover{color:#666}.teacher-dash__tab--active{color:#111;border-bottom-color:#111}.teacher-dash__section{margin-top:32px}.teacher-dash__section-header{justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.teacher-dash__section-label{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.teacher-dash__add-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;background:#3b82f6;border:none;border-radius:999px;padding:8px 16px;font-weight:600;transition:opacity .15s}.teacher-dash__add-btn:hover{opacity:.85}.teacher-dash__add-btn:disabled{opacity:.4;cursor:default}.teacher-dash__empty-text{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;margin:0;padding:24px 0}.teacher-dash__table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.teacher-dash__table{border-collapse:collapse;width:100%;min-width:max-content}.teacher-dash__table th,.teacher-dash__table td{font-family:var(--font-sans);text-align:center;white-space:nowrap;border-right:1px solid #f0f0f0;padding:10px 16px}.teacher-dash__table th:last-child,.teacher-dash__table td:last-child{border-right:none}.teacher-dash__table th{font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e0e0e0;padding-bottom:12px;font-weight:700}.teacher-dash__table td{font-size:var(--text-sm);color:#111;border-bottom:1px solid #f0f0f0}.teacher-dash__table tr:last-child td{border-bottom:none}.teacher-dash__row-clickable{cursor:pointer;transition:background .15s}.teacher-dash__row-clickable:hover td{background:#fafafa}.teacher-dash__th-sticky,.teacher-dash__td-sticky{z-index:2;text-align:left;background:#fff;position:sticky;left:0}.teacher-dash__th-sticky--2,.teacher-dash__td-sticky--2{left:165px}.teacher-dash__th-sticky--3,.teacher-dash__td-sticky--3{left:326px}.teacher-dash__th-subject{text-align:center;min-width:90px}.teacher-dash__td-progress{color:#666;font-variant-numeric:tabular-nums;text-align:center}.teacher-dash__td-bar{position:relative;overflow:hidden;padding:0!important}.teacher-dash__progress-bar{opacity:.75;background:#10b981;width:0;transition:width .3s;position:absolute;inset:0}.teacher-dash__td-na{color:#d4d4d4;text-align:center}.teacher-dash__td-locked{color:#d4d4d4;text-align:center;vertical-align:middle}.teacher-dash__unlock-btn{cursor:pointer;color:#ef4444;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:inline-flex}.teacher-dash__unlock-btn .material-symbols-outlined{font-size:20px}.teacher-dash__unlock-btn:hover{opacity:1}.teacher-dash__unlock-btn--selected{color:#3b82f6;opacity:1}.teacher-dash__pending{font-family:var(--font-sans);color:#bbb;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600;display:inline-block}.teacher-dash__row-add td{background:0 0}.teacher-dash__input{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;background:0 0;border:none;outline:none;width:100%;padding:0}.teacher-dash__input::placeholder{color:#bbb}.teacher-dash__select{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;cursor:pointer;background:0 0;border:none;outline:none;padding:0}.teacher-dash__td-actions{white-space:nowrap}.teacher-dash__action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:inline-flex}.teacher-dash__action-btn .material-symbols-outlined{font-size:16px}.teacher-dash__action-btn--save{color:#fff;background:#3b82f6;margin-right:6px}.teacher-dash__action-btn--save:hover{opacity:.85}.teacher-dash__action-btn--save:disabled{opacity:.3;cursor:default}.teacher-dash__action-btn--cancel{color:#fff;background:#ef4444}.teacher-dash__action-btn--cancel:hover{opacity:.85}.teacher-dash__footer{z-index:1;border-top:1px solid #f0f0f0;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:relative}.teacher-dash__footer-text{font-family:var(--font-sans);font-size:var(--text-xs);color:#999}.teacher-dash__footer-dot{font-size:var(--text-xs);color:#999}.teacher-dash__td-delete{text-align:center}.teacher-dash__delete-btn{cursor:pointer;color:#d4d4d4;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.teacher-dash__delete-btn .material-symbols-outlined{font-size:16px}.teacher-dash__delete-btn:hover{color:#ef4444}.teacher-dash__input-locked{font-family:var(--font-sans);font-size:var(--text-sm);color:#999}.teacher-dash__found-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teacher-dash__found-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:340px;padding:40px 32px 32px;box-shadow:0 24px 48px #00000026}.teacher-dash__found-modal h3,.teacher-dash__found-modal strong{font-family:var(--font-sans)}.teacher-dash__found-icon-wrap{width:64px;height:64px;display:inline-block;position:relative}.teacher-dash__found-icon{color:#d4a017;z-index:1;font-size:56px;position:relative}.teacher-dash__spark{color:#d4a017;opacity:0;font-weight:700;animation:1.4s ease-out infinite spark-pop;position:absolute}.teacher-dash__spark--1{font-size:18px;animation-delay:0s;top:-10px;right:-10px}.teacher-dash__spark--2{font-size:10px;animation-delay:.3s;top:6px;left:-14px}.teacher-dash__spark--3{font-size:14px;animation-delay:.6s;bottom:0;right:-12px}.teacher-dash__spark--4{font-size:8px;animation-delay:.9s;bottom:-6px;left:-4px}.teacher-dash__spark--5{font-size:11px;animation-delay:.2s;top:-14px;left:10px}.teacher-dash__spark--6{font-size:7px;animation-delay:.7s;bottom:-10px;right:8px}@keyframes spark-pop{0%{opacity:0;transform:scale(0)translateY(0)}20%{opacity:1;transform:scale(1.2)translateY(-4px)}50%{opacity:1;transform:scale(1)translateY(-8px)}to{opacity:0;transform:scale(.6)translateY(-14px)}}.teacher-dash__found-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:12px 0 4px;font-weight:700}.teacher-dash__found-name{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0}.teacher-dash__found-grade{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.04em;margin:4px 0 0}.teacher-dash__found-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;margin-top:24px;padding:12px 20px;font-weight:600;transition:opacity .15s;display:block}.teacher-dash__found-btn:hover{opacity:.85}.teacher-dash__found-btn:disabled{opacity:.5;cursor:default}.teacher-dash__found-cancel{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;background:#f5f5f5;border:none;border-radius:999px;margin-top:10px;padding:10px;font-weight:500;transition:opacity .15s;display:block}.teacher-dash__found-cancel:hover{opacity:.85;color:#666}.teacher-dash__unlock-bar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#fffffff2;border:1px solid #e0e0e0;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000001f}.teacher-dash__unlock-bar-count{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;font-weight:600}.teacher-dash__unlock-bar-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:opacity .15s;display:inline-flex}.teacher-dash__unlock-bar-btn .material-symbols-outlined{font-size:16px}.teacher-dash__unlock-bar-btn:hover{opacity:.85}.teacher-dash__unlock-bar-btn:disabled{opacity:.5;cursor:default}.teacher-dash__unlock-bar-cancel{color:#999;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:inline-flex}.teacher-dash__unlock-bar-cancel .material-symbols-outlined{font-size:18px}.teacher-dash__unlock-bar-cancel:hover{color:#ef4444;background:#fee2e2}.teacher-dash__modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teacher-dash__modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:340px;padding:40px 32px 32px;box-shadow:0 24px 48px #00000026}.teacher-dash__modal h3,.teacher-dash__modal strong{font-family:var(--font-sans)}.teacher-dash__modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:28px;display:inline-flex}.teacher-dash__modal-icon--warn{color:#d97706;background:#fef3c7}.teacher-dash__modal-icon--remove{color:#ef4444;background:#fee2e2}.teacher-dash__modal-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0 0 8px;font-weight:700}.teacher-dash__modal-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 24px;line-height:1.5}.teacher-dash__modal-actions{gap:10px;display:flex}.teacher-dash__modal-btn{font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 16px;font-weight:600;transition:opacity .15s}.teacher-dash__modal-btn:hover{opacity:.85}.teacher-dash__modal-btn--secondary{color:#666;background:#f5f5f5}.teacher-dash__modal-btn--danger{color:#fff;background:#ef4444}.teacher-dash__checkout{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:460px;padding:36px 32px 32px;position:relative;box-shadow:0 24px 48px #00000026}.teacher-dash__checkout h3,.teacher-dash__checkout strong{font-family:var(--font-sans)}.teacher-dash__checkout-close{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.teacher-dash__checkout-close:hover{color:#111}.teacher-dash__checkout-icon{color:#3b82f6;margin-bottom:8px;font-size:32px}.teacher-dash__checkout-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0 0 20px;font-weight:700}.teacher-dash__checkout-balance{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;background:#f9fafb;border-radius:8px;margin:0 0 16px;padding:10px 14px;line-height:1.5}.teacher-dash__checkout-balance strong{color:#111}.teacher-dash__checkout-buy{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#d4a017;cursor:pointer;background:#fefce8;border:none;border-radius:999px;margin-top:8px;padding:10px;font-weight:600;transition:opacity .15s;display:block}.teacher-dash__checkout-buy:hover{opacity:.85}.teacher-dash__checkout-list{text-align:left;max-height:240px;margin:0 0 16px;overflow-y:auto}.teacher-dash__checkout-group{margin-bottom:12px}.teacher-dash__checkout-group:last-child{margin-bottom:0}.teacher-dash__checkout-group-name{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-weight:700}.teacher-dash__checkout-group-list{margin:0;padding:0;list-style:none}.teacher-dash__checkout-group-item{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.teacher-dash__checkout-group-item:last-child{border-bottom:none}.teacher-dash__checkout-group-key{font-size:var(--text-xs);color:#999}.teacher-dash__checkout-total{font-family:var(--font-sans);font-size:var(--text-base);color:#111;border-top:2px solid #111;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;font-weight:700;display:flex}.teacher-dash__checkout-error{font-family:var(--font-sans);font-size:var(--text-xs);color:#ef4444;margin:0 0 12px}.teacher-dash__checkout-btn{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;padding:12px 20px;font-weight:600;transition:opacity .15s;display:block}.teacher-dash__checkout-btn:hover{opacity:.85}.teacher-dash__checkout-btn:disabled{opacity:.5;cursor:default}.teacher-dash__checkout-cancel{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;background:#f5f5f5;border:none;border-radius:999px;margin-top:10px;padding:10px;font-weight:500;display:block}.teacher-dash__checkout-cancel:hover{color:#666}.teacher-dash__row-clear td{text-align:center;vertical-align:middle;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:4px 10px}.teacher-dash__row-clear .teacher-dash__td-sticky{background:#f8fafc}.teacher-dash__td-clear{cursor:pointer;transition:background .15s}.teacher-dash__td-clear:hover{background:#eef2f7}.teacher-dash__clear-pill{font-family:var(--font-sans);color:#3b82f6;cursor:pointer;white-space:nowrap;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.teacher-dash__clear-pill .material-symbols-outlined{font-size:14px}.teacher-dash__clear-pill--active{color:#10b981}.teacher-dash__clear-modal{text-align:center;background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:460px;max-height:80vh;padding:36px 32px 32px;display:flex;position:relative;box-shadow:0 24px 48px #00000026}.teacher-dash__clear-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;line-height:1;transition:color .15s;position:absolute;top:16px;right:16px}.teacher-dash__clear-close:hover{color:#111}.teacher-dash__clear-icon{color:#10b981;margin-bottom:8px;font-size:32px}.teacher-dash__clear-title{font-family:var(--font-sans);font-size:var(--text-lg);color:#111;margin:0 0 4px;font-weight:700}.teacher-dash__clear-subject{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 4px}.teacher-dash__clear-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;margin:0 0 20px;line-height:1.5}.teacher-dash__clear-list{text-align:left;flex:1;margin:0 -32px;padding:0 32px;overflow-y:auto}.teacher-dash__clear-level{border-bottom:1px solid #f0f0f0}.teacher-dash__clear-level:last-child{border-bottom:none}.teacher-dash__clear-done{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;flex-shrink:0;margin-top:20px;padding:12px 20px;font-weight:600;transition:opacity .15s;display:block}.teacher-dash__clear-done:hover{opacity:.85}.teacher-dash__curriculum{flex-direction:column;gap:0;display:flex}.teacher-dash__accordion{border-bottom:1px solid #f0f0f0}.teacher-dash__accordion:last-child{border-bottom:none}.teacher-dash__accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 4px;transition:background .15s;display:flex}.teacher-dash__accordion-header:hover{background:#fafafa}.teacher-dash__accordion-icon{color:#3b82f6;flex-shrink:0;font-size:22px}.teacher-dash__accordion-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.teacher-dash__accordion-name{font-family:var(--font-sans);font-size:var(--text-base);color:#111;font-weight:600}.teacher-dash__accordion-area{font-family:var(--font-sans);font-size:var(--text-xs);color:#999}.teacher-dash__accordion-count{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;flex-shrink:0;font-weight:600}.teacher-dash__accordion-chevron{color:#999;flex-shrink:0;font-size:20px;transition:transform .2s}.teacher-dash__accordion-chevron--open{transform:rotate(180deg)}.teacher-dash__accordion-body{padding:0 0 8px;overflow-x:auto}.teacher-dash__accordion-loading{justify-content:center;align-items:center;padding:24px 0;display:flex}.teacher-dash__accordion-spinner{border:2px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite accordion-spin;display:inline-block}@keyframes accordion-spin{to{transform:rotate(360deg)}}.teacher-dash__curri-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:6px;width:100%;overflow:hidden}.teacher-dash__curri-th{font-family:var(--font-sans);color:#6b7280;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;padding:8px 12px;font-size:11px;font-weight:700}.teacher-dash__curri-th:last-child{border-right:none}.teacher-dash__curri-th--name{width:100%}.teacher-dash__curri-row{transition:background .1s}.teacher-dash__curri-row:hover{background:#f9fafb}.teacher-dash__curri-td{font-family:var(--font-sans);font-size:var(--text-sm);color:#111;white-space:nowrap;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:6px 12px}.teacher-dash__curri-td:last-child{border-right:none}.teacher-dash__curri-row:last-child .teacher-dash__curri-td{border-bottom:none}.teacher-dash__curri-td--num{color:#b0b0b0;text-align:center;font-variant-numeric:tabular-nums;width:36px}.teacher-dash__curri-td--name{font-weight:500}.teacher-dash__curri-td--check{text-align:center;min-width:64px}.teacher-dash__curri-td--check .teacher-dash__curri-view+.teacher-dash__curri-preview{margin-left:6px}.teacher-dash__curri-view{font-family:var(--font-sans);font-size:var(--text-xs);color:#3b82f6;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;padding:0;font-weight:600;transition:opacity .15s}.teacher-dash__curri-view:hover{opacity:.7}.teacher-dash__curri-preview{font-family:var(--font-sans);font-size:var(--text-xs);color:#f59e0b;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;padding:0;font-weight:600;transition:opacity .15s}.teacher-dash__curri-preview:hover{opacity:.7}.teacher-dash__curri-empty{color:#e0e0e0}.teacher-dash__level-band{font-family:var(--font-sans);color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#3b82f6;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.teacher-dash__preview-overlay{z-index:9999;position:fixed;inset:0}.teacher-dash__preview{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.teacher-dash__preview .lp__phase-body,.teacher-dash__preview .lp__stage{flex:1;overflow-y:auto}@media (width<=768px){.teacher-dash__main{padding:16px}.teacher-dash__header{flex-direction:column;align-items:flex-start;gap:12px}.teacher-dash__accordion-body{padding:0 0 8px}.teacher-dash__checkout{border-radius:16px;max-width:100%;padding:24px 20px 20px}.teacher-dash__modal,.teacher-dash__found-modal,.teacher-dash__clear-modal{border-radius:16px;padding:28px 20px 24px}.teacher-dash__clear-list{margin:0 -20px;padding:0 20px}.teacher-dash__unlock-bar{padding:10px 16px;left:16px;right:16px}}@media (width<=480px){.teacher-dash__main{padding:12px}.teacher-dash__title{font-size:var(--text-xl)}.teacher-dash__checkout{padding:20px 16px 16px}.teacher-dash__checkout-list{max-height:180px}.teacher-dash__modal-actions{flex-direction:column}}.teacher-account{color:#111;height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;overflow:hidden}.teacher-account__main{flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px 24px;overflow-y:auto}.teacher-account__back{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:20px;padding:0;font-weight:500;transition:color .15s;display:inline-flex}.teacher-account__back .material-symbols-outlined{font-size:18px}.teacher-account__back:hover{color:#111}.teacher-account__label{font-family:var(--font-sans);font-size:var(--text-xs);color:#ef4444;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-weight:700}.teacher-account__title{font-family:var(--font-sans);color:#000;letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1}.teacher-account__section{border-top:1px solid #f0f0f0;margin-top:32px;padding-top:24px}.teacher-account__section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.teacher-account__section-title{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:700}.teacher-account__secure{font-family:var(--font-sans);font-size:var(--text-xs);color:#d4a017;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-weight:600;display:inline-flex}.teacher-account__secure .material-symbols-outlined{font-size:14px}.teacher-account__secure-stripe{color:#635bff}.teacher-account__section-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 16px;line-height:1.5}.teacher-account__field{border-bottom:1px solid #f5f5f5;align-items:center;padding:10px 0;display:flex}.teacher-account__field:last-child{border-bottom:none}.teacher-account__field-label{font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.04em;width:100px;font-weight:600}.teacher-account__field-value{font-size:var(--text-sm);color:#111}.teacher-account__credits-balance{background:#ecfdf5;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:16px 20px;display:flex}.teacher-account__credits-icon{color:#10b981;font-size:24px}.teacher-account__credits-count{font-family:var(--font-sans);font-size:var(--text-xl);color:#111;font-weight:700}.teacher-account__credits-label{font-family:var(--font-sans);font-size:var(--text-sm);color:#999}.teacher-account__credits-purchase{flex-direction:column;gap:10px;display:flex}.teacher-account__credits-input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:#111;-moz-appearance:textfield;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;transition:border-color .15s}.teacher-account__credits-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.teacher-account__credits-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.teacher-account__credits-input:focus{border-color:#10b981;outline:none}.teacher-account__credits-row{justify-content:space-between;align-items:center;display:flex}.teacher-account__credits-price{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;font-weight:600}.teacher-account__credits-buy-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:999px;padding:12px 20px;font-weight:600;transition:opacity .15s}.teacher-account__credits-buy-btn:hover{opacity:.85}.teacher-account__credits-buy-btn:disabled{opacity:.4;cursor:default}.teacher-account__card-status{background:#f9fafb;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}.teacher-account__card-icon{color:#10b981;font-size:20px}.teacher-account__card-text{font-size:var(--text-sm);color:#111;flex:1}.teacher-account__card-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:600}.teacher-account__card-btn:hover{text-decoration:underline}.teacher-account__card-btn--remove{color:#ef4444}.teacher-account__setup-btn{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:opacity .15s;display:inline-flex}.teacher-account__setup-btn .material-symbols-outlined{font-size:18px}.teacher-account__setup-btn:hover{opacity:.85}.teacher-account__setup-btn:disabled{opacity:.5;cursor:default}.teacher-account__footer{border-top:1px solid #f0f0f0;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.teacher-account__footer-text{font-family:var(--font-sans);font-size:var(--text-xs);color:#999}.teacher-account__footer-dot{font-size:var(--text-xs);color:#999}.teacher-account__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.teacher-account__modal{text-align:center;width:100%;max-width:360px;font-family:var(--font-sans);background:#fff;border-radius:20px;padding:32px 28px 24px;box-shadow:0 20px 60px #00000026}.teacher-account__modal h3,.teacher-account__modal strong{font-family:var(--font-sans)}.teacher-account__modal-icon{color:#10b981;margin-bottom:12px;font-size:40px}.teacher-account__modal-icon--red{color:#ef4444}.teacher-account__modal-title{font-family:var(--font-sans);font-size:var(--text-base);color:#111;margin:0 0 8px;font-weight:700}.teacher-account__modal-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#666;margin:0 0 20px;line-height:1.5}.teacher-account__modal-actions{flex-direction:column;gap:8px;display:flex}.teacher-account__modal-confirm{font-family:var(--font-sans);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;padding:12px 20px;font-weight:600;transition:opacity .15s}.teacher-account__modal-confirm--red{background:#ef4444}.teacher-account__modal-confirm:hover{opacity:.85}.teacher-account__modal-confirm:disabled{opacity:.5;cursor:default}.teacher-account__modal-cancel{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;background:0 0;border:none;padding:8px;font-weight:500}.teacher-account__modal-cancel:hover{color:#111}.teacher-account__modal-cancel:disabled{opacity:.5;cursor:default}@media (width<=768px){.teacher-account__main{padding:16px}.teacher-account__modal{border-radius:16px;max-width:100%;padding:24px 20px 20px}.teacher-account__card-status{flex-wrap:wrap;gap:8px}.teacher-account__section-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.teacher-account__main{padding:12px}.teacher-account__credits-purchase{gap:8px}.teacher-account__modal{padding:20px 16px 16px}}.teacher-student{color:#111;height:100vh;font-family:var(--font-sans);background:#fff;flex-direction:column;display:flex;overflow:hidden}.teacher-student__main{flex-direction:column;flex:1;display:flex;overflow:auto}.teacher-student__toolbar{border-bottom:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.teacher-student__back{font-family:var(--font-sans);font-size:var(--text-sm);color:#999;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-weight:500;transition:color .15s;display:inline-flex}.teacher-student__back .material-symbols-outlined{font-size:18px}.teacher-student__back:hover{color:#111}.teacher-student__header{flex-direction:column;gap:4px;display:flex}.teacher-student__student-name{font-family:var(--font-sans);font-size:var(--text-lg);color:#000;margin:0;font-weight:700}.teacher-student__student-meta{font-size:var(--text-sm);color:#666;align-items:center;gap:6px;display:flex}.teacher-student__dot{color:#ccc}.teacher-student__badge{font-size:var(--text-xs);color:#10b981;background:#ecfdf5;border-radius:999px;margin-left:4px;padding:2px 8px;font-weight:600}.teacher-student__badge--pending{color:#d97706;background:#fef3c7}.teacher-student__empty{flex:1;justify-content:center;align-items:center;display:flex}.teacher-student__empty p{font-size:var(--text-sm);color:#999;margin:0}.teacher-student__table-wrap{flex:1;overflow:auto}.teacher-student__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.teacher-student__th{font-family:var(--font-sans);font-size:var(--text-xs);color:#999;text-transform:uppercase;letter-spacing:.02em;text-align:left;white-space:nowrap;z-index:1;background:#fff;border-bottom:1px solid #e0e0e0;padding:10px 12px;font-weight:600;position:sticky;top:0}.teacher-student__th--subject{border-right:1px solid #e0e0e0;width:160px}.teacher-student__th--topic{border-right:1px solid #f0f0f0;width:auto}.teacher-student__th--phase{text-align:center;border-right:1px solid #f5f5f5;width:70px}.teacher-student__th--status{width:100px}.teacher-student__td{vertical-align:middle;color:#111;border-bottom:1px solid #f5f5f5;padding:8px 12px}.teacher-student__td--subject{color:#000;vertical-align:top;border-right:1px solid #e0e0e0;padding-top:10px;font-weight:700}.teacher-student__td--topic{color:#111;border-right:1px solid #f0f0f0}.teacher-student__td--check{text-align:center;border-right:1px solid #f5f5f5;width:70px}.teacher-student__td--status-cell{font-size:var(--text-xs);color:#ccc}.teacher-student__td--progress{color:#f59e0b}.teacher-student__td--complete{color:#10b981}.teacher-student__check{color:#10b981;font-size:16px}.teacher-student__dash{font-size:var(--text-sm);color:#e0e0e0}.teacher-student__tr--locked td{color:#ccc}.teacher-student__locked-label{font-size:var(--text-xs);color:#ef4444;opacity:.6;align-items:center;gap:4px;display:inline-flex}.teacher-student__locked-label .material-symbols-outlined{font-size:14px}.teacher-student__tr--first td{border-top:2px solid #e0e0e0}@media (width<=768px){.teacher-student__toolbar{gap:10px;padding:10px 12px}.teacher-student__th--subject{width:120px}.teacher-student__th--phase{width:50px}.teacher-student__td{padding:6px 8px}}@media (width<=480px){.teacher-student__th--status,.teacher-student__td--status-cell{display:none}}.api-preview{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.api-preview__stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.api-preview__star{font-family:var(--font-sans);color:#34d399;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;animation:6s step-end infinite star-flicker-a;position:absolute}.api-preview__star:nth-child(2n){animation:8s step-end .3s infinite star-flicker-b}.api-preview__star:nth-child(3n){animation:7s step-end 1.1s infinite star-flicker-c}.api-preview__star:nth-child(4n){animation:9s step-end 2.4s infinite star-flicker-d}.api-preview__star:nth-child(5n){animation:5s step-end .8s infinite star-flicker-e}.api-preview__star:nth-child(7n){animation:11s step-end 3.2s infinite star-flicker-f}.api-preview__star:nth-child(11n){animation:10s step-end 4.5s infinite star-flicker-a}.api-preview__star:nth-child(13n){animation:6.5s step-end 1.7s infinite star-flicker-c}@keyframes star-flicker-a{0%,to{visibility:visible}42%{visibility:hidden}47%{visibility:visible}78%{visibility:hidden}82%{visibility:visible}}@keyframes star-flicker-b{0%,to{visibility:visible}25%{visibility:hidden}28%{visibility:visible}63%{visibility:hidden}69%{visibility:visible}91%{visibility:hidden}94%{visibility:visible}}@keyframes star-flicker-c{0%,to{visibility:visible}35%{visibility:hidden}38%{visibility:visible}56%{visibility:hidden}60%{visibility:visible}85%{visibility:hidden}87%{visibility:visible}}@keyframes star-flicker-d{0%,to{visibility:visible}18%{visibility:hidden}22%{visibility:visible}71%{visibility:hidden}74%{visibility:visible}}@keyframes star-flicker-e{0%,to{visibility:visible}30%{visibility:hidden}34%{visibility:visible}48%{visibility:hidden}51%{visibility:visible}79%{visibility:hidden}83%{visibility:visible}}@keyframes star-flicker-f{0%,to{visibility:visible}15%{visibility:hidden}19%{visibility:visible}44%{visibility:hidden}46%{visibility:visible}88%{visibility:hidden}92%{visibility:visible}}.api-preview__composition{z-index:1;justify-content:center;align-items:center;gap:36px;width:92vw;max-width:1100px;display:flex}.api-preview__composition--layered{flex-direction:column;gap:0;position:relative}.api-preview__laptop--big{width:1000px}.api-preview__front-devices{z-index:10;align-items:flex-end;gap:28px;margin-top:-120px;display:flex;position:relative}.api-preview__front-devices .api-preview__tablet{width:380px}.api-preview__front-devices .api-preview__phone{width:140px}.api-preview__tablet{width:55%}.api-preview__tablet--big{width:700px}.api-preview__phone{width:22%}.api-preview__phone--large{width:320px}.api-preview__monitor{width:100%}.api-preview__peripherals{z-index:2;justify-content:center;align-items:flex-start;gap:40px;margin-top:-100px;display:flex;position:relative}.api-preview__keyboard{flex:none;width:750px}.api-preview__keyboard .kb__header,.api-preview__keyboard .kb__legend{display:none}.api-preview__keyboard .kb__board{background:#e0e0e0}.api-preview__mouse{flex-shrink:0;width:80px;margin-top:10px}.api-preview__mouse .device-frame--mouse{max-width:80px}.api-preview__mouse-drag{z-index:10;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute}.api-preview__mouse-drag .device-frame--mouse{width:120px;max-width:120px}.api-preview__trackpad{width:280px}.api-preview__speaker{width:240px}.api-preview__tower{width:180px}.api-preview__laptop{width:680px}.cros{width:100%;height:100%;font-family:var(--font-sans);position:relative;overflow:hidden}.cros__wallpaper{background:linear-gradient(135deg,#4568dc,#b06ab3);position:absolute;inset:0}.cros__panel{z-index:2;background:#2d2d2d;border-radius:12px;flex-direction:column;gap:8px;width:200px;padding:10px;display:flex;position:absolute;bottom:32px;right:6px;box-shadow:0 4px 20px #0006}.cros__panel-header{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1px;padding-bottom:6px;display:flex}.cros__panel-name{color:#e8eaed;font-size:11px;font-weight:600}.cros__panel-email{color:#9aa0a6;font-size:9px}.cros__panel-toggles{gap:6px;display:flex}.cros__toggle{background:#3c4043;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cros__toggle .material-symbols-outlined{color:#9aa0a6;font-size:16px}.cros__toggle--on{background:#8ab4f8}.cros__toggle--on .material-symbols-outlined{color:#202124}.cros__slider{align-items:center;gap:6px;display:flex}.cros__slider-icon{color:#9aa0a6;font-size:14px}.cros__slider-track{background:#3c4043;border-radius:2px;flex:1;height:4px;overflow:hidden}.cros__slider-fill{background:#8ab4f8;border-radius:2px;height:100%}.cros__panel-row{align-items:center;display:flex}.cros__panel-battery{color:#9aa0a6;align-items:center;gap:4px;font-size:10px;display:flex}.cros__panel-battery .material-symbols-outlined{font-size:14px}.cros__panel-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:4px;padding-top:6px;display:flex}.cros__panel-btn{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cros__panel-btn .material-symbols-outlined{color:#9aa0a6;font-size:16px}.cros__panel-btn--power{background:#ea4335}.cros__panel-btn--power .material-symbols-outlined{color:#fff}.cros__shelf{z-index:1;background:#0009;justify-content:space-between;align-items:center;height:30px;padding:0 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.cros__shelf-apps{gap:6px;display:flex}.cros__shelf-icon{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cros__shelf-icon .material-symbols-outlined{color:#fff;font-size:13px}.cros__shelf-tray{align-items:center;gap:5px;display:flex}.cros__shelf-tray-item{color:#fffc;font-size:13px}.cros__shelf-tray-time{color:#ffffffe6;font-size:10px;font-weight:500}.cros__shutdown{opacity:0;pointer-events:none;z-index:10;background:#000;transition:opacity .6s;position:absolute;inset:0}.cros__shutdown--fading{opacity:.7}.cros__shutdown--black{opacity:1;transition:opacity .4s}.cros__panel--hiding{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(8px)}.cros__shelf--hiding{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.cros__panel-btn--power{cursor:pointer;border:none;padding:0}.cros__shutdown-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cros__shutdown-icon{background:#ea4335;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;animation:1.2s infinite cros-shutdown-pulse;display:flex}.cros__shutdown-icon .material-symbols-outlined{color:#fff;font-size:26px}.cros__shutdown-text{font-family:var(--font-sans);color:#ffffffb3;font-size:11px;font-weight:500}@keyframes cros-shutdown-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ea433566}50%{transform:scale(1.05);box-shadow:0 0 20px 6px #ea43354d}}.cros__bsod{z-index:20;background:#0078d7;justify-content:center;align-items:center;padding:24px;animation:.3s bsod-glitch-in;display:flex;position:absolute;inset:0}.cros__bsod-content{max-width:340px;animation:4s step-end infinite bsod-text-flicker}.cros__bsod-sad{font-family:"Segoe UI", var(--font-sans);color:#fff;margin-bottom:10px;font-size:48px;font-weight:200;display:block}.cros__bsod-title{font-family:"Segoe UI", var(--font-sans);color:#fff;margin:0 0 12px;font-size:9px;font-weight:400;line-height:1.5}.cros__bsod-progress{margin-bottom:14px}.cros__bsod-percent{font-family:"Segoe UI", var(--font-sans);color:#fff;font-size:9px;animation:6s steps(10,end) infinite bsod-count}.cros__bsod-info{align-items:flex-start;gap:10px;display:flex}.cros__bsod-qr{background:linear-gradient(#fff 2px,#0000 2px) 0 0/8px 8px,linear-gradient(90deg,#fff 2px,#0000 2px) 0 0/8px 8px,linear-gradient(#fff 1px,#0000 1px) 0 0/4px 4px,#0078d7 linear-gradient(90deg,#fff 1px,#0000 1px) 0 0/4px 4px;border:2px solid #fff;border-radius:2px;flex-shrink:0;width:36px;height:36px}.cros__bsod-details{font-family:"Segoe UI", var(--font-sans);color:#fff;font-size:7px;line-height:1.6}.cros__bsod-details p{margin:0}.cros__bsod-code{font-weight:600;margin-top:4px!important}@keyframes bsod-glitch-in{0%{opacity:0;transform:translate(-4px)skew(-2deg)}20%{opacity:1;transform:translate(3px)skew(1deg)}40%{transform:translate(-2px)skew(-.5deg)}60%{transform:translate(1px)}to{transform:translate(0)}}@keyframes bsod-text-flicker{0%,to{opacity:1;transform:translate(0)}7%{opacity:.8;transform:translate(-1px)}8%{opacity:1;transform:translate(0)}42%{opacity:1}43%{opacity:.6;transform:translate(2px)skew(-1deg)}44%{opacity:1;transform:translate(0)skew(0)}78%{opacity:1}79%{opacity:.7;transform:translate(-2px)}80%{opacity:1;transform:translate(0)}}.cros__bsod:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);animation:.1s linear infinite bsod-scanlines;position:absolute;inset:0}@keyframes bsod-scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.api-preview__webcam{width:120px}.app-screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-screen--material{background:linear-gradient(170deg,#e1f0ff 0%,#fce4ec 50%,#fff8e1 100%);gap:6px;padding:10px 14px}.app-screen__search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border-radius:24px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.app-screen__search-g{color:#9aa0a6;font-size:18px}.app-screen__search-text{font-family:var(--font-sans);color:#9aa0a6;flex:1;font-size:11px}.app-screen__search-mic{color:#4285f4;font-size:16px}.app-screen__grid{flex:1;align-content:center;justify-items:center;gap:12px;padding:8px 0;display:grid}.app-screen__app{cursor:pointer;flex-direction:column;align-items:center;gap:5px;display:flex}.app-screen__app:active .app-screen__icon{transform:scale(.9)}.app-screen__icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex}.app-screen__icon .material-symbols-outlined{font-size:24px}.app-screen__label{font-family:var(--font-sans);color:#3c4043;font-size:9px;font-weight:500}.app-screen__dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border-radius:20px;flex-shrink:0;justify-content:center;gap:8px;padding:8px 16px;display:flex}.app-screen__dock-icon{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-screen__dock-icon .material-symbols-outlined{font-size:20px}.app-screen__nav-pill{background:#0003;border-radius:4px;flex-shrink:0;width:36%;height:4px;margin:6px auto 2px}.api-preview__composition--care{gap:48px}.api-preview__care-phone{flex-direction:column;align-items:center;gap:12px;width:220px;display:flex}.api-preview__care-device{flex-direction:column;align-items:center;gap:12px;width:520px;display:flex}.care-label{font-family:var(--font-sans);border-radius:999px;align-items:center;gap:5px;padding:6px 16px;font-size:14px;font-weight:700;display:flex}.care-label .material-symbols-outlined{font-size:18px}.care-label--good{color:#188038;background:#e6f4ea}.care-label--bad{color:#d93025;background:#fce8e6}.care-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.care-screen--good{background:linear-gradient(160deg,#e1f0ff,#e6f4ea)}.care-screen__face{font-size:48px;line-height:1}.care-screen__icons{gap:12px;display:flex}.care-screen__icons .material-symbols-outlined{color:#188038;background:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.care-screen--bad{background:linear-gradient(160deg,#f5f5f5,#e0e0e0)}.care-screen__cracks{pointer-events:none;z-index:2;position:absolute;inset:0}.care-crack{transform-origin:0 0;background:#00000026;position:absolute}.care-crack--1{width:1.5px;height:55%;top:0;left:30%;transform:rotate(12deg)}.care-crack--2{width:1.5px;height:40%;top:10%;left:30%;transform:rotate(-25deg)}.care-crack--3{width:1px;height:30%;top:0;left:32%;transform:rotate(35deg)}.care-crack--4{width:1px;height:25%;top:35%;left:18%;transform:rotate(-8deg)}.care-crack--5{width:1px;height:20%;top:20%;left:28%;transform:rotate(50deg)}.care-screen__glitch{gap:12px;display:flex}.care-screen__glitch .material-symbols-outlined{color:#9aa0a6;background:#fff6;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;animation:2s step-end infinite care-glitch;display:flex}.care-screen__glitch .material-symbols-outlined:nth-child(2){animation-delay:.7s}.care-screen__glitch .material-symbols-outlined:nth-child(3){animation-delay:1.3s}@keyframes care-glitch{0%,to{opacity:1;transform:translate(0)}15%{opacity:.4;transform:translate(2px)}17%{opacity:1;transform:translate(0)}60%{opacity:1}62%{opacity:.3;transform:translate(-1px)}64%{opacity:1;transform:translate(0)}}.care-screen--clean{background:linear-gradient(160deg,#e3f2fd,#e8f5e9)}.care-screen__sparkles{pointer-events:none;position:absolute;inset:0}.care-sparkle{color:#fbc02d;font-size:14px;animation:2s infinite sparkle-pop;position:absolute}.care-sparkle--1{animation-delay:0s;top:15%;left:20%}.care-sparkle--2{animation-delay:.6s;top:25%;right:18%}.care-sparkle--3{animation-delay:1.2s;bottom:30%;left:28%}@keyframes sparkle-pop{0%,to{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}40%{opacity:1;transform:scale(1)}60%{opacity:0;transform:scale(.5)}}.care-screen__text{font-family:var(--font-sans);color:#188038;font-size:12px;font-weight:600}.care-screen__text--bad{color:#d93025}.care-screen--dirty{background:linear-gradient(160deg,#efebe9,#e0e0e0)}.care-screen__smudges{pointer-events:none;z-index:2;position:absolute;inset:0}.care-smudge{background:radial-gradient(circle,#78645040 0%,#78645014 60%,#0000 100%);border-radius:50%;position:absolute}.care-smudge--1{width:40px;height:50px;top:18%;left:15%;transform:rotate(-15deg)}.care-smudge--2{width:35px;height:42px;top:35%;right:20%;transform:rotate(20deg)}.care-smudge--3{width:28px;height:36px;top:55%;left:35%;transform:rotate(-8deg)}.care-smudge--4{width:32px;height:38px;bottom:25%;right:25%;transform:rotate(12deg)}.care-smudge--5{width:22px;height:28px;top:22%;left:55%;transform:rotate(30deg)}.care-smudge--6{width:26px;height:32px;bottom:40%;left:18%;transform:rotate(-22deg)}.care-screen__icons--faded .material-symbols-outlined{color:#bdbdbd!important;background:#ffffff4d!important}.api-preview__composition--drop{flex-direction:column;gap:0}.api-preview__drop-scene{flex-direction:column;align-items:center;width:900px;height:700px;display:flex;position:relative}.drop-device{z-index:2;width:700px;animation:3.5s ease-in infinite drop-fall;position:relative}.drop-face{animation:3.5s step-end infinite drop-face-change}@keyframes drop-fall{0%{transform:translateY(-40px)rotate(0)}15%{transform:translateY(-40px)rotate(0)}20%{transform:translateY(-30px)rotate(-5deg)}50%{transform:translateY(160px)rotate(12deg)}52%{transform:translateY(155px)rotate(8deg)}55%{transform:translateY(160px)rotate(10deg)}85%{transform:translateY(160px)rotate(10deg)}to{transform:translateY(-40px)rotate(0)}}@keyframes drop-face-change{0%,15%{content:""}0%{filter:none}50%{filter:none}52%{filter:hue-rotate(180deg)}85%{filter:hue-rotate(180deg)}to{filter:none}}.drop-device:after{content:"";pointer-events:none;z-index:5;opacity:0;background:linear-gradient(35deg,#0000 48%,#0000001f 48% 49%,#0000 49%),linear-gradient(-25deg,#0000 48%,#0000001a 48% 49%,#0000 49%),linear-gradient(65deg,#0000 48%,#00000014 48% 49%,#0000 49%),linear-gradient(-45deg,#0000 48%,#0000001a 48% 49%,#0000 49%),linear-gradient(15deg,#0000 48%,#00000012 48% 49%,#0000 49%);border-radius:8px;animation:3.5s infinite drop-crack-show;position:absolute;inset:8%}@keyframes drop-crack-show{0%,49%{opacity:0}52%{opacity:1}85%{opacity:1}to{opacity:0}}.drop-ground{z-index:1;background:#d0d0d0;border-radius:2px;height:3px;position:absolute;bottom:40px;left:0;right:0}.drop-impact{opacity:0;background:radial-gradient(#ea43354d 0%,#0000 70%);border-radius:50%;width:60px;height:20px;animation:3.5s infinite drop-impact-flash;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes drop-impact-flash{0%,49%{opacity:0;transform:translate(-50%)scale(.5)}51%{opacity:1;transform:translate(-50%)scale(1.5)}60%{opacity:0;transform:translate(-50%)scale(2)}to{opacity:0}}.batt-screen{width:100%;height:100%;font-family:var(--font-sans);background:linear-gradient(160deg,#e3f2fd,#e8f5e9);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:background .5s;display:flex;position:relative}.batt-screen--dead{background:#1a1a1a}.batt-screen__status{align-items:center;gap:4px;display:flex}.batt-screen__percent{font-size:22px;font-weight:700;transition:color .3s}.batt-screen__battery{flex-direction:column;align-items:center;display:flex}.batt-screen__battery-cap{background:#bdbdbd;border-radius:3px 3px 0 0;width:16px;height:6px}.batt-screen__battery-body{border:3px solid #bdbdbd;border-radius:6px;align-items:flex-end;width:48px;height:90px;display:flex;position:relative;overflow:hidden}.batt-screen__battery-fill{border-radius:0 0 3px 3px;width:100%;transition:height .6s,background .3s}.batt-screen__battery-fill--pulse{animation:.8s infinite batt-pulse}@keyframes batt-pulse{0%,to{opacity:1}50%{opacity:.4}}.batt-screen__label{color:#3c4043;font-size:12px;font-weight:600}.batt-screen__plug{animation:.6s infinite alternate plug-bounce}.batt-screen__plug .material-symbols-outlined{color:#34a853;font-size:28px}@keyframes plug-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.batt-screen__icons{gap:10px;margin-top:4px;display:flex}.batt-screen__icons .material-symbols-outlined{color:#188038;background:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.batt-screen__dead-content{flex-direction:column;align-items:center;gap:8px;animation:.5s dead-fade-in;display:flex}@keyframes dead-fade-in{0%{opacity:0}to{opacity:1}}.batt-screen__dead-icon{color:#d93025;font-size:40px;animation:1s infinite batt-pulse}.batt-screen__dead-text{color:#fff;font-size:16px;font-weight:700}.batt-screen__dead-sub{color:#ffffff80;font-size:11px}.api-preview__composition--spill{flex-direction:column;gap:0}.spill-scene{justify-content:center;align-items:flex-end;width:800px;display:flex;position:relative}.spill-cup{z-index:3;transform-origin:bottom;animation:6s infinite cup-tip;position:absolute;top:-100px;left:40px}.spill-cup__body{background:linear-gradient(#fff,#f5f5f5);border:3px solid #e0e0e0;border-radius:8px 8px 16px 16px;width:80px;height:120px;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000001f}.spill-cup__body:before{content:"";z-index:2;background:linear-gradient(#795548,#5d4037);border-radius:8px 8px 2px 2px;height:14px;position:absolute;top:-9px;left:-5px;right:-5px}.spill-cup__body:after{content:"";opacity:.7;background:#795548;height:35%;position:absolute;top:28%;left:0;right:0}.spill-cup__liquid{background:linear-gradient(#6d4c41,#4e342e);border-radius:0 0 14px 14px;height:70%;animation:6s infinite cup-liquid-drain;position:absolute;bottom:0;left:0;right:0}.spill-cup__straw{z-index:3;background:linear-gradient(#43a047,#2e7d32);border-radius:3px;width:5px;height:64px;position:absolute;top:-36px;left:50%;transform:translate(-50%)rotate(8deg)}@keyframes cup-tip{0%,30%{transform:rotate(0)}40%{transform:rotate(85deg)translate(20px)}70%,to{transform:rotate(85deg)translate(20px)}}@keyframes cup-liquid-drain{0%,30%{height:70%}45%{height:10%}70%,to{height:10%}}.spill-splash{z-index:4;width:160px;height:60px;position:absolute;top:30px;left:100px}.spill-drop{opacity:0;background:#6d4c41;border-radius:50%;width:10px;height:10px;animation:6s infinite spill-drop-fall;position:absolute}.spill-drop--1{animation-delay:2.2s;left:30px}.spill-drop--2{animation-delay:2.4s;left:60px}.spill-drop--3{animation-delay:2.3s;left:85px}.spill-drop--4{width:7px;height:7px;animation-delay:2.5s;left:50px}@keyframes spill-drop-fall{0%,35%{opacity:0;transform:translateY(0)}38%{opacity:1;transform:translateY(0)}48%{opacity:1;transform:translateY(40px)}50%{opacity:0;transform:translateY(40px)}to{opacity:0}}.spill-puddle{opacity:0;background:radial-gradient(#6d4c4159 0%,#0000 70%);border-radius:50%;width:130px;height:14px;animation:6s infinite spill-puddle-show;position:absolute;bottom:-10px;left:20px}@keyframes spill-puddle-show{0%,40%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}70%,to{opacity:1;transform:scale(1.1)}}.spill-laptop{z-index:2;width:700px;position:relative}.spill-screen{width:100%;height:100%;position:relative;overflow:hidden}.spill-screen__normal{background:linear-gradient(160deg,#e3f2fd,#e8f5e9);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:6s step-end infinite spill-normal-show;display:flex;position:absolute;inset:0}.spill-screen__glitch{opacity:0;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:6s step-end infinite spill-glitch-show;display:flex;position:absolute;inset:0}@keyframes spill-normal-show{0%,to{opacity:1}42%{opacity:0}}@keyframes spill-glitch-show{0%{opacity:0}42%{opacity:1}95%{opacity:1}to{opacity:0}}.spill-screen__bars{pointer-events:none;position:absolute;inset:0}.spill-bar{background:#42a5f526;animation:.4s linear infinite spill-bar-move;position:absolute;left:0;right:0}.spill-bar--1{height:4px;animation-duration:.3s;top:12%}.spill-bar--2{background:#42a5f51a;height:8px;animation-duration:.5s;top:35%}.spill-bar--3{height:3px;animation-duration:.35s;top:55%}.spill-bar--4{background:#42a5f51f;height:6px;animation-duration:.45s;top:72%}.spill-bar--5{height:2px;animation-duration:.25s;top:88%}@keyframes spill-bar-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spill-screen__error{font-family:var(--font-sans);color:#ef5350;font-size:14px;font-weight:700;animation:2s step-end infinite bsod-text-flicker}.api-preview__composition--everywhere{flex-direction:column;gap:0}.everywhere-scene{width:1000px;height:560px;position:relative}.everywhere-col{flex-direction:column;align-items:center;gap:14px;animation:4s ease-in-out infinite ev-float;display:flex;position:absolute}.everywhere-col:first-child{z-index:1;bottom:0;left:0}.everywhere-col:nth-child(2){z-index:2;animation-delay:-1.3s;bottom:20px;right:60px}.everywhere-col:nth-child(3){z-index:3;animation-delay:-2.6s;bottom:0;right:0}@keyframes ev-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.everywhere-label{font-family:var(--font-sans);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;display:flex}.everywhere-label .material-symbols-outlined{font-size:16px}.everywhere-label--school{color:#2e7d32;background:#e8f5e9}.everywhere-label--home{color:#1565c0;background:#e3f2fd}.everywhere-label--pocket{color:#7b1fa2;background:#f3e5f5}.everywhere-laptop{width:760px}.everywhere-monitor{width:640px}.everywhere-phone{width:200px}.api-preview__composition--input{flex-direction:column;gap:0}.input-scene{width:1080px;height:680px;position:relative}.input-phone{z-index:2;flex-direction:column;align-items:center;gap:12px;width:210px;display:flex;position:absolute;top:20px;left:0}.input-monitor{z-index:1;width:800px;position:absolute;top:0;right:40px}.input-bottom{z-index:3;align-items:flex-start;gap:28px;display:flex;position:absolute;bottom:0;right:20px}.input-col{flex-direction:column;align-items:center;gap:10px;display:flex}.input-keyboard{width:660px}.input-keyboard .kb__header,.input-keyboard .kb__legend{display:none}.input-keyboard .kb__board{background:#e0e0e0}.input-mouse{width:110px}.input-mouse .device-frame--mouse{max-width:110px}.input-label{font-family:var(--font-sans);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:700;display:flex}.input-label .material-symbols-outlined{font-size:15px}.input-label--tap{color:#2e7d32;background:#e8f5e9}.input-label--type{color:#1565c0;background:#e3f2fd}.input-label--click{color:#e65100;background:#fff3e0}.api-preview__composition--uses{flex-direction:column;gap:0}.uses-tablet{width:800px}.api-preview__composition--power{flex-direction:column;gap:0}.power-laptop{width:860px}.api-preview__composition--user{flex-direction:column;gap:0}.user-scene{justify-content:center;align-items:flex-end;display:flex}.user-tablet{z-index:2;width:360px;margin-right:-60px;position:relative}.user-laptop{z-index:1;width:740px;position:relative}.user-laptop .cros__bsod{display:none}.user-phone{z-index:2;width:200px;margin-left:-50px;position:relative}.api-preview__composition--around{flex-direction:column;align-items:center;gap:0}.around-back{z-index:1;position:relative}.around-tv{width:780px}.around-front{z-index:2;justify-content:center;align-items:flex-end;gap:32px;margin-top:-120px;display:flex;position:relative}.around-chromebook{width:420px}.around-phone{width:180px}.around-watch{width:110px}.cros-demo{width:100%;height:100%;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:radial-gradient(at 30% 25%,#2d6a9fb3 0%,#0000 60%),radial-gradient(at 75% 75%,#4a9fd480 0%,#0000 55%),linear-gradient(160deg,#1a3a5c 0%,#2d6a9f 35%,#4a9fd4 65%,#a8d8ea 100%);flex-direction:column;display:flex}.cros-demo__desktop{flex:1;min-height:0;position:relative}.cros-demo__window{background:#fdfcfb;flex-direction:column;animation:.2s cros-winOpen;display:flex;position:absolute;inset:0}@keyframes cros-winOpen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cros-demo__titlebar{background:#c2e7ff;flex-shrink:0;align-items:center;gap:6px;height:24px;padding:0 6px;display:flex}.cros-demo__win-title{color:#1f1f1f;flex:1;font-size:9px;font-weight:500}.cros-demo__win-dots{gap:4px;display:flex}.cros-demo__win-dots span{background:#00000026;border-radius:50%;width:6px;height:6px}.cros-demo__win-dot--close{background:#0003!important}.cros-demo__win-body{background:repeating-linear-gradient(#0000 0 12px,#f1f3f4 12px 13px);flex:1;padding:10px}.cros-demo__shelf{-webkit-backdrop-filter:blur(20px);background:#14121ebf;flex-shrink:0;align-items:center;gap:3px;height:32px;padding:0 8px;display:flex}.cros-demo__launcher{color:#ffffffe6;margin-right:4px;font-size:16px}.cros-demo__shelf-icon{color:#ffffffd9;border-radius:50%;padding:4px;font-size:14px;transition:background .15s}.cros-demo__shelf-icon--active{background:#ffffff26}.cros-demo__spacer{flex:1}.cros-demo__tray-icon{color:#ffffffb3;font-size:12px}.cros-demo__clock{color:#ffffffd9;margin-left:2px;font-size:9px;font-weight:500}.watch-face{background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.watch-face__time{font-family:var(--font-sans);color:#fff;font-size:18px;font-weight:200;line-height:1}.watch-face__date{font-family:var(--font-sans);color:#ffffff80;letter-spacing:.05em;font-size:6px;font-weight:500}.watch-face__rings{width:44px;height:44px;margin:4px 0}.watch-face__ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.watch-face__comps{gap:12px;display:flex}.watch-face__comps .material-symbols-outlined{color:#fff6;font-size:10px}.pixel{width:100%;height:100%;font-family:"Google Sans", var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.pixel--blue{background:linear-gradient(160deg,#0f1b3d 0%,#1a3a6b 50%,#2d6aa0 100%)}.pixel--sage{background:linear-gradient(160deg,#1b2e1b 0%,#2d5a3d 50%,#5a9a6b 100%)}.pixel__glance{justify-content:space-between;align-items:center;padding:8px 10px 0;display:flex}.pixel__glance-left{align-items:baseline;gap:4px;display:flex}.pixel__glance-day{color:#ffffffd9;font-size:9px;font-weight:400}.pixel__glance-date{color:#ffffffe6;font-size:16px;font-weight:200;line-height:1}.pixel__glance-right{color:#ffffffa6;align-items:center;gap:3px;font-size:9px;display:flex}.pixel__glance-right .material-symbols-outlined{font-size:12px}.pixel__grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:center;justify-items:center;gap:6px;padding:8px;display:grid}.pixel__icon{background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pixel__icon .material-symbols-outlined{color:#ffffffe0;font-size:15px}.pixel__search{-webkit-backdrop-filter:blur(12px);background:#ffffff29;border-radius:20px;align-items:center;gap:6px;margin:0 10px;padding:5px 10px;display:flex}.pixel__g{color:#ffffffe6;font-size:12px;font-weight:600}.pixel__search .material-symbols-outlined{color:#fff9;font-size:12px}.pixel__dock{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border-radius:16px;justify-content:center;gap:8px;margin:4px 10px 0;padding:6px 12px;display:flex}.pixel__dock-icon{background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pixel__dock-icon .material-symbols-outlined{color:#ffffffe0;font-size:14px}.pixel__pill{background:#ffffff4d;border-radius:3px;width:36%;height:3px;margin:4px auto}.user-phone .pixel__grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 8px}.user-phone .pixel__icon{width:28px;height:28px}.user-phone .pixel__icon .material-symbols-outlined{font-size:14px}.user-phone .pixel__dock-icon{width:24px;height:24px}.user-phone .pixel__dock-icon .material-symbols-outlined{font-size:12px}.user-phone .pixel__search{margin:0 8px;padding:4px 8px}.user-phone .pixel__dock{gap:6px;margin:4px 8px 0;padding:5px 10px}.mapp{width:100%;height:100%;font-family:"Google Sans", var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.mapp__wall{background:linear-gradient(160deg,#d0e8ff 0%,#c3b1e1 40%,#f8bbd0 100%);position:absolute;inset:0}.mapp__widget{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border-radius:20px;justify-content:space-between;align-items:center;margin:14px 16px 0;padding:10px 14px;display:flex;position:relative}.mapp__widget-left{align-items:baseline;gap:6px;display:flex}.mapp__widget-day{color:#1a1a1a;font-size:13px;font-weight:400}.mapp__widget-date{color:#1a1a1a;font-size:28px;font-weight:200;line-height:1}.mapp__widget-right{align-items:center;gap:4px;display:flex}.mapp__widget-weather{color:#f59e0b;font-size:20px}.mapp__widget-temp{color:#1a1a1a;font-size:15px;font-weight:500}.mapp__grid{z-index:1;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;justify-items:center;gap:12px;padding:20px 16px 8px;display:grid;position:relative}.mapp__app{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.mapp__app:active .mapp__app-icon{transform:scale(.9)}.mapp__app-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex;box-shadow:0 1px 4px #0000001f}.mapp__app-icon .material-symbols-outlined{color:#fff;font-size:22px}.mapp__app-label{color:#fffffff2;text-shadow:0 1px 3px #00000040;font-size:8px;font-weight:500}.mapp__search{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border-radius:28px;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;display:flex;position:relative}.mapp__search-pill{flex:1}.mapp__search-mic,.mapp__search-lens{color:#5f6368;font-size:18px}.mapp__dock{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff6;border-radius:24px;justify-content:center;gap:12px;margin:0 24px;padding:8px 16px;display:flex;position:relative}.mapp__dock-slot{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.mapp__dock-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #0000001a}.mapp__dock-icon .material-symbols-outlined{color:#fff;font-size:20px}.mapp__dock-dot{background:#fff;border-radius:50%;width:4px;height:4px}.mapp__recents-trigger{z-index:3;cursor:pointer;justify-content:center;padding:4px 0 6px;display:flex;position:relative}.mapp__recents-trigger:after{content:"";background:#0000004d;border-radius:4px;width:36%;height:4px}.mapp__float-view{z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;animation:.25s float-view-in;position:absolute;inset:0}@keyframes float-view-in{0%{opacity:0}to{opacity:1}}.mapp__float-window{border-radius:10px;flex-direction:column;width:65%;height:35%;animation:.3s both float-win-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 24px #00000059}@keyframes float-win-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.mapp__float-header{flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;display:flex}.mapp__float-name{font-family:var(--font-sans);color:#fff;flex:1;font-size:8px;font-weight:600}.mapp__float-x{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex}.mapp__float-x .material-symbols-outlined{color:#fff;font-size:9px}.mapp__float-body{flex:1;overflow:hidden}.app-screen__app{cursor:pointer}.app-screen__overlay{z-index:5;animation:.3s both app-open;position:absolute;inset:0}.app-screen__overlay--closing{animation:.25s both app-close}@keyframes app-open{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes app-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.opened-app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.opened-app__header{flex-shrink:0;align-items:center;gap:5px;padding:5px 6px;display:flex}.opened-app__header-icon{color:#fff;font-size:13px}.opened-app__header-title{font-family:var(--font-sans);color:#fff;flex:1;font-size:9px;font-weight:600}.opened-app__close{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.opened-app__close .material-symbols-outlined{color:#fff;font-size:11px}.opened-app__body{flex-direction:column;flex:1;display:flex;overflow:hidden}.opened-app__toolbar{border-bottom:1px solid #eee;gap:6px;padding:4px 8px;display:flex}.opened-app__toolbar .material-symbols-outlined{font-size:12px}.opened-app__canvas{flex:1;justify-content:center;align-items:center;display:flex}.opened-app__drawing{width:70%;height:auto}.opened-app__doc{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.opened-app__doc-title{font-family:var(--font-sans);color:#202124;margin-bottom:4px;font-size:11px;font-weight:700}.opened-app__doc-line{background:#e0e0e0;border-radius:2px;height:3px}.opened-app__doc-cursor{background:#4285f4;width:1px;height:10px;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.opened-app__video{background:radial-gradient(circle,#333 0%,#1a1a1a 100%);flex:1;justify-content:center;align-items:center;display:flex}.opened-app__play-btn{color:#fffc;font-size:32px}.opened-app__video-bar{background:#333;height:4px;position:relative}.opened-app__video-bar:after{content:"";background:#ff6d00;border-radius:2px;width:35%;height:100%;position:absolute;top:0;left:0}.opened-app__game{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.opened-app__game-score{font-family:var(--font-mono);color:#fbc02d;font-size:8px;position:absolute;top:6px;right:8px}.opened-app__game-char{color:#fbc02d;font-size:24px;animation:.6s infinite alternate game-bounce}.opened-app__game-ground{background:#43a047;width:100%;height:8px;position:absolute;bottom:0}@keyframes game-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.opened-app__viewfinder{background:linear-gradient(135deg,#222,#444);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.opened-app__viewfinder-grid{border:1px solid #fff3;width:70%;height:70%;position:relative}.opened-app__viewfinder-grid:before,.opened-app__viewfinder-grid:after{content:"";background:#ffffff26;position:absolute}.opened-app__viewfinder-grid:before{height:1px;box-shadow:0 calc(33% + 1px) 0 0 #ffffff26;top:33%;left:0;right:0}.opened-app__viewfinder-grid:after{width:1px;box-shadow:calc(33% + 1px) 0 0 0 #ffffff26;top:0;bottom:0;left:33%}.opened-app__shutter{background:0 0;border:3px solid #fff;border-radius:50%;width:28px;height:28px;margin:6px auto}.opened-app__music{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.opened-app__album{background:#ffffff26;border-radius:6px;width:48px;height:48px;box-shadow:0 2px 8px #0003}.opened-app__song-title{font-family:var(--font-sans);color:#fff;font-size:9px;font-weight:600}.opened-app__music-controls{align-items:center;gap:12px;display:flex}.opened-app__music-controls .material-symbols-outlined{color:#fff;font-size:18px}.opened-app__calc{flex-direction:column;height:100%;padding:6px;display:flex}.opened-app__calc-display{font-family:var(--font-mono);color:#202124;text-align:right;margin-bottom:4px;padding:4px 8px;font-size:18px;font-weight:300}.opened-app__calc-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.opened-app__calc-key{font-family:var(--font-sans);color:#202124;background:#e8e8e8;border-radius:4px;justify-content:center;align-items:center;font-size:9px;display:flex}.opened-app__calc-key--op{color:#fff;background:#43a047}.opened-app__files{flex-direction:column;gap:3px;padding:6px 8px;display:flex}.opened-app__file-row{background:#f8f9fa;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.opened-app__file-name{font-family:var(--font-sans);color:#202124;font-size:9px}.api-preview__logo{z-index:5;pointer-events:none;width:auto;height:56px;position:absolute;top:24px;right:32px}.api-preview__url{font-family:"Poppins", var(--font-sans);color:#111;z-index:5;font-size:14px;font-weight:700;position:absolute;bottom:24px;right:32px}.api-preview__url-dot{color:var(--color-primary)}.preview-fm{height:100%;font-family:var(--font-sans);background:radial-gradient(at 30% 40%,#1e3a5f 0%,#0000 60%),radial-gradient(at 70% 70%,#312e81 0%,#0000 50%),linear-gradient(135deg,#0f172a 0%,#1e1b4b 40%,#172554 100%);flex-direction:column;display:flex}.preview-fm__menubar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 10px;display:flex}.preview-fm__os-name{color:#fff;font-size:9px;font-weight:700}.preview-fm__menubar-right{align-items:center;gap:6px;display:flex}.preview-fm__menubar-right .material-symbols-outlined{color:#ffffffb3;font-size:11px}.preview-fm__time{color:#fffc;font-size:9px;font-weight:500}.preview-fm__window{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e1ed9;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;margin:8px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.preview-fm__titlebar{background:#2d2d2de6;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.preview-fm__dots{flex-shrink:0;gap:4px;display:flex}.preview-fm__dot{border-radius:50%;width:8px;height:8px}.preview-fm__dot--red{background:#ff5f57}.preview-fm__dot--yellow{background:#febc2e}.preview-fm__dot--green{background:#28c840}.preview-fm__nav{flex-shrink:0;gap:2px;display:flex}.preview-fm__nav .material-symbols-outlined{color:#ffffff59;font-size:14px}.preview-fm__breadcrumb{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.preview-fm__breadcrumb-seg{align-items:center;gap:2px;display:flex}.preview-fm__breadcrumb-seg span:not(.material-symbols-outlined){color:#ffffffb3;font-size:10px;font-weight:500}.preview-fm__breadcrumb-seg .material-symbols-outlined{color:#ffffff80;font-family:Material Symbols Outlined;font-size:12px}.preview-fm__titlebar-actions{flex-shrink:0;gap:6px;display:flex}.preview-fm__titlebar-actions .material-symbols-outlined{color:#ffffff59;font-size:13px}.preview-fm__body{flex:1;display:flex;overflow:hidden}.preview-fm__sidebar{background:#19191980;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:1px;width:120px;padding:8px 6px;display:flex;overflow-y:auto}.preview-fm__sidebar-item{cursor:default;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;transition:background .15s;display:flex}.preview-fm__sidebar-item span:not(.material-symbols-outlined){color:#ffffffb3;font-size:9px;font-weight:500}.preview-fm__sidebar-item .material-symbols-outlined{color:#fff6;font-size:13px}.preview-fm__sidebar-item--active{background:#3b82f64d}.preview-fm__sidebar-item--active span:not(.material-symbols-outlined){color:#fff}.preview-fm__sidebar-item--active .material-symbols-outlined{color:#60a5fa}.preview-fm__sidebar-divider{background:#ffffff0f;height:1px;margin:6px 4px}.preview-fm__sidebar-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;font-size:8px;font-weight:600}.preview-fm__sidebar-tag{align-items:center;gap:5px;padding:2px 6px;display:flex}.preview-fm__sidebar-tag span:not(.preview-fm__tag-dot){color:#fff9;font-size:9px;font-weight:500}.preview-fm__tag-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.preview-fm__content{flex:1;padding:10px;animation:.3s fm-content-in;overflow-y:auto}@keyframes fm-content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.preview-fm__section-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px;font-weight:600}.preview-fm__grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.preview-fm__item{border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;transition:background .2s,border-color .2s;display:flex}.preview-fm__item--selected{background:#3b82f626;border-color:#3b82f666}.preview-fm__item-name{color:#ffffffd9;text-align:center;font-size:8px;font-weight:500;line-height:1.2}.preview-fm__item-meta{color:#ffffff59;font-size:7px}.preview-fm__list{flex-direction:column;gap:1px;display:flex}.preview-fm__list-row{border-radius:4px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.preview-fm__list-row--selected{background:#3b82f633}.preview-fm__list-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;font-weight:500;overflow:hidden}.preview-fm__list-size{color:#ffffff4d;flex-shrink:0;font-size:8px}.preview-tablet-screen{background:linear-gradient(#d3e3fd 0%,#c2e7da 100%);flex-direction:column;gap:10px;height:100%;padding:14px;display:flex;position:relative;overflow:hidden}.preview-tablet-screen__content{transform-origin:50%;will-change:transform;flex-direction:column;flex:1;gap:10px;display:flex}.preview-tablet-screen__search{background:#ffffffbf;border-radius:28px;align-items:center;gap:8px;padding:8px 14px;display:flex}.preview-tablet-screen__search .material-symbols-outlined{color:#444746;font-size:16px}.preview-tablet-screen__search-text{font-family:var(--font-sans);color:#444746;flex:1;font-size:11px;font-weight:400}.preview-tablet-screen__widgets{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.preview-tablet-screen__widget{background:#ffffffa6;border-radius:16px;flex-direction:column;gap:6px;padding:12px;transition:transform .3s,box-shadow .3s;display:flex}.preview-tablet-screen__widget--active{transform:scale(1.04);box-shadow:0 4px 16px #0000001a}.preview-tablet-screen__widget .material-symbols-outlined{color:#1a73e8;font-size:18px}.preview-tablet-screen__widget--weather{flex-direction:row;align-items:center;gap:10px}.preview-tablet-screen__widget--weather .material-symbols-outlined{color:#f9ab00;font-size:28px}.preview-tablet-screen__temp{font-family:var(--font-sans);color:#1f1f1f;font-size:22px;font-weight:500;line-height:1;display:block}.preview-tablet-screen__condition{font-family:var(--font-sans);color:#5f6368;font-size:9px;display:block}.preview-tablet-screen__widget--music{gap:4px}.preview-tablet-screen__widget--music .material-symbols-outlined:first-child{color:#ea4335;font-size:16px}.preview-tablet-screen__song-info{animation:.4s tablet-song-in}@keyframes tablet-song-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.preview-tablet-screen__song{font-family:var(--font-sans);color:#1f1f1f;font-size:10px;font-weight:600;line-height:1.2;display:block}.preview-tablet-screen__artist{font-family:var(--font-sans);color:#5f6368;font-size:8px;display:block}.preview-tablet-screen__controls{gap:8px;margin-top:2px;display:flex}.preview-tablet-screen__controls .material-symbols-outlined{color:#444746;font-size:16px}.preview-tablet-screen__widget--at-glance{justify-content:center;gap:0}.preview-tablet-screen__glance-day{font-family:var(--font-sans);color:#5f6368;font-size:10px;font-weight:500;display:block}.preview-tablet-screen__glance-date{font-family:var(--font-sans);color:#1f1f1f;font-size:18px;font-weight:500;line-height:1.2;display:block}.preview-tablet-screen__apps{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;padding:6px 0;display:grid}.preview-tablet-screen__app{flex-direction:column;align-items:center;gap:3px;transition:transform .2s;display:flex}.preview-tablet-screen__app--active{transform:scale(1.15)}.preview-tablet-screen__app-icon{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.preview-tablet-screen__app-icon .material-symbols-outlined{color:#fff;font-size:18px}.preview-tablet-screen__app-label{font-family:var(--font-sans);color:#1f1f1f;font-size:7px;font-weight:500}.preview-tablet-screen__dock{background:#fff9;border-radius:20px;justify-content:center;gap:20px;padding:8px 20px;display:flex}.preview-tablet-screen__dock .material-symbols-outlined{color:#444746;font-size:18px}.preview-tablet-screen__nav-bar{justify-content:center;padding:6px 0 2px;display:flex}.preview-tablet-screen__nav-pill{background:#0003;border-radius:2px;width:40px;height:4px}.preview-phone-screen{background:linear-gradient(#c2e7da 0%,#d3e3fd 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.preview-phone-screen__home{flex-direction:column;flex:1;padding:16px 12px 0;transition:opacity .4s,transform .4s;display:flex}.preview-phone-screen__home--hidden{opacity:0;pointer-events:none;transform:scale(.95)}.preview-phone-screen__content{transform-origin:50%;will-change:transform;flex-direction:column;flex:1;display:flex}.preview-phone-screen__clock{flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.preview-phone-screen__time{font-family:var(--font-sans);color:#1f1f1f;font-size:42px;font-weight:200;line-height:1}.preview-phone-screen__date{font-family:var(--font-sans);color:#5f6368;margin-top:2px;font-size:10px;font-weight:400}.preview-phone-screen__search{background:#ffffffa6;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 12px;display:flex}.preview-phone-screen__search .material-symbols-outlined{color:#444746;font-size:14px}.preview-phone-screen__notifications{flex-direction:column;gap:5px;width:100%;display:flex}.preview-phone-screen__notif{background:#ffffffb3;border-radius:14px;align-items:flex-start;gap:8px;padding:8px 10px;animation:.4s both phone-notif-in;display:flex}@keyframes phone-notif-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-phone-screen__notif-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.preview-phone-screen__notif-icon .material-symbols-outlined{color:#fff;font-size:12px}.preview-phone-screen__notif-title{font-family:var(--font-sans);color:#1f1f1f;font-size:9px;font-weight:600;line-height:1.2;display:block}.preview-phone-screen__notif-body{font-family:var(--font-sans);color:#5f6368;font-size:8px;line-height:1.3;display:block}.preview-phone-screen__apps{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;padding:10px 0;display:grid}.preview-phone-screen__app{justify-content:center;transition:transform .2s;display:flex}.preview-phone-screen__app--active{transform:scale(1.2)}.preview-phone-screen__app-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.preview-phone-screen__app-icon .material-symbols-outlined{color:#fff;font-size:16px}.preview-phone-screen__dock{background:#ffffff8c;border-radius:18px;justify-content:center;gap:16px;padding:6px 16px;display:flex}.preview-phone-screen__dock .material-symbols-outlined{color:#444746;font-size:16px}.preview-phone-screen__nav-bar{z-index:10;justify-content:center;padding:6px 0 2px;display:flex;position:relative}.preview-phone-screen__nav-pill{background:#0003;border-radius:2px;width:32px;height:4px}.preview-phone-screen__app-screen{z-index:5;transform-origin:50%;position:absolute;inset:0;overflow:hidden}.preview-phone-screen__app-screen--opening{animation:.45s cubic-bezier(.4,0,.2,1) forwards phone-app-open}.preview-phone-screen__app-screen--closing{animation:.4s cubic-bezier(.4,0,.2,1) forwards phone-app-close}@keyframes phone-app-open{0%{opacity:0;border-radius:24px;transform:scale(.5)}to{opacity:1;border-radius:0;transform:scale(1)}}@keyframes phone-app-close{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(40%)}}.phone-app{height:100%;font-family:var(--font-sans);flex-direction:column;display:flex}.phone-app--camera{background:#000}.phone-app__camera-viewfinder{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:8px;flex:1;margin:8px;position:relative;overflow:hidden}.phone-app__camera-grid{background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:33.33% 33.33%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.phone-app__camera-focus{border:1.5px solid #ffff00b3;border-radius:2px;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-app__camera-controls{justify-content:space-around;align-items:center;padding:12px 24px;display:flex}.phone-app__camera-controls .material-symbols-outlined{color:#fff;font-size:18px}.phone-app__camera-shutter{background:#fff;border:3px solid #ffffff4d;border-radius:50%;width:40px;height:40px;transition:transform .15s}.phone-app__camera-shutter--flash{background:#ccc;transform:scale(.85)}.phone-app--photos{background:#fff;padding:10px}.phone-app__photos-header{padding:4px 0 8px}.phone-app__photos-title{color:#1f1f1f;font-size:14px;font-weight:600}.phone-app__photos-grid{border-radius:6px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.phone-app__photos-thumb{aspect-ratio:1}.phone-app--maps{background:#e8f5e9;position:relative}.phone-app__maps-search{z-index:1;background:#fff;border-radius:24px;align-items:center;gap:6px;margin:10px;padding:8px 12px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.phone-app__maps-search .material-symbols-outlined{color:#5f6368;font-size:14px}.phone-app__maps-search span:last-child{color:#5f6368;font-size:10px}.phone-app__maps-view{background:linear-gradient(135deg,#c8e6c9 0%,#a5d6a7 30%,#c8e6c9 60%,#81c784 100%);flex:1;position:relative;overflow:hidden}.phone-app__maps-road{background:#ffffffb3;position:absolute}.phone-app__maps-road--h{height:4px;top:45%;left:0;right:0}.phone-app__maps-road--v{width:4px;top:0;bottom:0;left:55%}.phone-app__maps-road--d{width:50%;height:3px;top:20%;left:10%;transform:rotate(30deg)}.phone-app__maps-pin{position:absolute;top:40%;left:52%;transform:translate(-50%,-100%)}.phone-app__maps-pin .material-symbols-outlined{color:#ea4335;font-size:24px}.phone-app--music{background:linear-gradient(#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;gap:6px;padding:20px}.phone-app__music-art{aspect-ratio:1;background:linear-gradient(135deg,#ff6d00,#ff9800,#ffb74d);border-radius:8px;width:60%;margin-bottom:10px;box-shadow:0 4px 20px #ff6d004d}.phone-app__music-title{color:#fff;font-size:13px;font-weight:600}.phone-app__music-artist{color:#ffffff80;font-size:10px}.phone-app__music-progress{background:#ffffff26;border-radius:2px;width:80%;height:3px;margin:10px 0;overflow:hidden}.phone-app__music-bar{background:#ff6d00;border-radius:2px;width:35%;height:100%}.phone-app__music-controls{align-items:center;gap:20px;display:flex}.phone-app__music-controls .material-symbols-outlined{color:#fff;font-size:20px}.phone-app__music-controls .material-symbols-outlined:nth-child(2){font-size:32px}.device-kb-screen{background:#fff;flex-direction:column;height:100%;display:flex}.device-kb-screen__app{flex-direction:column;flex:1;min-height:0;display:flex}.device-kb-screen__header{border-bottom:1px solid #eee;align-items:center;gap:6px;padding:6px 10px;display:flex}.device-kb-screen__header .material-symbols-outlined{color:#5f6368;font-size:14px}.device-kb-screen__title{font-family:var(--font-sans);color:#1f1f1f;flex:1;font-size:11px;font-weight:600}.device-kb-screen__chat{background:#fafafa;flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:10px;display:flex;overflow:hidden}.device-kb-screen__bubble{font-family:var(--font-sans);border-radius:14px;max-width:75%;padding:6px 10px;font-size:9px;line-height:1.4}.device-kb-screen__bubble--received{color:#1f1f1f;background:#e8eaed;border-bottom-left-radius:4px;align-self:flex-start}.device-kb-screen__bubble--sent{color:#fff;background:#1a73e8;border-bottom-right-radius:4px;align-self:flex-end;animation:.2s bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.device-kb-screen__cursor{vertical-align:text-bottom;background:currentColor;width:1px;height:9px;margin-left:1px;animation:.8s step-end infinite cursor-blink;display:inline-block}.device-kb-screen__input{background:#fff;border-top:1px solid #eee;align-items:center;gap:6px;padding:5px 8px;display:flex}.device-kb-screen__input .material-symbols-outlined{color:#bbb;font-size:14px}.device-kb-screen__input .material-symbols-outlined:last-child{color:#1a73e8}.device-kb-screen__input-field{font-family:var(--font-sans);color:#1f1f1f;white-space:nowrap;background:#f5f5f5;border-radius:16px;flex:1;align-items:center;min-height:16px;padding:4px 8px;font-size:9px;display:flex;overflow:hidden}.device-kb-screen__keyboard{background:#e4e6e8;flex-shrink:0}.device-kb-screen__keyboard .kb{max-width:100%}.device-kb-screen__keyboard .kb__header,.device-kb-screen__keyboard .kb__legend{display:none}.device-kb-screen__keyboard .kb__board{background:#e4e6e8;border-radius:0;gap:2px;padding:3px}.device-kb-screen__keyboard .kb__row{gap:2px}.device-kb-screen__keyboard .kb__key{border-radius:4px;height:20px;font-size:7px;box-shadow:0 1px #ccc}.book-reader{background:#faf8f5;flex-direction:column;height:100%;display:flex}.book-reader__toolbar{border-bottom:1px solid #e8e4df;align-items:center;gap:8px;padding:8px 12px;display:flex}.book-reader__toolbar .material-symbols-outlined{color:#8b7e6e;font-size:16px}.book-reader__chapter{font-family:var(--font-sans);color:#5c5040;flex:1;font-size:11px;font-weight:600}.book-reader__toolbar-right{gap:10px;display:flex}.book-reader__content{flex:1;padding:20px 24px;animation:.6s page-fade;overflow:hidden}@keyframes page-fade{0%{opacity:0}to{opacity:1}}.book-reader__text{color:#3a3127;white-space:pre-line;margin:0;font-family:Georgia,Times New Roman,serif;font-size:11px;line-height:1.8}.book-reader__footer{border-top:1px solid #e8e4df;padding:8px 16px 10px}.book-reader__progress-bar{background:#e8e4df;border-radius:1px;width:100%;height:2px;margin-bottom:4px;overflow:hidden}.book-reader__progress-fill{background:#8b7e6e;border-radius:1px;height:100%;transition:width .1s linear}.book-reader__page-info{font-family:var(--font-sans);color:#a89e90;justify-content:space-between;font-size:8px;display:flex}.cal-screen{background:#fff;flex-direction:column;height:100%;display:flex}.cal-screen__header{justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.cal-screen__month{font-family:var(--font-sans);color:#1f1f1f;font-size:13px;font-weight:600;display:block}.cal-screen__subtitle{font-family:var(--font-sans);color:#9aa0a6;font-size:8px;display:block}.cal-screen__header .material-symbols-outlined{color:#1a73e8;font-size:18px}.cal-screen__section-label{font-family:var(--font-sans);color:#5f6368;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px 2px;font-size:8px;font-weight:600}.cal-screen__days{grid-template-columns:repeat(7,1fr);padding:0 8px;display:grid}.cal-screen__day-label{font-family:var(--font-sans);color:#9aa0a6;text-align:center;padding:2px 0;font-size:7px;font-weight:600}.cal-screen__dates{grid-template-columns:repeat(7,1fr);gap:1px;padding:0 8px 4px;display:grid}.cal-screen__date{font-family:var(--font-sans);color:#3c4043;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:0 auto;padding:3px 0;font-size:8px;transition:background .2s,color .2s;display:flex}.cal-screen__date--today{color:#1a73e8;font-weight:700}.cal-screen__date--selected{color:#fff;background:#1a73e8;font-weight:600}.cal-screen__divider{background:#e8eaed;height:1px;margin:0 12px}.cal-screen__events{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex;overflow-y:auto}.cal-screen__event{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s,transform .2s;display:flex}.cal-screen__event--selected{background:#f0f4ff;transform:scale(1.02)}.cal-screen__event-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cal-screen__event-icon .material-symbols-outlined{color:#fff;font-size:12px}.cal-screen__event-info{flex-direction:column;gap:1px;display:flex}.cal-screen__event-title{font-family:var(--font-sans);color:#1f1f1f;font-size:9px;font-weight:600}.cal-screen__event-time{font-family:var(--font-sans);color:#5f6368;font-size:7px}.gesture-overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.gesture-tap{position:absolute;transform:translate(-50%,-50%)}.gesture-tap__dot{background:#0003;border-radius:50%;width:24px;height:24px;animation:1s forwards gesture-tap-press}.gesture-tap__ripple{border:2px solid #00000026;border-radius:50%;width:24px;height:24px;animation:1s forwards gesture-tap-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gesture-tap-press{0%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.85)}70%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes gesture-tap-ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.gesture-swipe{left:var(--x1);top:var(--y1);animation:gesture-swipe-move var(--duration,2s) ease forwards;position:absolute}.gesture-swipe__dot{background:#0003;border-radius:50%;width:24px;height:24px;animation:2s forwards gesture-swipe-dot-life;transform:translate(-50%,-50%)}.gesture-swipe__trail{transform-origin:100%;background:#00000014;border-radius:1px;height:2px;animation:2s forwards gesture-swipe-trail;position:absolute;top:50%;right:50%}@keyframes gesture-swipe-move{0%{left:var(--x1);top:var(--y1)}15%{left:var(--x1);top:var(--y1)}85%{left:var(--x2);top:var(--y2)}to{left:var(--x2);top:var(--y2)}}@keyframes gesture-swipe-dot-life{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}@keyframes gesture-swipe-trail{0%{opacity:0;width:0}15%{opacity:.5;width:0}85%{opacity:.3;width:120px}to{opacity:0;width:120px}}.gesture-pinch{position:absolute;transform:translate(-50%,-50%)}.gesture-pinch__finger{background:#0003;border-radius:50%;width:22px;height:22px;position:absolute}.gesture-pinch__finger--out-a{animation:2.2s forwards gesture-pinch-out-a}.gesture-pinch__finger--out-b{animation:2.2s forwards gesture-pinch-out-b}@keyframes gesture-pinch-out-a{0%{opacity:0;transform:translate(-10px,-10px)scale(0)}10%{opacity:1;transform:translate(-10px,-10px)scale(1)}80%{opacity:1;transform:translate(-45px,-45px)scale(1)}to{opacity:0;transform:translate(-45px,-45px)scale(.5)}}@keyframes gesture-pinch-out-b{0%{opacity:0;transform:translate(10px,10px)scale(0)}10%{opacity:1;transform:translate(10px,10px)scale(1)}80%{opacity:1;transform:translate(45px,45px)scale(1)}to{opacity:0;transform:translate(45px,45px)scale(.5)}}.gesture-pinch__finger--in-a{animation:2.2s forwards gesture-pinch-in-a}.gesture-pinch__finger--in-b{animation:2.2s forwards gesture-pinch-in-b}@keyframes gesture-pinch-in-a{0%{opacity:0;transform:translate(-45px,-45px)scale(0)}10%{opacity:1;transform:translate(-45px,-45px)scale(1)}80%{opacity:1;transform:translate(-10px,-10px)scale(1)}to{opacity:0;transform:translate(-10px,-10px)scale(.5)}}@keyframes gesture-pinch-in-b{0%{opacity:0;transform:translate(45px,45px)scale(0)}10%{opacity:1;transform:translate(45px,45px)scale(1)}80%{opacity:1;transform:translate(10px,10px)scale(1)}to{opacity:0;transform:translate(10px,10px)scale(.5)}}.preview-tv-screen{background:#0a0a0a;flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-tv-screen__topbar{z-index:2;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}.preview-tv-screen__nav{gap:14px;display:flex}.preview-tv-screen__nav-item{font-family:var(--font-sans);color:#ffffff80;font-size:9px;font-weight:500}.preview-tv-screen__nav-item--active{color:#fff;font-weight:600;transition:color .3s}.preview-tv-screen__user{gap:8px;display:flex}.preview-tv-screen__user .material-symbols-outlined{color:#fff9;font-size:14px}.preview-tv-screen__hero{align-items:flex-end;height:60%;padding:14px 16px;animation:.8s tv-hero-in;display:flex;position:relative}@keyframes tv-hero-in{0%{opacity:0}to{opacity:1}}.preview-tv-screen__hero-gradient{background:linear-gradient(#0000,#0a0a0a);height:60%;position:absolute;bottom:0;left:0;right:0}.preview-tv-screen__hero-content{z-index:1;flex-direction:column;gap:3px;display:flex;position:relative}.preview-tv-screen__hero-tag{font-family:var(--font-sans);color:#e879f9;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:600}.preview-tv-screen__hero-title{font-family:var(--font-sans);color:#fff;font-size:16px;font-weight:700;line-height:1.1}.preview-tv-screen__hero-desc{font-family:var(--font-sans);color:#fff9;max-width:50%;font-size:8px;font-weight:400;line-height:1.4}.preview-tv-screen__hero-buttons{gap:6px;margin-top:6px;display:flex}.preview-tv-screen__btn{font-family:var(--font-sans);border-radius:4px;align-items:center;gap:3px;padding:4px 10px;font-size:8px;font-weight:600;display:flex}.preview-tv-screen__btn .material-symbols-outlined{font-size:12px}.preview-tv-screen__btn--play{color:#111;background:#fff}.preview-tv-screen__btn--info{color:#fff;background:#fff3}.preview-tv-screen__rows{flex-direction:column;flex:1;gap:8px;padding:6px 16px 12px;display:flex}.preview-tv-screen__row-title{font-family:var(--font-sans);color:#fff;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.preview-tv-screen__cards{gap:6px;display:flex}.preview-tv-screen__card{aspect-ratio:16/9;border:2px solid #0000;border-radius:4px;flex:1;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.preview-tv-screen__card--selected{z-index:1;border-color:#fff;transform:scale(1.08);box-shadow:0 0 12px #ffffff4d}.preview-tv-screen__card--wide{aspect-ratio:2}.preview-tv-screen__card-progress{background:#e50914;border-radius:0 2px 0 0;height:3px;position:absolute;bottom:0;left:0}@media (width<=768px){.api-preview__composition{width:96vw}.api-preview__logo{height:40px;top:16px;right:16px}.api-preview__url{font-size:12px;bottom:16px;right:16px}}.legal{background:#fff;flex-direction:column;min-height:100vh;display:flex}.legal__main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:80px 24px 60px}.legal__title{font-family:var(--font-sans);color:#1f1f1f;margin:0 0 4px;font-size:28px;font-weight:700}.legal__updated{font-family:var(--font-sans);color:#444746;margin:0 0 32px;font-size:13px}.legal__section{margin-bottom:28px}.legal__section h2{font-family:var(--font-sans);color:#1f1f1f;margin:0 0 8px;font-size:16px;font-weight:600}.legal__section p{font-family:var(--font-sans);color:#444746;margin:0;font-size:14px;line-height:1.7}@media (width<=640px){.legal__main{padding:60px 16px 40px}.legal__title{font-size:22px}}