@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Caveat:wght@400;700&display=swap";
:root{--bg:#fff;--text:#000;--muted:#666;--border:#f0f0f0;--accent:#000;--youtube-red:red;--handwritten:"Caveat", cursive;--p-green:#dcfce7;--p-purple:#f3e8ff;--p-orange:#fff7ed;--p-blue:#e0f2fe}.dark{--bg:#0a0a0a;--text:#fff;--muted:#a1a1a1;--border:#262626;--accent:#fff;--p-green:#22c55e40;--p-purple:#a855f740;--p-orange:#f9731640;--p-blue:#3b82f640}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;font-size:.95rem;line-height:1.5}.landing{flex-direction:column;min-height:100vh;padding-bottom:100px;display:flex}.navbar-minimal{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto 60px;padding:40px 24px;display:flex}.theme-toggle-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--border);transform:scale(1.05)}.logo-small{text-transform:none;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.nav-logo{border-radius:4px;width:auto;height:40px;margin-right:-4px}.f-logo{align-items:center;font-size:.9rem;font-weight:700;display:flex}.f-favicon{border-radius:3px;width:auto;height:20px;margin-right:-2px}.hero-minimal{width:100%;max-width:450px;margin:0 auto 60px}.hero-minimal h1,.hero-minimal .hero-title{letter-spacing:-.045em;margin-bottom:20px;font-size:2.22rem;font-weight:700;line-height:1.15}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h1-yt-logo{vertical-align:middle;width:auto;height:1.25em;margin:0 4px;display:inline-block;position:relative;top:-.05em}.bookmark-pill{background:var(--border);color:var(--muted);border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:0 auto 24px;padding:4px 12px;font-size:.8rem;font-weight:500;display:flex}.kbd-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #0000000d}.kbd-btn.green{background:var(--p-green);color:#166534;border-color:#1665341a}.kbd-btn.purple{background:var(--p-purple);color:#6b21a8;border-color:#6b21a81a}.dark .kbd-btn.green{color:#86efac}.dark .kbd-btn.purple{color:#d8b4fe}.hero-desc{color:var(--muted);margin-bottom:40px;font-size:1rem}.hero-search-wrapper{flex-direction:column;gap:12px;display:flex;position:relative}.hero-search-minimal{flex-direction:column;gap:12px;width:100%;display:flex}.hero-search-minimal input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:12px 0;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.hero-search-minimal input::placeholder{color:var(--muted)}.transcribe-btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.transcribe-btn:before{content:"";height:100%;width:var(--progress,0%);background:var(--p-green);z-index:1;transition:width .4s ease-out;position:absolute;top:0;left:0}.dark .transcribe-btn:before{background:#22c55e66}.transcribe-btn.is-loading{background:var(--border);color:var(--text);cursor:wait}.progress-container{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.progress-text{font-variant-numeric:tabular-nums;z-index:2;font-family:inherit;font-weight:600}.transcribe-btn:hover{opacity:.85;transform:translateY(-1px)}.dark .transcribe-btn:hover{opacity:.85}.transcribe-btn .circle-wrap{width:24px;height:24px;color:inherit;background:#80808033;border-radius:50%;justify-content:center;align-items:center;display:flex}.hero-hint{color:var(--muted);align-items:flex-end;gap:10px;display:flex;position:absolute;top:-35px;right:-210px}.hero-hint span{font-family:var(--handwritten);white-space:nowrap;font-size:1.2rem;transform:rotate(-5deg)}.curvy-arrow{width:70px;height:auto;transform:rotate(-5deg)}@media (max-width:900px){.hero-hint{display:none}}.result-minimal{width:100%;max-width:1100px;margin:0 auto 100px;padding:0 24px}.animate-in{animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card-minimal{background:var(--bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr;gap:40px;padding:40px;display:grid;position:relative;box-shadow:0 4px 24px #00000005}@media (min-width:1024px){.result-card-minimal{grid-template-columns:1.2fr 1fr;align-items:start}.video-column{position:sticky;top:40px}}.box-close-btn{cursor:pointer;z-index:50;border:1px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 12px #00000026;color:#000!important;background:#fff!important}.box-close-btn:hover{background:var(--text);color:#fff;border-color:var(--text);transform:scale(1.1)}.video-column{width:100%}.video-wrapper iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;width:100%;display:block;overflow:hidden}.v-views,.v-date{color:var(--muted);font-weight:400}.video-info{grid-template-columns:1fr;align-items:start;column-gap:16px;margin-top:24px;padding:0 4px;display:grid}.video-info.has-avatar{grid-template-columns:auto 1fr}.v-avatar{object-fit:cover;background:var(--border);border-radius:50%;grid-row:1/span 3;width:44px;height:44px;margin-top:4px}.v-title{letter-spacing:-.015em;grid-area:1/1;margin-bottom:6px;font-size:1.45rem;font-weight:700;line-height:1.25}.video-info.has-avatar .v-title{grid-area:1/2}.video-info.has-avatar .v-meta-stack{grid-area:2/2}.v-meta-stack{flex-direction:column;grid-area:2/1;gap:4px;display:flex}.video-info.has-avatar .v-meta-stack{grid-column:2}.v-author-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:4px;display:flex}.v-author-link{color:var(--text);font-size:1rem;font-weight:600;text-decoration:none;transition:color .1s}.v-author-link:hover{opacity:.8}.v-subs-pill{color:var(--muted);font-size:.85rem;font-weight:400}.v-subscribe-btn{color:#fff;background:#0f0f0f;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.v-subscribe-btn:hover{background:#272727}.dark .v-subscribe-btn{color:#000;background:#f1f1f1}.dark .v-subscribe-btn:hover{background:#d9d9d9}.v-stats-row{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.v-dot{opacity:.5}.v-duration{font-weight:500}.t-controls-minimal{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.t-info h3{margin-bottom:4px;font-size:1.1rem}.t-stats{color:var(--muted);font-size:.8rem}.t-actions{gap:8px;display:flex}.t-info.ai-dropdown-container{z-index:1000;position:relative}.ai-dropdown-container{display:inline-block;position:relative}.t-controls-minimal .ai-dropdown-container:first-child:hover .minimal-btn{color:#f97316;border-color:#f97316}.t-controls-minimal .ai-dropdown-container:nth-child(2):hover .minimal-btn{color:#22c55e;border-color:#22c55e}.t-controls-minimal .ai-dropdown-container:nth-child(3):hover .minimal-btn{color:#a855f7;border-color:#a855f7}.t-controls-minimal .ai-dropdown-container:nth-child(4):hover .minimal-btn,.t-controls-minimal .ai-dropdown-container:nth-child(4) .minimal-btn.active{color:#3b82f6;border-color:#3b82f6}.ai-dropdown-container:hover .minimal-btn{background:var(--bg);transform:translateY(-1px)}.dark .ai-dropdown-container:hover .minimal-btn{background:0 0}.ai-dropdown{background:var(--bg);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:1000;border-radius:12px;flex-direction:column;width:160px;min-width:150px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 10px 30px #0000001a}.dark .ai-dropdown{box-shadow:0 4px 20px #00000080}.ai-dropdown-container:hover .ai-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.ai-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .2s;display:flex}.ai-option:hover{background:var(--border)}.ai-dropdown .ai-option:first-child:hover{color:#22c55e;background:#22c55e1a}.ai-dropdown .ai-option:nth-child(2):hover{color:#a855f7;background:#a855f71a}.ai-dropdown .ai-option:nth-child(3):hover{color:#3b82f6;background:#3b82f61a}.ai-dropdown .ai-option:nth-child(4):hover{color:#f97316;background:#f973161a}.ai-dropdown .ai-option:nth-child(5):hover{color:#ec4899;background:#ec48991a}.ai-dropdown .ai-option:nth-child(6):hover{color:#ef4444;background:#ef44441a}.ai-option img{opacity:.8;transition:all .2s}.ai-option:hover img{opacity:1;transform:scale(1.1)}.chatgpt-icon{filter:invert()}.dark .chatgpt-icon{filter:invert(0)!important}.minimal-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;min-width:fit-content;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.t-actions>button:hover,.t-actions .ai-dropdown-container:hover .minimal-btn{background:var(--bg);transform:translateY(-1px)}.t-actions>button:first-child:hover{color:#22c55e;border-color:#22c55e}.t-actions>.ai-dropdown-container:nth-child(2):hover .minimal-btn{color:#a855f7;border-color:#a855f7}.t-actions>.ai-dropdown-container:nth-child(3):hover .minimal-btn,.t-actions>.ai-dropdown-container:nth-child(3) .minimal-btn.active{color:#3b82f6;border-color:#3b82f6}.dark .t-actions button:hover{background:0 0}.dark .t-actions button:nth-child(3).active{color:#3b82f6;background:#3b82f633;border-color:#3b82f6}.minimal-btn.active{border-color:#0000}.search-mini-minimal{z-index:1;position:relative}.search-mini-minimal input{border:none;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;margin-bottom:24px;padding:10px 0;font-family:inherit;font-size:.95rem}.t-data-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:600px;padding-right:12px;position:relative;overflow-y:auto}.t-data-scroll::-webkit-scrollbar{width:4px}.t-data-scroll::-webkit-scrollbar-track{background:0 0}.t-data-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px;transition:background .2s}.t-data-scroll:hover::-webkit-scrollbar-thumb{background:var(--muted)}.t-data-scroll.is-paragraph{word-spacing:0;line-height:1.8}.t-data-scroll.is-paragraph .data-row{cursor:pointer;transition:none;display:inline}.t-data-scroll:not(.is-paragraph) .data-row{border-radius:8px;gap:16px;margin-bottom:2px;padding:10px 12px;display:flex}.data-time{color:var(--muted);opacity:.6;min-width:44px;font-size:.75rem;font-weight:700}.data-text{color:var(--text);border-radius:4px;padding:2px 0;font-size:.95rem;transition:background .1s}.dark .data-text{color:#e0e0e0;font-weight:400}.t-data-scroll:not(.is-paragraph) .data-row:hover{background:0 0}.data-row:nth-child(4n+1):hover .data-text,.data-row:nth-child(4n+1).active .data-text,.data-row:nth-child(4n+1) .data-text.active{background:var(--p-green)}.data-row:nth-child(4n+2):hover .data-text,.data-row:nth-child(4n+2).active .data-text,.data-row:nth-child(4n+2) .data-text.active{background:var(--p-purple)}.data-row:nth-child(4n+3):hover .data-text,.data-row:nth-child(4n+3).active .data-text,.data-row:nth-child(4n+3) .data-text.active{background:var(--p-orange)}.data-row:nth-child(4n+4):hover .data-text,.data-row:nth-child(4n+4).active .data-text,.data-row:nth-child(4n+4) .data-text.active{background:var(--p-blue)}.dark .data-row:nth-child(4n+1):hover .data-text,.dark .data-row:nth-child(4n+1).active .data-text,.dark .data-row:nth-child(4n+1) .data-text.active{color:#fff;background:#22c55e}.dark .data-row:nth-child(4n+2):hover .data-text,.dark .data-row:nth-child(4n+2).active .data-text,.dark .data-row:nth-child(4n+2) .data-text.active{color:#fff;background:#a855f7}.dark .data-row:nth-child(4n+3):hover .data-text,.dark .data-row:nth-child(4n+3).active .data-text,.dark .data-row:nth-child(4n+3) .data-text.active{color:#fff;background:#f97316}.dark .data-row:nth-child(4n+4):hover .data-text,.dark .data-row:nth-child(4n+4).active .data-text,.dark .data-row:nth-child(4n+4) .data-text.active{color:#fff;background:#3b82f6}.data-row.is-chunk{border-bottom:1px dashed var(--border);flex-direction:column;gap:8px;margin-bottom:16px!important;padding-bottom:16px!important;display:flex!important}.data-row.is-chunk:last-child{border-bottom:none}.data-row.is-chunk .data-text{border-radius:4px;padding:1px 0;line-height:1.6}.active-chunk{border-left:2px solid var(--accent);padding-left:10px!important}.chunk-content{display:inline}.narrative-section{width:100%;max-width:450px;margin:0 auto 48px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.75rem;font-weight:700}.narrative-section h2{margin-bottom:24px;font-size:1.5rem;font-weight:700}.narrative-text{color:var(--muted);margin-bottom:48px}.hl-green{background:var(--p-green);color:#166534;border-radius:4px;padding:2px 4px}.hl-purple{background:var(--p-purple);color:#6b21a8;border-radius:4px;padding:2px 4px}.hl-orange{background:var(--p-orange);color:#9a3412;border-radius:4px;padding:2px 4px}.dark .hl-green{color:#6ee7b7;background:#065f46;font-weight:600}.dark .hl-purple{color:#d8b4fe;background:#5b21b6;font-weight:600}.dark .hl-orange{color:#fdba74;background:#9a3412;font-weight:600}.features-section{width:100%;max-width:450px;margin:0 auto 48px}.features-header{margin-bottom:48px}.features-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.features-grid{flex-direction:column;gap:16px;display:flex}.feature-card{border:1px solid var(--border);border-radius:14px;padding:24px}.feature-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.feature-icon.green{background:var(--p-green);color:#166534}.feature-icon.purple{background:var(--p-purple);color:#6b21a8}.feature-icon.orange{background:var(--p-orange);color:#9a3412}.feature-icon.blue{background:var(--p-blue);color:#1d4ed8}.dark .feature-icon.green{color:#86efac}.dark .feature-icon.purple{color:#d8b4fe}.dark .feature-icon.orange{color:#fdba74}.dark .feature-icon.blue{color:#93c5fd}.feature-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.usecases-section{width:100%;max-width:450px;margin:0 auto 48px}.usecases-header{margin-bottom:48px}.usecases-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.usecases-grid{flex-direction:column;gap:16px;display:flex}.usecase-card{border:1px solid var(--border);border-radius:14px;padding:24px}.usecase-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.usecase-icon.green{background:var(--p-green);color:#166534}.usecase-icon.purple{background:var(--p-purple);color:#6b21a8}.usecase-icon.orange{background:var(--p-orange);color:#9a3412}.usecase-icon.blue{background:var(--p-blue);color:#1d4ed8}.dark .usecase-icon.green{color:#86efac}.dark .usecase-icon.purple{color:#d8b4fe}.dark .usecase-icon.orange{color:#fdba74}.dark .usecase-icon.blue{color:#93c5fd}.usecase-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1.05rem;font-weight:700}.usecase-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.footer-tagline{padding:16px 0}.footer-tagline h3{margin-bottom:4px;font-size:1rem;font-weight:700}.footer-tagline p{color:var(--muted);font-size:.85rem;line-height:1.5}.legal-page{width:100%;max-width:450px;margin:0 auto 80px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:40px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text)}.legal-header{margin-bottom:40px}.legal-header h1{letter-spacing:-.03em;margin-bottom:8px;font-size:2rem;font-weight:700}.legal-subtitle{color:var(--muted);font-size:.9rem}.legal-date{color:var(--muted);margin-top:4px;font-size:.85rem}.legal-intro{color:var(--muted);margin-bottom:40px;line-height:1.7}.legal-section{margin-bottom:36px}.legal-section h2{letter-spacing:-.01em;margin-bottom:12px;font-size:1.15rem;font-weight:700}.legal-section p{color:var(--muted);margin-bottom:12px;line-height:1.7}.legal-section a{color:var(--text);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.legal-section a:hover{opacity:.7}.legal-section ul{margin:12px 0;padding:0;list-style:none}.legal-section ul li{color:var(--muted);margin-bottom:6px;padding-left:16px;line-height:1.7;position:relative}.legal-section ul li:before{content:"–";color:var(--muted);position:absolute;left:0}.contact-btn{background:var(--text);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;color:var(--bg)!important;text-decoration:none!important}.contact-btn:hover{opacity:.85;transform:translateY(-1px)}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:20px 0;font-family:inherit;font-size:1rem;font-weight:600;transition:color .2s;display:flex}.faq-question:hover{color:var(--muted)}.faq-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.faq-dot.green{background:#22c55e}.faq-dot.purple{background:#a855f7}.faq-dot.orange{background:#f97316}.faq-dot.blue{background:#3b82f6}.faq-q-text{flex:1}.faq-chevron{color:var(--muted);flex-shrink:0;transition:transform .25s}.faq-chevron.rotated{transform:rotate(180deg)}.faq-answer{padding:0 0 20px 20px;animation:.2s fadeIn}.faq-answer p{color:var(--muted);font-size:.95rem;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.footer-links-row{flex-wrap:wrap;gap:20px;display:flex}.footer-links-row a{color:var(--muted);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links-row a:hover{color:var(--text)}.final-minimal{text-align:center;width:100%;max-width:450px;margin:0 auto 100px}.final-minimal p{color:var(--muted);margin-bottom:24px}.cta-minimal{border:1px solid var(--text);cursor:pointer;color:var(--text);background:0 0;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .2s}.cta-minimal:hover{color:#a855f7;border-color:#a855f7}.footer-minimal{border-top:1px solid var(--border);width:100%;max-width:450px;margin:0 auto;padding:40px 0}.footer-content-narrow{flex-direction:column;gap:20px;display:flex}.footer-top-row{justify-content:space-between;align-items:center;display:flex}.footer-disclaimer{color:var(--muted);opacity:.8;font-size:.7rem;line-height:1.6}.f-meta{color:var(--muted);font-size:.8rem}mark{color:#b45309;background:#fffbeb;border-radius:2px;padding:0 4px}.dark mark{color:#fff;background:#3b82f666}@media (max-width:600px){.navbar-minimal{margin-bottom:60px;padding:32px 20px}.footer-minimal{border-top:1px solid var(--border);margin-top:40px;padding:80px 20px 100px}.footer-content-narrow{gap:40px}.hero-minimal{max-width:100%;padding:0 20px}.hero-minimal h1{font-size:1.8rem}.result-card-minimal{border-radius:12px;gap:30px;padding:16px}.result-minimal{padding:0 16px}.transcript-area-minimal,.video-column{min-width:0}.v-title{font-size:1.2rem}.v-author-link{width:100%;margin-bottom:2px}.t-controls-minimal{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:24px;display:flex;overflow:visible;flex-direction:row!important}.ai-dropdown-container{display:inline-block;position:relative}.ai-dropdown{z-index:10000;width:200px;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a;background:var(--bg)!important}.search-mini-minimal{width:100%;margin-top:10px}.narrative-section,.final-minimal,.features-section,.usecases-section,.legal-page{max-width:100%;padding:0 20px}.box-close-btn{top:-10px;right:-10px}}.popup-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#ffffff80;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.dark .popup-overlay{background:#000000bf}.popup-content{background:linear-gradient(var(--bg), var(--bg)) padding-box, repeating-linear-gradient(45deg, var(--p-green) 0, var(--p-green) 12px, var(--p-purple) 12px, var(--p-purple) 24px, var(--p-orange) 24px, var(--p-orange) 36px, var(--p-blue) 36px, var(--p-blue) 48px) border-box;text-align:center;border:4px solid #0000;border-radius:20px;width:100%;max-width:380px;padding:32px 40px;animation:.5s cubic-bezier(.16,1,.3,1) popIn;position:relative;box-shadow:0 10px 40px #0000001a}.dark .popup-content{box-shadow:0 10px 40px #00000080}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-close{background:var(--text);color:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 12px #00000026}.popup-close:hover{transform:scale(1.1)}.popup-content h3{color:var(--text);letter-spacing:-.015em;margin-bottom:12px;font-size:1.45rem;font-weight:700}.popup-content p{color:var(--muted);margin-bottom:0;font-size:1rem;line-height:1.5}.popup-content kbd{border-radius:6px;margin:0 2px;padding:4px 8px;font-family:inherit;font-size:.95rem;font-weight:600}.popup-content kbd.kbd-1{background:var(--p-green);color:#166534;border:1px solid #22c55e4d}.dark .popup-content kbd.kbd-1{color:#6ee7b7;background:#065f46;border-color:#6ee7b74d}.popup-content kbd.kbd-2{background:var(--p-purple);color:#6b21a8;border:1px solid #a855f74d}.dark .popup-content kbd.kbd-2{color:#d8b4fe;background:#5b21b6;border-color:#d8b4fe4d}