:root,[data-theme=light]{--bg: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--surface: #ffffff;--text: #202124;--text-secondary: #5f6368;--text-muted: #9aa0a6;--border: #e0e0e0;--border-light: #eeeeee;--accent: #1a73e8;--accent-hover: #1765cc;--accent-light: #e8f0fe;--accent-text: #1a73e8;--red: #ea4335;--red-light: #fce8e6;--green: #34a853;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--player-bg: #fff;--player-border: #e0e0e0;--navbar-bg: rgba(255, 255, 255, .85);--text-color: var(--text);--link-color: var(--accent-text);--border-color: var(--border);--card-bg: var(--surface);--bg-color: var(--bg-secondary);--text-main: var(--text);--bg-main: var(--bg);--bg-hover: var(--bg-tertiary);--accent-rgb: 26, 115, 232;--font-mono: "Fira Code", monospace;--page-max-width: 1200px;--content-max-width: 760px;--page-gutter: clamp(16px, 3vw, 24px);--clock-back: rgba(129, 210, 255, .78);--clock-front: rgba(34, 122, 219, .9);--clock-shadow: rgba(26, 115, 232, .1)}[data-theme=dark]{--bg: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #121212;--surface: #0a0a0a;--text: #e4e6eb;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #1f1f1f;--border-light: #141414;--accent: #ffffff;--accent-hover: #e4e6eb;--accent-light: rgba(255, 255, 255, .12);--accent-text: #ffffff;--red: #f28b82;--red-light: rgba(242, 139, 130, .15);--green: #81c995;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .8);--player-bg: #0a0a0a;--player-border: #1f1f1f;--navbar-bg: rgba(0, 0, 0, .85);--text-color: var(--text);--link-color: var(--accent-text);--border-color: var(--border);--card-bg: var(--surface);--bg-color: var(--bg-secondary);--text-main: var(--text);--bg-main: var(--bg);--bg-hover: var(--bg-tertiary);--accent-rgb: 255, 255, 255;--font-mono: "Fira Code", monospace;--clock-back: rgba(255, 255, 255, .25);--clock-front: rgba(255, 255, 255, .9);--clock-shadow: rgba(255, 255, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:80px}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{scroll-margin-top:80px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;transition:background .35s ease,color .35s ease;overflow-x:hidden;scrollbar-gutter:stable;min-width:320px}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;width:1em;height:1em;overflow:hidden;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.hidden{display:none!important}a{color:var(--accent-text);text-decoration:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.welcome-screen{position:fixed;inset:0;z-index:10000;background:var(--bg);display:none;justify-content:center;align-items:center;transition:opacity .6s ease,transform .6s ease}.welcome-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.welcome-inner{text-align:center}.welcome-logo-anim{display:inline-flex;font-size:3.5rem;font-weight:800;letter-spacing:-2px;gap:2px}.welcome-letter{display:inline-block;opacity:0;transform:translateY(30px);animation:letterIn .5s forwards;animation-delay:calc(var(--i) * .08s);color:var(--text)}.welcome-letter.dot{color:var(--accent)}@keyframes letterIn{to{opacity:1;transform:translateY(0)}}.welcome-subtitle{margin-top:16px;font-size:1rem;color:var(--text-secondary);opacity:0;animation:fadeUp .4s .6s forwards}.welcome-loader{margin:30px auto 0;width:200px;height:3px;background:var(--border);border-radius:3px;overflow:hidden;opacity:0;animation:fadeUp .3s .8s forwards}.welcome-bar{height:100%;width:0%;background:var(--accent);border-radius:3px;animation:loadBar 1.2s .9s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeUp{to{opacity:1}}@keyframes loadBar{0%{width:0%}to{width:100%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:background .35s,border-color .35s}.nav-inner{width:min(var(--page-max-width),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:0;min-height:64px;display:flex;align-items:center;gap:20px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);flex-shrink:0}.logo-icon{width:28px;height:28px;object-fit:contain;font-size:28px;color:var(--accent)}.logo-text{font-size:1.2rem;font-weight:700;letter-spacing:-.5px}.logo-accent{color:var(--accent)}.nav-center{flex:1;max-width:600px;margin:0 auto;position:relative;min-width:0}.search-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;visibility:hidden;transition:opacity .25s ease,backdrop-filter .25s ease,visibility .25s ease;z-index:2100}.search-backdrop.active{opacity:1;visibility:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-trigger-bar{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:0 16px;height:40px;width:100%;max-width:480px;margin:0 auto;cursor:pointer;transition:background .2s,border-color .2s;user-select:none}.search-trigger-bar:hover{background:var(--bg-tertiary);border-color:var(--border)}.search-trigger-bar .search-icon{color:var(--text-muted);font-size:18px;margin-right:10px}.search-placeholder{color:var(--text-muted);font-size:.85rem;flex:1;text-align:left}.search-shortcut{font-size:.72rem;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-light);padding:2px 6px;border-radius:4px;font-family:var(--font-mono),monospace}.search-modal{position:fixed;top:15vh;left:50%;transform:translate(-50%) scale(.96);width:min(580px,92vw);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:2200;opacity:0;visibility:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;display:flex;flex-direction:column;overflow:hidden}.search-modal.active{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.search-modal-header{display:flex;align-items:center;padding:14px 18px;background:transparent}.modal-search-icon{color:var(--text-muted);font-size:20px;margin-right:12px;flex-shrink:0}.search-modal-header input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:var(--text);font-family:inherit;width:100%}.search-modal-header input::placeholder{color:var(--text-muted)}.modal-close-badge{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono),monospace;font-size:.68rem;padding:3px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;user-select:none;flex-shrink:0;margin-left:8px}.modal-close-badge:hover{background:var(--border);color:var(--text)}.search-modal-divider{height:1px;background:var(--border-light);width:100%;display:none}.search-modal-results{max-height:320px;overflow-y:auto;padding:0;display:none}.search-modal.has-results .search-modal-divider{display:block}.search-modal.has-results .search-modal-results{display:block;padding:8px 0}.search-result-item{display:block;width:100%;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .2s;text-decoration:none;color:inherit;text-align:left}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.search-result-item:last-child{border-bottom:none}.search-result-item h4{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 6px;line-height:1.4}.search-result-item p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.55}.search-no-result{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.theme-toggle{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.theme-toggle:hover{background:var(--bg-tertiary)}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:border-color .3s}.nav-avatar:hover{border-color:var(--accent)}.guide-bar{position:sticky;top:64px;z-index:500;background:var(--bg);border-bottom:1px solid var(--border-light);transition:background .35s}.guide-inner{width:min(var(--page-max-width),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:12px 0;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.guide-inner::-webkit-scrollbar{display:none}.guide-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .25s ease}.guide-chip .material-icons-round{font-size:18px}.guide-chip:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.guide-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .guide-chip.active{background:var(--accent);color:#000}.hero-container{display:flex;align-items:stretch;justify-content:space-between;max-width:var(--page-max-width);width:calc(100% - (var(--page-gutter) * 2));margin:0 auto;padding:clamp(80px,11vw,104px) 0 40px;gap:48px}.hero-container .hero{flex:1;width:100%;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center}.hero-container .hero-tags{justify-content:flex-start}.hero-container .demo-terminal-wrapper{flex:1;width:100%;max-width:580px}@media(max-width:1024px){.hero-container{flex-direction:column;align-items:center;gap:32px;padding-top:clamp(60px,9vw,80px)}.hero-container .hero{text-align:center;align-items:center}.hero-container .hero-tags{justify-content:center}.hero-container .demo-terminal-wrapper{max-width:100%;height:460px}}.hero{width:min(720px,calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:clamp(80px,11vw,104px) 0 40px;text-align:center}.hero-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--border);margin-bottom:24px;transition:transform .3s,border-color .3s}.hero-avatar:hover{transform:scale(1.08);border-color:var(--accent)}.hero h1{font-size:2.4rem;font-weight:700;letter-spacing:-1px;line-height:1.3;margin-bottom:16px}.text-accent{color:var(--accent)}.hero-desc{font-size:1.05rem;color:var(--text-secondary);margin-bottom:24px}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero-tags span{padding:4px 14px;font-size:.8rem;font-weight:500;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-text);font-family:Fira Code,monospace;transition:background .2s,transform .2s}.hero-tags span:hover{transform:translateY(-2px)}.articles-section{width:min(var(--page-max-width),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:20px 0 60px}.section-heading{font-size:1.5rem;font-weight:700;margin-bottom:30px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.article-card-wrapper{display:flex;flex-direction:column}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.article-card-cover{width:100%;height:auto;min-height:180px;aspect-ratio:16 / 9;object-fit:cover;display:block}.article-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.article-card-tag{display:inline-block;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-text);margin-bottom:10px;width:fit-content}.article-card h3{font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:10px;color:var(--text)}.article-card p{font-size:.9rem;color:var(--text-secondary);flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4em}.article-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border-light);font-size:.8rem;color:var(--text-muted)}.article-card-stats{display:flex;gap:12px;align-items:center}.article-card-stats span{display:flex;align-items:center;gap:3px}.article-card-stats .material-icons-round{font-size:16px}.article-detail{width:min(var(--content-max-width),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;padding:100px 0 120px}.toc-fixed-container{position:fixed;top:150px;left:calc(50% - 660px);width:250px;z-index:90;display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media(max-width:1400px){.toc-fixed-container{left:var(--page-gutter)}}.toc-toggle-btn{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.toc-toggle-btn:hover{background:var(--bg-secondary);color:var(--accent);transform:scale(1.05)}.toc-fixed-container .article-toc{width:100%;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 16px;box-shadow:var(--shadow-sm);max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left top}.toc-fixed-container.collapsed .article-toc{opacity:0;transform:translate(-30px) scale(.95);pointer-events:none}@media(max-width:1300px){.toc-fixed-container{display:none}}.toc-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.toc-header .material-icons-round{font-size:20px;color:var(--accent)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.toc-item{line-height:1.4}.toc-item.depth-1,.toc-item.depth-2{padding-left:0}.toc-item.depth-3{padding-left:16px}.toc-item.depth-4{padding-left:32px}.toc-link{display:block;font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:6px 10px;border-radius:6px;transition:all .2s ease;border-left:2px solid transparent}.toc-link:hover{background:var(--bg-secondary);color:var(--text)}.toc-link.active{color:var(--accent);font-weight:600;background:var(--accent-light);border-left-color:var(--accent)}.back-btn{position:fixed;top:100px;left:max(var(--page-gutter),calc(50% - 540px));display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;padding:10px 20px;transition:all .25s ease;box-shadow:var(--shadow-sm);z-index:100}@media(max-width:1200px){.back-btn{position:static;margin-bottom:30px;display:inline-flex}}.back-btn:hover{background:var(--surface);border-color:var(--accent);color:var(--accent);transform:translate(-4px);box-shadow:var(--shadow-md)}.article-header{margin-bottom:40px;text-align:center}.article-meta-top{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.article-tag{padding:4px 12px;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-text)}.article-date{color:var(--text-muted);font-size:.85rem;display:flex;align-items:center}.article-header h1{font-size:2rem;font-weight:700;line-height:1.4;margin-bottom:20px}.article-author-row{display:flex;align-items:center;justify-content:center;gap:12px}.article-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.article-author-name{font-weight:600;font-size:.95rem;display:block}.article-read-time{font-size:.8rem;color:var(--text-muted)}.article-body{font-size:1rem;line-height:1.85;color:var(--text)}.article-body h2{font-size:1.5rem;font-weight:700;margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.article-body h3{font-size:1.2rem;font-weight:600;margin:30px 0 12px}.article-body p{margin-bottom:16px;color:var(--text-secondary)}.article-body code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.88em;color:var(--red)}.article-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;overflow-x:auto;margin:20px 0;font-family:Fira Code,monospace;font-size:.88rem;line-height:1.6}.article-body ul,.article-body ol{margin:12px 0 20px 24px;color:var(--text-secondary)}.article-body li{margin-bottom:6px}.article-body blockquote{border-left:4px solid var(--accent);padding:12px 20px;margin:20px 0;background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.article-actions{display:flex;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin:30px 0}.action-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 18px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .25s}.action-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.action-btn .material-icons-round{font-size:20px}.like-btn.liked{color:var(--red);border-color:var(--red);background:var(--red-light)}.like-btn.liked .material-icons-round{color:var(--red)}.comments-section h3{font-size:1.2rem;font-weight:600;margin-bottom:20px}.comment-form{display:flex;align-items:flex-start;gap:12px;margin-bottom:30px}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-input-wrap{flex:1;display:flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:0 6px 0 16px;height:42px;align-items:center;transition:border-color .3s}.comment-input-wrap:focus-within{border-color:var(--accent)}.comment-input-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text);font-family:inherit}.comment-send{width:32px;height:32px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.comment-send:hover{background:var(--accent-hover)}.comment-send .material-icons-round{font-size:18px}.comment-item{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.comment-item:last-child{border-bottom:none}.comment-body{flex:1}.comment-name{font-weight:600;font-size:.9rem;margin-bottom:2px}.comment-time{font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.comment-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.about-section{width:min(1000px,calc(100% - (var(--page-gutter) * 2)));margin:40px auto 60px;padding:0}.about-card{display:flex;gap:clamp(24px,5vw,50px);padding:clamp(24px,4vw,50px);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:flex-start;transition:border-color .3s}.about-card:hover{border-color:var(--accent)}.about-left{flex-shrink:0}.about-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid var(--border);transition:border-color .3s}.about-card:hover .about-avatar{border-color:var(--accent)}.about-right h2{font-size:1.6rem;font-weight:700;margin-bottom:16px}.about-bio{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.about-bio strong{color:var(--text)}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.about-skills span{padding:5px 14px;font-size:.8rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:Fira Code,monospace;transition:all .25s}.about-skills span:hover{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.about-links{display:flex;gap:12px;margin-top:16px}.about-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:all .25s}.about-link .material-icons-round{font-size:18px}.about-link svg{flex-shrink:0}.about-link:hover{background:var(--bg-secondary);border-color:var(--text-muted);color:var(--text)}.site-footer{text-align:center;padding:30px 24px 100px;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border-light)}.music-player{position:fixed;bottom:0;left:0;right:0;z-index:5000}.player-mini{display:flex;align-items:center;gap:14px;padding:10px clamp(12px,3vw,24px);background:var(--player-bg);border-top:1px solid var(--player-border);cursor:pointer;transition:background .35s}.player-disc{width:44px;height:44px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;animation:spin 8s linear infinite paused;box-sizing:border-box}.player-disc.playing{animation-play-state:running}#mini-cover{width:100%;height:100%;border-radius:50%;object-fit:cover}@keyframes spin{to{transform:rotate(360deg)}}.player-info-mini{flex:1;min-width:0}.player-song{display:block;font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:.75rem;color:var(--text-muted)}.player-controls-mini{display:flex;align-items:center;gap:4px}.player-controls-mini button,.player-controls-big button{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.player-controls-mini button:hover,.player-controls-big button:hover{background:var(--bg-tertiary)}.play-btn{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .play-btn{color:#1a1a2e!important}.player-expanded{position:fixed;inset:0;background:#1a1a1a;z-index:6000;overflow:hidden;animation:slideUp .4s ease}.player-bg-blur{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(40px) brightness(.4);z-index:0}.player-expanded-content{position:relative;z-index:1;padding:20px clamp(16px,3vw,24px) 40px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;width:min(800px,100%);max-width:none;margin:0 auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-expanded-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.player-expanded-title{font-size:1rem;font-weight:600;color:#fff;opacity:.9}.player-close{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.player-close:hover{background:#ffffff1a}.player-expanded-disc{flex:1;display:flex;justify-content:center;align-items:center;margin:20px 0}.big-disc{width:min(300px,72vw);height:min(300px,72vw);border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;padding:clamp(28px,10vw,50px);box-sizing:border-box;box-shadow:0 10px 40px #0009;animation:spin 15s linear infinite paused;border:1px solid rgba(255,255,255,.1)}.big-disc.playing{animation-play-state:running}#big-cover{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-expanded-info{text-align:center;margin-bottom:24px}.player-expanded-info h3{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px}.player-expanded-info p{color:#ffffffb3;font-size:.9rem}.player-progress{max-width:500px;width:100%;margin:0 auto 20px}.progress-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ff3a3a;cursor:pointer}.progress-time{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;margin-top:8px}.player-controls-big{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.player-controls-big button{color:#fff}.player-controls-big button:hover{background:#ffffff1a}.play-btn-big{width:64px!important;height:64px!important;background:#ff3a3a!important;color:#fff!important}.play-btn-big .material-icons-round{font-size:36px}[data-theme=dark] .play-btn-big{color:#fff!important}.player-playlist-panel{position:absolute;bottom:110px;right:clamp(12px,3vw,24px);width:min(320px,calc(100vw - 32px));background:#1c1c1ed9;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 0;max-height:calc(100vh - 200px);display:flex;flex-direction:column;z-index:100;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 40px #00000080;transform-origin:bottom right;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.player-playlist-panel h4{font-size:.95rem;font-weight:600;margin:0 16px 12px;color:#fff;opacity:.9}.player-playlist-panel ul{list-style:none;overflow-y:auto;flex:1;padding:0 8px;margin:0}.player-playlist-panel ul::-webkit-scrollbar{width:6px}.player-playlist-panel ul::-webkit-scrollbar-track{background:transparent}.player-playlist-panel ul::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.player-playlist-panel ul::-webkit-scrollbar-thumb:hover{background:#fff6}.player-playlist-panel li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s;color:#fffc;font-size:.9rem;margin-bottom:2px}.player-playlist-panel li:last-child{margin-bottom:0}.player-playlist-panel li:hover{background:#ffffff1a;color:#fff}.player-playlist-panel li.active{color:var(--accent, #ff3a3a);background:#ff3a3a1a}.player-playlist-panel li .track-num{width:24px;text-align:center;font-size:.8rem;color:#fff6;font-variant-numeric:tabular-nums}.player-playlist-panel li.active .track-num{color:var(--accent, #ff3a3a)}.player-playlist-panel li .track-name{flex:1;display:flex;flex-direction:column;justify-content:center;line-height:1.4}@media(max-width:1180px){.nav-inner{gap:14px}.nav-center{max-width:420px}.nav-right{gap:8px}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero h1{font-size:2rem}.article-detail{padding-top:90px}.about-card{flex-direction:column;gap:24px;align-items:center;text-align:center}.about-skills,.about-links{justify-content:center}}@media(max-width:960px){.hero h1{font-size:1.8rem}.nav-center{display:none}.nav-inner{gap:10px}.guide-inner{padding:10px 0}.article-detail{padding:84px 0 110px}.article-header h1{font-size:1.6rem}.article-body{font-size:.96rem;line-height:1.75}.article-body h2{font-size:1.35rem;margin-top:32px}.article-body h3{font-size:1.1rem}.action-btn{padding:8px 14px}}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;gap:18px}.player-mini{gap:10px}.player-controls-mini button,.player-controls-big button{width:36px;height:36px}.play-btn-big{width:56px!important;height:56px!important}.player-playlist-panel{left:16px;right:16px;width:auto;bottom:96px}}@media(max-width:600px){.hero{padding:76px 0 32px}.hero-avatar{width:80px;height:80px}.articles-section{padding:10px 0 40px}.section-heading{font-size:1.3rem;margin-bottom:24px}.article-card-body{padding:18px}.article-card-footer{padding:12px 18px}.article-author-row,.about-links{flex-wrap:wrap}.comment-form{flex-direction:column}.comment-avatar{display:none}}@media(max-width:480px){.welcome-logo-anim{font-size:2.4rem;letter-spacing:-1px;flex-wrap:wrap;justify-content:center}.welcome-loader{width:min(180px,72vw)}.nav-inner{width:calc(100% - 24px);min-height:56px}.guide-bar{top:56px}.hero{padding-top:72px}.hero h1{font-size:1.6rem}.hero-desc{font-size:.95rem}.guide-chip{padding:8px 14px}.article-card-cover{min-height:160px}.article-card h3{font-size:1rem}.article-card-footer{font-size:.75rem}.action-btn{font-size:.85rem}.player-mini{padding:8px 12px}.player-disc{width:40px;height:40px}.player-controls-mini{gap:0}.player-expanded-content{padding-bottom:28px}.player-expanded-info h3{font-size:1.2rem}.player-controls-big{gap:10px}}.nav-create-btn{display:none;align-items:center;gap:4px;background:var(--accent);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;margin-right:12px}.nav-create-btn:hover{transform:translateY(-2px);background:var(--accent-light);color:var(--accent-text)}[data-theme=dark] .nav-create-btn{background:var(--accent);color:#000}[data-theme=dark] .nav-create-btn:hover{background:var(--accent-hover);color:#000}.nav-create-btn .material-icons-round{font-size:1.1rem}.fullscreen-editor{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);z-index:9999;display:flex;flex-direction:column}.editor-topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:16px}.editor-back-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:4px;font-weight:600;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s}.editor-back-btn:hover{background:var(--bg-secondary);color:var(--text)}.editor-title-input{flex:1;background:transparent;border:none;font-size:1.3rem;font-weight:600;color:var(--text);outline:none;padding:8px}.editor-actions-right{display:flex;align-items:center;gap:12px}.sync-status{font-size:.85rem;padding:6px 12px;border-radius:var(--radius-full);font-weight:500}.editor-action-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);padding:6px 16px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;transition:all .2s}.editor-action-btn:hover{background:var(--bg);color:var(--accent);border-color:var(--accent)}.editor-save-btn{background:#fc5531;color:#fff;border:none;padding:6px 20px;border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-size:.95rem;transition:background .2s}.editor-save-btn:hover{background:#e54d2c}.editor-toolbar{height:40px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:8px;overflow-x:auto}.toolbar-group{display:flex;gap:2px}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.editor-toolbar button{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s,color .2s;font-size:.9rem;font-weight:600;padding:0 6px}.editor-toolbar button .material-icons-round{font-size:1.1rem}.editor-toolbar button:hover{background:var(--bg-secondary);color:var(--text)}.editor-workspace{flex:1;display:flex;height:calc(100vh - 96px);overflow:hidden}.editor-pane{flex:1;border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column}.preview-pane{flex:1;background:var(--bg);overflow-y:auto;padding:24px 32px}.syntax-guide-panel{width:300px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;transition:transform .3s ease-in-out}.syntax-guide-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.syntax-guide-header h3{font-size:1rem;font-weight:600}.close-guide{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;border-radius:var(--radius-sm)}.close-guide:hover{color:var(--text);background:var(--bg-secondary)}.syntax-guide-body{flex:1;overflow-y:auto;padding:16px}.syntax-guide-body h4{font-size:.9rem;color:var(--text-secondary);margin:16px 0 8px}.syntax-guide-body h4:first-child{margin-top:0}.syntax-guide-body pre{background:var(--bg);padding:10px;border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:.85rem;color:var(--text);white-space:pre-wrap;border:1px solid var(--border)}#article-editor{width:100%;height:100%;padding:24px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:1rem;line-height:1.8;outline:none;resize:none}.preview-pane::-webkit-scrollbar,#article-editor::-webkit-scrollbar{width:6px}.preview-pane::-webkit-scrollbar-thumb,#article-editor::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.preview-pane::-webkit-scrollbar-corner,#article-editor::-webkit-scrollbar-corner{background:transparent}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.gradient-2{background:linear-gradient(135deg,#fdfbfb,#ebedee);display:flex;align-items:center;justify-content:center;color:#202124!important}.gradient-3{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);display:flex;align-items:center;justify-content:center;color:#fff}.gradient-4{background:linear-gradient(135deg,#02aab0,#00cdac);display:flex;align-items:center;justify-content:center;color:#fff}.gradient-5{background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;color:#fff}.nav-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.nav-search-link[data-astro-cid-3ef6ksr2],.nav-works-btn[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 10px;border-radius:999px;transition:color .2s,background .2s,transform .2s;white-space:nowrap}.nav-search-link[data-astro-cid-3ef6ksr2]{display:none}.nav-search-link[data-astro-cid-3ef6ksr2] .material-icons-round[data-astro-cid-3ef6ksr2],.nav-works-btn[data-astro-cid-3ef6ksr2] .material-icons-round[data-astro-cid-3ef6ksr2]{font-size:18px}.nav-search-link[data-astro-cid-3ef6ksr2]:hover,.nav-works-btn[data-astro-cid-3ef6ksr2]:hover{background:var(--bg-secondary);color:var(--text);transform:translateY(-1px)}.nav-avatar-link[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;flex-shrink:0}.nav-create-btn[data-astro-cid-3ef6ksr2]{display:none;align-items:center;gap:4px;background:var(--accent);color:#fff;padding:5px 12px;border-radius:16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;box-shadow:0 2px 6px #007acc4d;white-space:nowrap}.nav-create-btn[data-astro-cid-3ef6ksr2]:hover{background:#0098ff;transform:translateY(-1px)}[data-theme=dark] .nav-create-btn[data-astro-cid-3ef6ksr2]{background:var(--accent);color:#000}[data-theme=dark] .nav-create-btn[data-astro-cid-3ef6ksr2]:hover{background:var(--accent-hover);color:#000}.nav-exit-dev-btn[data-astro-cid-3ef6ksr2]{display:none;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}.nav-exit-dev-btn[data-astro-cid-3ef6ksr2]:hover{background:var(--surface);color:var(--text)}@media(max-width:1180px){.nav-right[data-astro-cid-3ef6ksr2]{gap:8px}.nav-works-text[data-astro-cid-3ef6ksr2]{display:none}.nav-works-btn[data-astro-cid-3ef6ksr2]{padding:8px;gap:0}.nav-avatar-link[data-astro-cid-3ef6ksr2]{display:none}}@media(max-width:960px){.nav-search-link[data-astro-cid-3ef6ksr2]{display:inline-flex}.nav-search-link[data-astro-cid-3ef6ksr2],.nav-works-btn[data-astro-cid-3ef6ksr2]{padding:8px;gap:0}}@media(max-width:640px){.nav-right[data-astro-cid-3ef6ksr2]{gap:6px}.nav-create-text[data-astro-cid-3ef6ksr2]{display:none}.nav-create-btn[data-astro-cid-3ef6ksr2]{padding:6px 9px}.nav-exit-dev-btn[data-astro-cid-3ef6ksr2]{padding:6px 9px;font-size:.78rem}}.footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border-color);padding:2rem 1rem;margin-top:4rem;text-align:center;color:var(--text-muted);font-size:.875rem}.container[data-astro-cid-sz7xmlte]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.links[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.5rem}.divider[data-astro-cid-sz7xmlte]{color:var(--border-color)}a[data-astro-cid-sz7xmlte]{color:var(--text-muted)}a[data-astro-cid-sz7xmlte]:hover{color:var(--text-color)}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.ai-assistant-root[data-astro-cid-yh7sgvny]{--assistant-right: 20px;--assistant-bottom: 84px;--assistant-toggle-width: 280px;--assistant-toggle-height: 360px;position:fixed;right:var(--assistant-right);bottom:var(--assistant-bottom);z-index:5500;display:flex;flex-direction:column;align-items:flex-end}.ai-toggle-btn[data-astro-cid-yh7sgvny]{position:relative;width:var(--assistant-toggle-width);height:var(--assistant-toggle-height);border:none;background:transparent;padding:0;color:var(--text);cursor:pointer;overflow:visible}.ai-toggle-btn[data-astro-cid-yh7sgvny]:focus-visible{outline:none}.ai-toggle-btn[data-astro-cid-yh7sgvny]:focus-visible .ai-avatar-shell[data-astro-cid-yh7sgvny]{outline:2px solid rgba(47,155,255,.3);outline-offset:2px}.ai-avatar-shell[data-astro-cid-yh7sgvny]{display:block;width:100%;height:100%;background:transparent}.ai-avatar-viewer[data-astro-cid-yh7sgvny]{display:block;width:100%;height:100%;background:transparent;pointer-events:none;position:relative;overflow:visible;transform:scale(1.36) translateY(18px)}.ai-avatar-viewer[data-astro-cid-yh7sgvny] canvas[data-astro-cid-yh7sgvny]{display:block;width:100%;height:100%}.ai-toggle-sr[data-astro-cid-yh7sgvny]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-panel[data-astro-cid-yh7sgvny]{width:min(380px,calc(100vw - 24px));height:min(520px,calc(100vh - 220px));margin-bottom:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:visible}.ai-panel[data-astro-cid-yh7sgvny].hidden{display:none}.ai-panel-header[data-astro-cid-yh7sgvny]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.ai-panel-title-wrap[data-astro-cid-yh7sgvny]{display:flex;flex-direction:column}.ai-panel-title[data-astro-cid-yh7sgvny]{font-size:.98rem;color:var(--text)}.ai-panel-subtitle[data-astro-cid-yh7sgvny]{font-size:.76rem;color:var(--text-muted)}.ai-panel-actions[data-astro-cid-yh7sgvny]{display:flex;align-items:center;gap:6px}.ai-icon-btn[data-astro-cid-yh7sgvny]{width:30px;height:30px;border:1px solid var(--border-light);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ai-icon-btn[data-astro-cid-yh7sgvny]:hover{background:var(--bg-secondary);color:var(--text)}.ai-icon-btn[data-astro-cid-yh7sgvny] .material-icons-round[data-astro-cid-yh7sgvny]{font-size:18px}.ai-messages[data-astro-cid-yh7sgvny]{flex:1;overflow-y:auto;padding:14px;background:linear-gradient(180deg,var(--surface),var(--bg-secondary));display:flex;flex-direction:column;gap:10px}.ai-msg[data-astro-cid-yh7sgvny]{max-width:88%;position:relative;padding:10px 12px;border-radius:12px;font-size:.9rem;line-height:1.55;border:1px solid transparent;white-space:normal;word-break:break-word}.ai-msg[data-astro-cid-yh7sgvny] p[data-astro-cid-yh7sgvny]{margin:0}.ai-msg[data-astro-cid-yh7sgvny] time[data-astro-cid-yh7sgvny]{display:block;margin-top:6px;font-size:.72rem;color:var(--text-muted);text-align:right}.ai-msg-assistant[data-astro-cid-yh7sgvny]{align-self:flex-start;background:var(--bg);border-color:var(--border-light);color:var(--text)}.ai-msg-user[data-astro-cid-yh7sgvny]{align-self:flex-end;background:var(--accent-light);border-color:#1a73e838;color:var(--text)}.ai-status-row[data-astro-cid-yh7sgvny]{padding:8px 14px;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.ai-status[data-astro-cid-yh7sgvny]{font-size:.78rem;color:var(--text-muted)}.ai-status[data-astro-cid-yh7sgvny].is-error{color:var(--red)}.ai-status[data-astro-cid-yh7sgvny].is-busy{color:var(--accent)}.ai-form[data-astro-cid-yh7sgvny]{padding:10px 12px 12px;background:var(--surface)}.ai-input[data-astro-cid-yh7sgvny]{width:100%;resize:none;border:1px solid var(--border);border-radius:10px;padding:10px;font-size:.9rem;font-family:inherit;line-height:1.5;color:var(--text);background:var(--bg);outline:none}.ai-input[data-astro-cid-yh7sgvny]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ai-toolbar[data-astro-cid-yh7sgvny]{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-model-picker[data-astro-cid-yh7sgvny]{position:relative;min-width:0;overflow:visible}.ai-model-trigger[data-astro-cid-yh7sgvny]{min-width:138px;max-width:220px;border:1px solid rgba(71,85,105,.22);border-radius:999px;background:#111827;color:#f8fafc;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.ai-model-trigger[data-astro-cid-yh7sgvny]:hover:not(:disabled){border-color:#60a5fa75;transform:translateY(-1px)}.ai-model-trigger[data-astro-cid-yh7sgvny]:disabled{opacity:.58;cursor:not-allowed}.ai-model-trigger[data-astro-cid-yh7sgvny]:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa38}.ai-model-trigger-icon[data-astro-cid-yh7sgvny],.ai-model-trigger-caret[data-astro-cid-yh7sgvny]{font-size:18px}.ai-model-trigger-label[data-astro-cid-yh7sgvny]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600}.ai-model-menu[data-astro-cid-yh7sgvny]{position:absolute;left:0;bottom:calc(100% + 10px);width:min(292px,calc(100vw - 48px));padding:6px;border-radius:14px;border:1px solid var(--border-light);background:#0f172afa;box-shadow:0 22px 44px #0f172a38;display:flex;flex-direction:column;gap:4px;z-index:12}.ai-model-section-head[data-astro-cid-yh7sgvny]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 2px}.ai-model-section-label[data-astro-cid-yh7sgvny]{padding:2px 6px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#bfdbfec7}.ai-model-option[data-astro-cid-yh7sgvny]{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#ffffff08;color:#e5e7eb;padding:9px 10px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.ai-model-option[data-astro-cid-yh7sgvny]:hover{background:#ffffff0f;border-color:#94a3b847}.ai-model-option[data-astro-cid-yh7sgvny].is-active{border-color:#60a5fa85;background:#3b82f61f}.ai-model-option-main[data-astro-cid-yh7sgvny]{min-width:0;display:flex;flex-direction:column;gap:0}.ai-model-option-title-row[data-astro-cid-yh7sgvny]{display:inline-flex;align-items:center;gap:6px;min-width:0}.ai-model-option-title[data-astro-cid-yh7sgvny]{font-size:.82rem;font-weight:700;color:#f8fafc}.ai-model-option-brain[data-astro-cid-yh7sgvny]{flex-shrink:0;font-size:15px;color:#93c5fdf0}.ai-model-option-meta[data-astro-cid-yh7sgvny]{flex-shrink:0;align-self:center;padding:2px 7px;border-radius:999px;background:#ffffff14;font-size:.66rem;color:#e2e8f0eb}.ai-model-preview[data-astro-cid-yh7sgvny]{position:absolute;right:calc(100% + 12px);top:8px;width:min(228px,calc(100vw - 40px));z-index:13;pointer-events:none}.ai-model-preview-card[data-astro-cid-yh7sgvny]{border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0f172afa;box-shadow:0 20px 36px #0f172a47;padding:12px 14px}.ai-model-preview-title-row[data-astro-cid-yh7sgvny]{display:flex;align-items:center;gap:6px}.ai-model-preview-title[data-astro-cid-yh7sgvny]{font-size:.92rem;font-weight:700;color:#f8fafc}.ai-model-preview-icon[data-astro-cid-yh7sgvny]{font-size:16px;color:#93c5fdf0}.ai-model-preview-description[data-astro-cid-yh7sgvny]{margin:8px 0 0;font-size:.76rem;line-height:1.55;color:#e2e8f0e0}.ai-model-preview-meta[data-astro-cid-yh7sgvny]{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.ai-model-preview-chip[data-astro-cid-yh7sgvny]{padding:3px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#ffffff0d;font-size:.66rem;color:#e2e8f0e6}.ai-model-preview-route[data-astro-cid-yh7sgvny]{margin-top:10px;font-size:.68rem;color:#bfdbfed1}.ai-form-actions[data-astro-cid-yh7sgvny]{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.ai-secondary-btn[data-astro-cid-yh7sgvny],.ai-send-btn[data-astro-cid-yh7sgvny]{border:none;border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-secondary-btn[data-astro-cid-yh7sgvny]{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.ai-secondary-btn[data-astro-cid-yh7sgvny]:hover{background:var(--border-light);color:var(--text)}.ai-send-btn[data-astro-cid-yh7sgvny]{background:var(--accent);color:var(--bg)}.ai-send-btn[data-astro-cid-yh7sgvny]:hover:not(:disabled){background:var(--accent-hover);color:var(--bg);transform:translateY(-1px)}.ai-send-btn[data-astro-cid-yh7sgvny]:disabled{opacity:.5;cursor:not-allowed}.ai-model-meta-row[data-astro-cid-yh7sgvny]{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ai-model-note[data-astro-cid-yh7sgvny]{font-size:.74rem;color:var(--text-muted)}.ai-model-note[data-astro-cid-yh7sgvny].is-warning{color:#c97700}.hidden[data-astro-cid-yh7sgvny]{display:none!important}@media(max-height:980px)and (min-width:769px){.ai-assistant-root[data-astro-cid-yh7sgvny]{--assistant-toggle-width: 236px;--assistant-toggle-height: 300px}.ai-avatar-viewer[data-astro-cid-yh7sgvny]{transform:scale(1.26) translateY(11px)}.ai-panel[data-astro-cid-yh7sgvny]{height:min(440px,calc(100vh - 180px));margin-bottom:12px}}@media(max-height:820px)and (min-width:769px){.ai-assistant-root[data-astro-cid-yh7sgvny]{--assistant-toggle-width: 188px;--assistant-toggle-height: 240px}.ai-avatar-viewer[data-astro-cid-yh7sgvny]{transform:scale(1.17) translateY(7px)}.ai-panel[data-astro-cid-yh7sgvny]{height:min(360px,calc(100vh - 168px));margin-bottom:10px}}@media(max-width:768px){.ai-assistant-root[data-astro-cid-yh7sgvny]{--assistant-right: 12px;--assistant-bottom: 78px;--assistant-toggle-width: 180px;--assistant-toggle-height: 232px}.ai-avatar-viewer[data-astro-cid-yh7sgvny]{transform:scale(1.17) translateY(7px)}.ai-panel[data-astro-cid-yh7sgvny]{width:min(360px,calc(100vw - 16px));height:min(400px,calc(100vh - 150px));margin-bottom:10px;border-radius:16px}.ai-model-preview[data-astro-cid-yh7sgvny]{display:none!important}}@media(max-width:480px){.ai-assistant-root[data-astro-cid-yh7sgvny]{--assistant-right: 8px;--assistant-toggle-width: 150px;--assistant-toggle-height: 196px}.ai-avatar-viewer[data-astro-cid-yh7sgvny]{transform:scale(1.08) translateY(5px)}.ai-panel[data-astro-cid-yh7sgvny]{width:calc(100vw - 12px);height:min(360px,calc(100vh - 140px));margin-bottom:8px}.ai-toolbar[data-astro-cid-yh7sgvny]{flex-direction:column;align-items:stretch}.ai-model-trigger[data-astro-cid-yh7sgvny]{width:100%;max-width:none;justify-content:space-between}.ai-model-menu[data-astro-cid-yh7sgvny],.ai-form-actions[data-astro-cid-yh7sgvny]{width:100%}}.back-to-top-btn[data-astro-cid-flxk2qng]{position:fixed;right:20px;bottom:84px;z-index:5600;width:44px;height:44px;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb347,#ff8f1f);color:#fff;box-shadow:0 12px 28px #ff8f1f4d;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity .22s ease,transform .22s ease,visibility .22s ease,box-shadow .22s ease,filter .22s ease}.back-to-top-btn[data-astro-cid-flxk2qng].is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top-btn[data-astro-cid-flxk2qng]:hover{filter:brightness(1.03);box-shadow:0 16px 32px #ff8f1f61}.back-to-top-btn[data-astro-cid-flxk2qng]:active{transform:translateY(1px) scale(.97)}.back-to-top-btn[data-astro-cid-flxk2qng] .material-icons-round[data-astro-cid-flxk2qng]{font-size:24px;line-height:1}.back-to-top-sr[data-astro-cid-flxk2qng]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.back-to-top-btn[data-astro-cid-flxk2qng]{right:12px;bottom:78px;width:42px;height:42px;border-radius:11px}}.app{position:relative;z-index:1}.site-clock-shell[data-astro-cid-fqnuhar2]{position:fixed;top:14px;right:clamp(18px,3vw,36px);width:min(180px,28vw);pointer-events:none;user-select:none;z-index:1001;opacity:.9}.site-clock-display[data-astro-cid-fqnuhar2]{display:flex;align-items:center;justify-content:flex-end;font-size:clamp(1.55rem,2.8vw,2.35rem);font-weight:800;line-height:.9;letter-spacing:-.08em;white-space:nowrap}.site-clock-display-back[data-astro-cid-fqnuhar2]{position:absolute;inset:0;transform:translate(.12em,.02em);color:var(--clock-back, rgba(129, 210, 255, .78));filter:saturate(1.12)}.site-clock-display-front[data-astro-cid-fqnuhar2]{position:relative;color:var(--clock-front, rgba(34, 122, 219, .9));text-shadow:0 10px 20px var(--clock-shadow, rgba(26, 115, 232, .1))}.site-clock-part[data-astro-cid-fqnuhar2]{display:inline-block;min-width:1.62em;text-align:center}.site-clock-colon[data-astro-cid-fqnuhar2]{display:flex;flex-direction:column;justify-content:center;gap:clamp(.16em,.5vw,.2em);margin:0 clamp(.05em,.5vw,.1em)}.site-clock-colon[data-astro-cid-fqnuhar2] span[data-astro-cid-fqnuhar2]{width:clamp(.16em,.45vw,.2em);height:clamp(.16em,.45vw,.2em);border-radius:50%;background:currentColor}@media(max-width:1280px){.site-clock-shell[data-astro-cid-fqnuhar2]{top:16px;right:20px;width:min(132px,20vw);opacity:.74}.site-clock-display[data-astro-cid-fqnuhar2]{justify-content:flex-end;font-size:clamp(1.05rem,2vw,1.45rem)}}@media(max-width:960px){.site-clock-shell[data-astro-cid-fqnuhar2]{display:none}}@media(max-width:480px){.site-clock-shell[data-astro-cid-fqnuhar2]{display:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.okf-unpair-btn:hover{background:#ef44442e!important;color:#dc2626!important;border-color:#ef444466!important;transform:translateY(-1px)!important}[data-theme=dark] .okf-unpair-btn{background:#ef444429!important;color:#f87171!important;border-color:#f8717159!important}[data-theme=dark] .okf-unpair-btn:hover{background:#ef444447!important;color:#fff!important;border-color:#f871718c!important}.okf-map-slot{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 4px!important;box-sizing:border-box!important;overflow:hidden!important}.okf-map-slot .okf-monitor-svg{display:block!important;width:32px!important;height:26px!important;min-height:26px!important;flex-shrink:0!important;margin:0 auto!important}.okf-map-slot .okf-screen-label{font-size:10px!important;font-weight:700!important;color:var(--text)!important;text-align:center!important;width:100%!important;max-width:74px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2!important;margin:0!important;padding:0 2px!important;box-sizing:border-box!important;flex-shrink:0!important}.okf-map-slot.slot-drag-over{border-color:#8b5cf6!important;border-style:solid!important;background:#8b5cf633!important;box-shadow:0 0 16px #8b5cf64d!important;transform:scale(1.05)!important}.okf-dl-menu{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:auto!important;width:max-content!important;min-width:100%!important;max-width:none!important;opacity:1!important;background-color:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:50!important;box-sizing:border-box!important;white-space:nowrap!important}[data-theme=dark] .okf-dl-menu{background-color:#1c1c1f!important}.okf-dl-menu[hidden]{display:none!important}.okf-dl-menu-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;opacity:1!important;background-image:none!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2!important;padding:8px 10px!important}.okf-dl-menu-item .m-title{display:inline!important;font-size:10.5px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}.okf-dl-menu-item .m-desc{display:none!important}.okf-dl-menu-item:hover,.okf-dl-menu-item:focus-visible{opacity:1!important;background-color:#eff6ff!important;filter:none!important}[data-theme=dark] .okf-dl-menu-item:hover,[data-theme=dark] .okf-dl-menu-item:focus-visible{background-color:#1e3a5f!important}[data-theme=dark] .okayflow-panel{color:#f4f4f5!important}[data-theme=dark] .okf-status-bar{background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important}[data-theme=dark] .okf-status-text{color:#e4e4e7!important}[data-theme=dark] .okf-hostname{color:#fff!important}[data-theme=dark] .okf-ip{color:#a1a1aa!important}[data-theme=dark] .okf-agent-guide h3{color:#fff!important}[data-theme=dark] .okf-agent-guide p,[data-theme=dark] .okf-steps{color:#cbd5e1!important}[data-theme=dark] .okf-steps strong{color:#fff!important}[data-theme=dark] .okf-section-title span{color:#93c5fd!important;font-weight:700!important}[data-theme=dark] .okf-agent-status-badge{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#f4f4f5!important}[data-theme=dark] .okf-role-btn{background:#ffffff0f!important;border-color:#ffffff24!important;color:#e4e4e7!important}[data-theme=dark] .okf-role-btn:hover{background:#ffffff1f!important;color:#fff!important}[data-theme=dark] .okf-role-btn.active{background:#2563eb4d!important;border-color:#3b82f6!important;color:#60a5fa!important}[data-theme=dark] .okf-autostart-row{background:#ffffff0d!important;color:#e4e4e7!important}[data-theme=dark] .okf-stats-panel{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .okf-stat-item .lbl{color:#a1a1aa!important}[data-theme=dark] .okf-stat-item .val{color:#fff!important}[data-theme=dark] .okf-dropzone{background:#ffffff0a!important;border-color:#8b5cf673!important}[data-theme=dark] .okf-drop-title{color:#f4f4f5!important}[data-theme=dark] .okf-drop-sub{color:#94a3b8!important}[data-theme=dark] .okf-recv-label{color:#fff!important;font-weight:700!important}[data-theme=dark] .okf-mini,[data-theme=dark] #okf-recv-hint{color:#e4e4e7!important;opacity:1!important}[data-theme=dark] .okf-recv-input{background:#ffffff14!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}[data-theme=dark] .okf-recv-input::placeholder{color:#94a3b8!important;opacity:1!important}.okf-recv-btn{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;font-weight:700!important}[data-theme=dark] .okf-recv-btn{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important}[data-theme=dark] .okf-recv-btn.secondary{background:#ffffff24!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}[data-theme=dark] .okf-recv-btn.secondary:hover{background:#ffffff40!important}.okf-retry-btn{background:#0f172a0d!important;border:1px solid rgba(15,23,42,.12)!important;color:#334155!important;font-weight:600!important;box-shadow:none!important}.okf-retry-btn:hover{background:#0f172a17!important;color:#0f172a!important}[data-theme=dark] .okf-retry-btn{background:#ffffff14!important;border:1px solid rgba(255,255,255,.16)!important;color:#f8fafc!important;box-shadow:none!important}[data-theme=dark] .okf-retry-btn:hover{background:#ffffff26!important;border-color:#ffffff40!important}[data-theme=dark] .okf-pair-card{background:linear-gradient(145deg,#ffffff09,#ffffff04)!important;border-color:#ffffff1f!important;box-shadow:0 8px 24px #00000059!important}[data-theme=dark] .okf-pin-hero-card{background:#2563eb26!important;border-color:#3b82f659!important}[data-theme=dark] .okf-pin-hero-card:hover{background:#2563eb40!important;border-color:#60a5fa!important}[data-theme=dark] .okf-pair-pin{color:#60a5fa!important;text-shadow:0 2px 10px rgba(96,165,250,.35)!important}[data-theme=dark] .okf-device-id-pill{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#a1a1aa!important}[data-theme=dark] .okf-pair-input-wrapper{background:#00000040!important;border-color:#ffffff24!important}[data-theme=dark] .okf-pair-input-wrapper:focus-within{border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa33!important}[data-theme=dark] .okf-pair-code-input{color:#fff!important}[data-theme=dark] .okf-pair-btn-secondary{background:#2563eb29!important;border-color:#60a5fa59!important;color:#93c5fd!important}[data-theme=dark] .okf-pair-btn-secondary:hover{background:#2563eb47!important;border-color:#60a5fa8c!important;color:#fff!important}[data-theme=dark] .okf-paired-item{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .okf-paired-item:hover{background:#ffffff14!important}[data-theme=dark] .okf-paired-name{color:#fff!important}[data-theme=dark] .okf-paired-ip{color:#94a3b8!important}[data-theme=dark] .okf-unpair-badge-btn{background:#ef444426!important;color:#f87171!important;border-color:#f871714d!important}[data-theme=dark] .okf-unpair-badge-btn:hover{background:#ef444440!important;color:#fff!important;border-color:#f8717180!important}.okf-demo-btn{background:#2563eb14!important;border:1px solid rgba(37,99,235,.22)!important;color:#1d4ed8!important;font-weight:600!important;box-shadow:none!important}.okf-demo-btn:hover{background:#2563eb24!important;border-color:#2563eb59!important}[data-theme=dark] .okf-demo-btn{background:#2563eb2e!important;border:1px solid rgba(96,165,250,.35)!important;color:#93c5fd!important;box-shadow:none!important}[data-theme=dark] .okf-demo-btn:hover{background:#2563eb47!important;border-color:#60a5fa80!important}.okf-action-btn,[data-theme=dark] .okf-action-btn{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important}.okf-action-btn.active,[data-theme=dark] .okf-action-btn.active{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important;box-shadow:0 4px 14px #dc262659!important}.okf-action-btn.active:hover,[data-theme=dark] .okf-action-btn.active:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;box-shadow:0 6px 18px #dc262673!important}.ios-app-name{color:#1e293b;font-weight:600}.ios-app-desc{color:#64748b;font-weight:500}[data-theme=dark] .ios-app-name{color:#fff!important;font-weight:700!important}[data-theme=dark] .ios-app-desc{color:#cbd5e1!important;font-weight:500!important;opacity:1!important}.ios-app-item:disabled{opacity:.85!important}[data-theme=dark] .okf-layout-map{background:#ffffff08!important;border-color:#ffffff14!important}[data-theme=dark] .okf-map-slot{border-color:#fff3!important;background:#ffffff08!important}[data-theme=dark] .okf-map-slot .slot-label,[data-theme=dark] .okf-map-slot .slot-empty{color:#a1a1aa!important}[data-theme=dark] .okf-map-slot.center{border-color:#3b82f6!important;background:#2563eb40!important}[data-theme=dark] .okf-map-slot.has-device{border-color:#a78bfa!important;background:#8b5cf640!important}[data-theme=dark] .okf-terminal-box{background:#00000073!important;border-color:#ffffff1a!important}[data-theme=dark] .okf-terminal-box code{color:#cbd5e1!important}.okf-alert-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#0000006b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .22s ease}.okf-alert-backdrop.show{opacity:1;pointer-events:auto}.okf-alert-card{width:320px;max-width:88vw;padding:24px 20px 18px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 48px #0f172a38;text-align:center;transform:scale(.92);transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box}.okf-alert-backdrop.show .okf-alert-card{transform:scale(1)}[data-theme=dark] .okf-alert-card{background:#1c1c1f!important;border-color:#ffffff1f!important;color:#fff!important;box-shadow:0 24px 60px #000000a6!important}.okf-alert-icon{width:50px;height:50px;border-radius:50%;background:#ef44441f;color:#ef4444;display:flex;align-items:center;justify-content:center;margin-bottom:2px;flex-shrink:0}[data-theme=dark] .okf-alert-icon{background:#ef444433;color:#f87171}.okf-alert-title{font-size:17px;font-weight:700;color:#0f172a;line-height:1.25}[data-theme=dark] .okf-alert-title{color:#fff!important}.okf-alert-msg{font-size:13.5px;color:#475569;line-height:1.5;word-break:break-word}[data-theme=dark] .okf-alert-msg{color:#cbd5e1!important}.okf-alert-confirm-btn{width:100%;padding:11px 16px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #2563eb4d!important}.okf-alert-confirm-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.okf-pair-modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;width:100%}.okf-pair-modal-btn{padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;transition:all .18s ease}.okf-pair-modal-btn.accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;box-shadow:0 4px 14px #10b98159}.okf-pair-modal-btn.accept:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b9817a}.okf-pair-modal-btn.reject{background:rgba(var(--text-rgb),.06);border:1px solid rgba(var(--text-rgb),.14);color:var(--text-secondary)}.okf-pair-modal-btn.reject:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d}[data-theme=dark] .okf-pair-modal-btn.reject{background:#ffffff14!important;border-color:#ffffff2e!important;color:#f4f4f5!important}[data-theme=dark] .okf-pair-modal-btn.reject:hover{background:#ef444438!important;color:#f87171!important;border-color:#f8717173!important}html.okf-sharing-active,html.okf-sharing-active *,html.okf-sharing-active iframe{cursor:none!important}.okf-sharing-overlay[data-astro-cid-mpne3zdo]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background:transparent;cursor:none!important;display:none;align-items:center;justify-content:center;pointer-events:none}.okf-sharing-overlay[data-astro-cid-mpne3zdo].active{display:flex}.okf-sharing-overlay[data-astro-cid-mpne3zdo] .overlay-tip[data-astro-cid-mpne3zdo]{background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:16px 28px;border-radius:16px;color:#fff;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 12px 36px #0000004d;animation:okf-tip-fadein .3s ease;pointer-events:none}.okf-sharing-overlay[data-astro-cid-mpne3zdo] .overlay-tip[data-astro-cid-mpne3zdo] span[data-astro-cid-mpne3zdo]{display:block;font-size:16px;font-weight:600;margin-bottom:4px}.okf-sharing-overlay[data-astro-cid-mpne3zdo] .overlay-tip[data-astro-cid-mpne3zdo] small[data-astro-cid-mpne3zdo]{display:block;font-size:12px;color:#ffffff80}@keyframes okf-tip-fadein{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ios-folder-trigger[data-astro-cid-mpne3zdo]{position:fixed;left:24px;top:62%;z-index:1050;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;user-select:none;touch-action:none}.ios-folder-trigger[data-astro-cid-mpne3zdo]:hover{transform:scale(1.08)}.ios-folder-trigger[data-astro-cid-mpne3zdo]:active{cursor:grabbing}.ios-folder-trigger[data-astro-cid-mpne3zdo].hidden{transform:scale(0);opacity:0;pointer-events:none}.ios-folder-icon[data-astro-cid-mpne3zdo]{width:60px;height:60px;border-radius:14px;background:#ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s ease,border-color .3s ease}[data-astro-cid-mpne3zdo][data-theme=dark] .ios-folder-icon[data-astro-cid-mpne3zdo]{background:#00000047;border-color:#ffffff14}.ios-mini-grid[data-astro-cid-mpne3zdo]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;width:100%;height:100%}.ios-mini-app[data-astro-cid-mpne3zdo]{width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.ios-mini-app[data-astro-cid-mpne3zdo] svg[data-astro-cid-mpne3zdo]{width:11px;height:11px}.ios-folder-label[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:600;color:var(--text-secondary);text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.05em}.okf-bg[data-astro-cid-mpne3zdo]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.serial-bg[data-astro-cid-mpne3zdo]{background:linear-gradient(135deg,#10b981,#059669)}.circuit-bg[data-astro-cid-mpne3zdo]{background:linear-gradient(135deg,#f59e0b,#d97706)}.more-bg[data-astro-cid-mpne3zdo]{background:#ffffff1f}[data-astro-cid-mpne3zdo][data-theme=dark] .more-bg[data-astro-cid-mpne3zdo]{background:#ffffff0d}.placeholder-bg[data-astro-cid-mpne3zdo]{background:rgba(var(--text-muted-rgb),.1);border:1px dashed var(--border);color:var(--text-muted)}.ios-folder-overlay[data-astro-cid-mpne3zdo]{position:fixed;inset:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1098;opacity:0;pointer-events:none;transition:opacity .35s ease}.ios-folder-overlay[data-astro-cid-mpne3zdo].open{opacity:0;pointer-events:none}.ios-folder-modal[data-astro-cid-mpne3zdo]{position:fixed;left:24px;top:24px;width:360px;height:460px;background:#ffffff73;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:28px;box-shadow:0 16px 48px #00000026;z-index:1099;display:flex;flex-direction:column;overflow:hidden;transform:scale(.1);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}[data-astro-cid-mpne3zdo][data-theme=dark] .ios-folder-modal[data-astro-cid-mpne3zdo]{background:#141414a6;border-color:#ffffff14;box-shadow:0 16px 48px #00000059}.ios-folder-modal[data-astro-cid-mpne3zdo].open{transform:scale(1);opacity:1;pointer-events:auto}.ios-modal-header[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px;flex-shrink:0;position:relative;z-index:5}.ios-modal-title[data-astro-cid-mpne3zdo]{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;transition:color .3s ease}.ios-header-btn[data-astro-cid-mpne3zdo]{width:32px;height:32px;border-radius:50%;border:none;background:rgba(var(--text-rgb),.06);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ios-header-btn[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--text-rgb),.12)}.ios-header-btn[data-astro-cid-mpne3zdo] svg[data-astro-cid-mpne3zdo]{width:18px;height:18px}.ios-back-btn[data-astro-cid-mpne3zdo]{transition:opacity .3s ease,transform .3s ease}.ios-modal-viewport[data-astro-cid-mpne3zdo]{flex:1;position:relative;overflow:hidden}.ios-view[data-astro-cid-mpne3zdo]{position:absolute;inset:0;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.ios-view[data-astro-cid-mpne3zdo]::-webkit-scrollbar{width:4px}.ios-view[data-astro-cid-mpne3zdo]::-webkit-scrollbar-thumb{background:rgba(var(--text-rgb),.1);border-radius:2px}#ios-grid-view[data-astro-cid-mpne3zdo]{transform:translate(0);opacity:1;pointer-events:auto}#ios-grid-view[data-astro-cid-mpne3zdo]:not(.active){transform:translate(-35%);opacity:0;pointer-events:none}#ios-detail-view[data-astro-cid-mpne3zdo]{transform:translate(100%);opacity:0;pointer-events:none}#ios-detail-view[data-astro-cid-mpne3zdo].active{transform:translate(0);opacity:1;pointer-events:auto}.ios-app-grid[data-astro-cid-mpne3zdo]{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 16px;padding-top:10px}.ios-app-item[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:0;gap:8px;outline:none;transition:transform .2s ease}.ios-app-item[data-astro-cid-mpne3zdo]:hover:not(:disabled){transform:scale(1.05)}.ios-app-item[data-astro-cid-mpne3zdo]:active:not(:disabled){transform:scale(.95)}.ios-app-item[data-astro-cid-mpne3zdo]:disabled{cursor:default;opacity:.6}.ios-app-icon[data-astro-cid-mpne3zdo]{width:58px;height:58px;border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:box-shadow .2s ease}.ios-app-icon[data-astro-cid-mpne3zdo] svg[data-astro-cid-mpne3zdo]{width:26px;height:26px}.ios-app-item[data-astro-cid-mpne3zdo]:hover:not(:disabled) .ios-app-icon[data-astro-cid-mpne3zdo]{box-shadow:0 6px 18px #0000002e}.ios-app-name[data-astro-cid-mpne3zdo]{font-size:13px;font-weight:600;color:var(--text);line-height:1.2;text-align:center}.ios-app-desc[data-astro-cid-mpne3zdo]{font-size:10px;color:var(--text-muted);text-align:center;line-height:1}.okayflow-panel[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;gap:16px;padding-top:6px}.okf-status-bar[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(var(--text-rgb),.05);border-radius:12px}.okf-status-indicator[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:8px}.okf-status-dot[data-astro-cid-mpne3zdo]{width:8px;height:8px;border-radius:50%;display:inline-block}.okf-status-dot[data-astro-cid-mpne3zdo].online{background:#10b981;box-shadow:0 0 8px #10b98180;animation:blink 2s infinite}.okf-status-dot[data-astro-cid-mpne3zdo].offline{background:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.okf-status-text[data-astro-cid-mpne3zdo]{font-size:13px;font-weight:600;color:var(--text-secondary)}.okf-local-info[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:flex-end}.okf-hostname[data-astro-cid-mpne3zdo]{font-size:12px;font-weight:700;color:var(--text)}.okf-ip[data-astro-cid-mpne3zdo]{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.okf-agent-guide[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0}.okf-guide-icon[data-astro-cid-mpne3zdo]{width:220px;height:118px;margin:4px auto 16px;display:flex;align-items:center;justify-content:center}.okf-agent-guide[data-astro-cid-mpne3zdo] h3[data-astro-cid-mpne3zdo]{font-size:15px;font-weight:700;color:var(--text);margin:0 0 6px}.okf-agent-guide[data-astro-cid-mpne3zdo] p[data-astro-cid-mpne3zdo]{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.okf-terminal-box[data-astro-cid-mpne3zdo]{width:100%;box-sizing:border-box;background:#0000000d;border-radius:12px;padding:10px 12px;margin:8px 0;text-align:left;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(var(--text-rgb),.04)}[data-astro-cid-mpne3zdo][data-theme=dark] .okf-terminal-box[data-astro-cid-mpne3zdo]{background:#00000040;border-color:#ffffff0d}.okf-terminal-box[data-astro-cid-mpne3zdo] code[data-astro-cid-mpne3zdo]{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:block;line-height:1.4;word-break:break-all;white-space:pre-wrap}.okf-terminal-box[data-astro-cid-mpne3zdo] code[data-astro-cid-mpne3zdo]:before{content:"$ ";color:var(--accent);font-weight:700}.okf-install-help[data-astro-cid-mpne3zdo]{margin-top:8px}.okf-agent-status-badge[data-astro-cid-mpne3zdo]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:rgba(var(--text-rgb),.05);border:1px solid rgba(var(--text-rgb),.08);font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.okf-dl-hero-grid[data-astro-cid-mpne3zdo]{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;box-sizing:border-box;margin:4px 0 8px;align-items:stretch;overflow:visible;position:relative;z-index:2}.okf-steps[data-astro-cid-mpne3zdo],.okf-steps[data-astro-cid-mpne3zdo] li[data-astro-cid-mpne3zdo],.okf-agent-guide[data-astro-cid-mpne3zdo],.okf-install-help[data-astro-cid-mpne3zdo],.okf-section[data-astro-cid-mpne3zdo].okf-install-help{overflow:visible}.okf-dl-split[data-astro-cid-mpne3zdo]{position:relative;display:flex;min-width:0;height:40px;border-radius:12px;box-shadow:0 4px 14px #2563eb38;transition:box-shadow .2s ease,transform .2s ease;align-items:stretch;box-sizing:border-box;z-index:1;isolation:isolate}.okf-dl-split[data-astro-cid-mpne3zdo]:hover{box-shadow:0 6px 20px #2563eb61;transform:translateY(-1px)}.okf-dl-split[data-astro-cid-mpne3zdo].open{z-index:40}.okf-dl-btn[data-astro-cid-mpne3zdo]{flex:1;min-width:0;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;border:none;cursor:pointer;box-sizing:border-box;white-space:nowrap;overflow:hidden;transition:all .2s ease}.okf-dl-split[data-astro-cid-mpne3zdo]>.okf-dl-btn[data-astro-cid-mpne3zdo].okf-dl-main{border-radius:12px 0 0 12px;flex:1;height:100%}.okf-dl-caret[data-astro-cid-mpne3zdo]{flex:0 0 34px;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;border-left:1px solid rgba(255,255,255,.25);border-radius:0 12px 12px 0;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;cursor:pointer;transition:background .15s ease,filter .2s ease;box-sizing:border-box}.okf-dl-caret[data-astro-cid-mpne3zdo]:hover,.okf-dl-split[data-astro-cid-mpne3zdo].open .okf-dl-caret[data-astro-cid-mpne3zdo]{filter:brightness(1.12)}.okf-dl-btn[data-astro-cid-mpne3zdo].secondary{height:40px;background:linear-gradient(135deg,#e65100,#f97316)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #e6510047!important}.okf-dl-btn[data-astro-cid-mpne3zdo].secondary:hover{background:linear-gradient(135deg,#c40,#ea580c)!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #e6510066!important}.okf-dl-text-wrap[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.okf-dl-title[data-astro-cid-mpne3zdo]{font-size:12.5px;font-weight:700}.okf-dl-subtag[data-astro-cid-mpne3zdo]{font-size:10px;opacity:.82;font-weight:500}.okf-dl-menu[data-astro-cid-mpne3zdo]{position:absolute;top:calc(100% + 4px);left:0;right:auto;width:max-content;min-width:100%;max-width:none;z-index:50;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:12px;background-color:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 32px #0f172a2e;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none;box-sizing:border-box;white-space:nowrap}[data-astro-cid-mpne3zdo][data-theme=dark] .okf-dl-menu[data-astro-cid-mpne3zdo]{background-color:#1c1c1f;border-color:#ffffff24;box-shadow:0 14px 36px #0000008c}.okf-dl-menu[data-astro-cid-mpne3zdo][hidden]{display:none!important}.okf-dl-menu-item[data-astro-cid-mpne3zdo]{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 10px;border-radius:8px;color:#0f172a!important;text-decoration:none!important;background-color:transparent;opacity:1!important;transition:background-color .12s ease,color .12s ease;box-sizing:border-box;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;min-width:0}[data-astro-cid-mpne3zdo][data-theme=dark] .okf-dl-menu-item[data-astro-cid-mpne3zdo]{color:#f4f4f5!important}.okf-dl-menu-item[data-astro-cid-mpne3zdo]:hover,.okf-dl-menu-item[data-astro-cid-mpne3zdo]:focus-visible{background-color:#eff6ff!important;color:#1d4ed8!important;opacity:1!important;filter:none!important}[data-astro-cid-mpne3zdo][data-theme=dark] .okf-dl-menu-item[data-astro-cid-mpne3zdo]:hover,[data-astro-cid-mpne3zdo][data-theme=dark] .okf-dl-menu-item[data-astro-cid-mpne3zdo]:focus-visible{background-color:#1e3a5f!important;color:#93c5fd!important}.okf-dl-menu-item[data-astro-cid-mpne3zdo] .m-title[data-astro-cid-mpne3zdo]{display:inline;font-size:10.5px;font-weight:700;line-height:1.2;color:inherit;opacity:1;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.okf-dl-menu-item[data-astro-cid-mpne3zdo] .m-desc[data-astro-cid-mpne3zdo]{display:none}.okf-update-banner[data-astro-cid-mpne3zdo]{background:linear-gradient(135deg,#6366f114,#8b5cf624);border:1.5px solid rgba(139,92,246,.3);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 4px 18px #8b5cf61f;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.okf-update-header[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between}.okf-update-badge[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#8b5cf6}.okf-version-pill[data-astro-cid-mpne3zdo]{background:#8b5cf6;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em}.okf-update-desc[data-astro-cid-mpne3zdo]{font-size:12px;color:var(--text-secondary);line-height:1.4}.okf-update-btn-primary[data-astro-cid-mpne3zdo]{width:100%;padding:10px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #7c3aed4d;transition:all .2s ease}.okf-update-btn-primary[data-astro-cid-mpne3zdo]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed6b;filter:brightness(1.06)}.okf-update-btn-primary[data-astro-cid-mpne3zdo]:disabled{opacity:.6;cursor:not-allowed}.okf-steps[data-astro-cid-mpne3zdo]{width:100%;margin:0 0 16px;padding:0 0 0 18px;text-align:left;color:var(--text-secondary);font-size:12.5px;line-height:1.5}.okf-steps[data-astro-cid-mpne3zdo] li[data-astro-cid-mpne3zdo]{margin-bottom:12px}.okf-steps[data-astro-cid-mpne3zdo] strong[data-astro-cid-mpne3zdo]{color:var(--text)}.okf-mini[data-astro-cid-mpne3zdo]{margin:6px 0 0!important;font-size:11.5px!important;opacity:.85}.okf-trust-btn[data-astro-cid-mpne3zdo]{display:inline-flex;align-items:center;margin-top:8px;padding:8px 12px;border-radius:10px;background:rgba(var(--accent-rgb),.12);border:1px solid var(--accent);color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.okf-trust-btn[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--accent-rgb),.2)}.okf-guide-actions[data-astro-cid-mpne3zdo]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.okf-retry-btn[data-astro-cid-mpne3zdo]{padding:10px 16px;border-radius:12px;border:1px solid rgba(var(--text-rgb),.14);background:rgba(var(--text-rgb),.04);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer}.okf-retry-btn[data-astro-cid-mpne3zdo]:hover{color:var(--text);background:rgba(var(--text-rgb),.08)}.okf-demo-btn[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(var(--accent-rgb),.25);transition:all .2s ease}.okf-demo-btn[data-astro-cid-mpne3zdo]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.35)}.okf-section[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;gap:8px}.okf-section-title[data-astro-cid-mpne3zdo]{font-size:12.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.okf-role-row[data-astro-cid-mpne3zdo]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.okf-role-btn[data-astro-cid-mpne3zdo]{border:1px solid rgba(var(--text-rgb),.12);background:rgba(var(--text-rgb),.04);color:var(--text-secondary);border-radius:10px;padding:10px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease;line-height:1.3}.okf-role-btn[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--text-rgb),.08);color:var(--text)}.okf-role-btn[data-astro-cid-mpne3zdo].active{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25) inset}.okf-autostart-row[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:8px;margin-top:4px;padding:8px 10px;border-radius:10px;background:rgba(var(--text-rgb),.03);font-size:12.5px;color:var(--text-secondary);cursor:pointer;user-select:none}.okf-autostart-row[data-astro-cid-mpne3zdo] input[data-astro-cid-mpne3zdo]{accent-color:var(--accent);width:14px;height:14px;margin:0;cursor:pointer}.okf-refresh-btn[data-astro-cid-mpne3zdo]{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px}.okf-refresh-btn[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--text-rgb),.05);color:var(--text)}.okf-refresh-btn[data-astro-cid-mpne3zdo].spinning svg[data-astro-cid-mpne3zdo]{animation:rotate-scan .6s linear infinite}@keyframes rotate-scan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.okf-devices-list[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;gap:6px;max-height:130px;overflow-y:auto}.okf-empty-list[data-astro-cid-mpne3zdo]{text-align:center;padding:14px;color:var(--text-muted);font-size:12px;background:rgba(var(--text-rgb),.02);border-radius:10px}.okf-device-item[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(var(--text-rgb),.04);border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.okf-device-item[data-astro-cid-mpne3zdo]:hover:not(.offline){background:rgba(var(--text-rgb),.08)}.okf-device-item[data-astro-cid-mpne3zdo].selected{background:rgba(var(--accent-rgb),.12);border-color:var(--accent)}.okf-device-item[data-astro-cid-mpne3zdo].offline{opacity:.5;cursor:not-allowed}.dev-icon[data-astro-cid-mpne3zdo]{width:28px;height:28px;background:rgba(var(--text-rgb),.06);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.okf-device-item[data-astro-cid-mpne3zdo].selected .dev-icon[data-astro-cid-mpne3zdo]{background:var(--accent);color:#fff}.dev-info[data-astro-cid-mpne3zdo]{flex:1;min-width:0}.dev-name[data-astro-cid-mpne3zdo]{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-ip[data-astro-cid-mpne3zdo]{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.status-dot[data-astro-cid-mpne3zdo]{width:6px;height:6px;border-radius:50%}.status-dot[data-astro-cid-mpne3zdo].online{background:#10b981}.status-dot[data-astro-cid-mpne3zdo].offline{background:var(--text-muted)}.okf-layout-map[data-astro-cid-mpne3zdo]{background:rgba(var(--text-rgb),.03);border-radius:16px;padding:12px 8px;display:grid;grid-template-columns:82px 82px 82px;grid-template-rows:82px 82px 82px;grid-template-areas:". top ." "left center right" ". bottom .";gap:8px;align-items:center;justify-content:center;border:1px solid rgba(var(--text-rgb),.06);box-sizing:border-box;margin:0 auto;width:100%;max-width:290px}.okf-map-slot[data-astro-cid-mpne3zdo].top{grid-area:top}.okf-map-slot[data-astro-cid-mpne3zdo].bottom{grid-area:bottom}.okf-map-slot[data-astro-cid-mpne3zdo].left{grid-area:left}.okf-map-slot[data-astro-cid-mpne3zdo].right{grid-area:right}.okf-map-slot[data-astro-cid-mpne3zdo].center{grid-area:center}.okf-map-slot[data-astro-cid-mpne3zdo]{width:82px;height:82px;border:1.5px dashed rgba(var(--text-rgb),.16);border-radius:14px;background:rgba(var(--text-rgb),.015);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 4px!important;box-sizing:border-box!important;position:relative;overflow:hidden!important;user-select:none}.okf-map-slot[data-astro-cid-mpne3zdo]:hover:not(.center){border-color:var(--accent);background:rgba(var(--accent-rgb),.06);border-style:solid}.okf-map-slot[data-astro-cid-mpne3zdo].center{border:1.5px solid var(--accent);background:linear-gradient(135deg,#2563eb14,#60a5fa0a);box-shadow:0 0 10px #2563eb1a;cursor:default}.okf-map-slot[data-astro-cid-mpne3zdo].has-device{border:1.5px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#a78bfa0d);box-shadow:0 2px 10px #8b5cf61f}.okf-map-slot[data-astro-cid-mpne3zdo].has-device:hover{background:linear-gradient(135deg,#8b5cf62e,#a78bfa14);border-color:#7c3aed}.okf-map-slot[data-astro-cid-mpne3zdo] .slot-label[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;pointer-events:none;line-height:1}.okf-map-slot[data-astro-cid-mpne3zdo].has-device .slot-label[data-astro-cid-mpne3zdo]{display:none}.okf-map-slot[data-astro-cid-mpne3zdo] .slot-empty[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:500;color:var(--text-muted);opacity:.7;pointer-events:none;margin-top:2px}.okf-screen-label[data-astro-cid-mpne3zdo]{font-size:10px!important;font-weight:700!important;color:var(--text)!important;text-align:center!important;width:100%!important;max-width:74px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2!important;margin:0!important;padding:0 2px!important;box-sizing:border-box!important;flex-shrink:0!important}.okf-monitor-svg[data-astro-cid-mpne3zdo]{display:block!important;width:32px!important;height:26px!important;min-height:26px!important;flex-shrink:0!important;transition:transform .2s ease;margin:0 auto!important}.okf-map-slot[data-astro-cid-mpne3zdo]:hover .okf-monitor-svg[data-astro-cid-mpne3zdo]{transform:scale(1.06)}.dev-side-tag[data-astro-cid-mpne3zdo]{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;background:rgba(var(--accent-rgb),.15);color:var(--accent);vertical-align:middle}.okf-screen-inner[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:0 4px;box-sizing:border-box}.okf-screen-label[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:700;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.okf-screen-res[data-astro-cid-mpne3zdo]{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.okf-screen-divider[data-astro-cid-mpne3zdo]{color:var(--text-muted);opacity:.5}.okf-screen-dropzone[data-astro-cid-mpne3zdo]{width:100px;height:60px;border:1.5px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;text-align:center;padding:4px}.okf-layout-hint[data-astro-cid-mpne3zdo]{font-size:10px;color:var(--text-muted);margin-top:6px;text-align:center}.okf-control[data-astro-cid-mpne3zdo]{margin-top:6px;display:flex;flex-direction:column;gap:12px}.okf-action-btn[data-astro-cid-mpne3zdo]{width:100%;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:700;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(var(--accent-rgb),.2);transition:all .2s ease}.okf-action-btn[data-astro-cid-mpne3zdo]:disabled{background:rgba(var(--text-rgb),.08);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.okf-action-btn[data-astro-cid-mpne3zdo]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--accent-rgb),.3)}.okf-action-btn[data-astro-cid-mpne3zdo].active{background:#ef4444;box-shadow:0 4px 14px #ef444440}.okf-action-btn[data-astro-cid-mpne3zdo].active:hover{box-shadow:0 6px 18px #ef444459}.okf-stats-panel[data-astro-cid-mpne3zdo]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 12px;background:rgba(var(--text-rgb),.03);border-radius:10px}.okf-stat-item[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;align-items:center;gap:2px}.okf-stat-item[data-astro-cid-mpne3zdo] .lbl[data-astro-cid-mpne3zdo]{font-size:9px;color:var(--text-muted);text-transform:uppercase}.okf-stat-item[data-astro-cid-mpne3zdo] .val[data-astro-cid-mpne3zdo]{font-size:12px;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono)}.text-active[data-astro-cid-mpne3zdo]{color:#10b981!important}.okf-dropzone[data-astro-cid-mpne3zdo]{border:1.5px dashed rgba(var(--accent-rgb),.35);border-radius:12px;padding:14px 12px;text-align:center;cursor:pointer;background:rgba(var(--accent-rgb),.04);transition:border-color .15s,background .15s}.okf-dropzone[data-astro-cid-mpne3zdo]:hover:not(.disabled),.okf-dropzone[data-astro-cid-mpne3zdo].dragover:not(.disabled){border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.okf-dropzone[data-astro-cid-mpne3zdo].disabled{opacity:.55;cursor:not-allowed}.okf-drop-title[data-astro-cid-mpne3zdo]{font-size:13px;font-weight:600;color:var(--text-secondary)}.okf-drop-sub[data-astro-cid-mpne3zdo]{margin-top:4px;font-size:11px;color:var(--text-muted);line-height:1.35}.okf-recv-dir[data-astro-cid-mpne3zdo]{margin-top:10px;padding-top:8px;border-top:1px solid rgba(var(--text-rgb),.06)}.okf-pair-header[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between}.okf-title-with-icon[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:6px}.okf-switch-label[data-astro-cid-mpne3zdo]{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}.okf-switch-label[data-astro-cid-mpne3zdo] input[data-astro-cid-mpne3zdo]{display:none!important}.okf-switch-slider[data-astro-cid-mpne3zdo]{width:32px;height:18px;background:rgba(var(--text-rgb),.16);border-radius:20px;position:relative;transition:background .2s cubic-bezier(.16,1,.3,1)}.okf-switch-slider[data-astro-cid-mpne3zdo]:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.16,1,.3,1)}.okf-switch-label[data-astro-cid-mpne3zdo] input[data-astro-cid-mpne3zdo]:checked+.okf-switch-slider[data-astro-cid-mpne3zdo]{background:var(--accent)}.okf-switch-label[data-astro-cid-mpne3zdo] input[data-astro-cid-mpne3zdo]:checked+.okf-switch-slider[data-astro-cid-mpne3zdo]:before{transform:translate(14px)}.okf-switch-text[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0}.okf-pair-card[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(145deg,rgba(var(--text-rgb),.025),rgba(var(--text-rgb),.045));border:1px solid rgba(var(--text-rgb),.08);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000008;transition:all .2s ease}.okf-pair-identity-row[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between;gap:12px}.okf-pin-hero-card[data-astro-cid-mpne3zdo]{flex:1;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18);border-radius:14px;padding:10px 16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.okf-pin-hero-card[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.15)}.okf-pin-hero-card[data-astro-cid-mpne3zdo]:active{transform:scale(.99)}.okf-pin-label[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--text-secondary);width:100%}.okf-copy-badge[data-astro-cid-mpne3zdo]{font-size:10px;font-weight:700;color:var(--accent);background:rgba(var(--accent-rgb),.12);padding:1px 7px;border-radius:6px;transition:all .15s ease}.okf-pin-hero-card[data-astro-cid-mpne3zdo]:hover .okf-copy-badge[data-astro-cid-mpne3zdo]{background:var(--accent);color:#fff}.okf-pair-pin[data-astro-cid-mpne3zdo]{font-size:24px;font-weight:800;letter-spacing:.3em;text-indent:.3em;font-family:var(--font-mono);color:var(--accent);line-height:1.2;margin-top:4px;text-shadow:0 2px 8px rgba(var(--accent-rgb),.2);width:100%;text-align:center}.okf-device-id-pill[data-astro-cid-mpne3zdo]{font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--text-muted);background:rgba(var(--text-rgb),.05);padding:6px 10px;border-radius:10px;border:1px solid rgba(var(--text-rgb),.08);white-space:nowrap;flex-shrink:0}.okf-pair-actions[data-astro-cid-mpne3zdo]{display:flex;gap:8px;align-items:center;width:100%}.okf-pair-input-wrapper[data-astro-cid-mpne3zdo]{display:flex;align-items:center;flex:1;min-width:0;background:rgba(var(--text-rgb),.04);border:1.5px solid rgba(var(--text-rgb),.1);border-radius:12px;padding:3px 4px 3px 10px;transition:all .2s ease;overflow:hidden}.okf-pair-input-wrapper[data-astro-cid-mpne3zdo]:focus-within{border-color:var(--accent);background:rgba(var(--accent-rgb),.03);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.okf-pair-code-input[data-astro-cid-mpne3zdo]{border:none;outline:none;background:transparent;color:var(--text);font-size:12.5px;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;flex:1;min-width:0;padding-right:4px}.okf-pair-code-input[data-astro-cid-mpne3zdo]::placeholder{color:var(--text-muted);font-family:var(--font-sans, inherit);letter-spacing:normal;font-size:11.5px;opacity:.7}.okf-pair-btn-primary[data-astro-cid-mpne3zdo]{display:inline-flex;align-items:center;gap:3px;padding:6px 10px;border-radius:8px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff!important;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #2563eb40;transition:all .2s ease;flex-shrink:0}.okf-pair-btn-primary[data-astro-cid-mpne3zdo]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb61;filter:brightness(1.05)}.okf-pair-btn-secondary[data-astro-cid-mpne3zdo]{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.06);color:var(--accent);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.okf-pair-btn-secondary[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--accent-rgb),.14);color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--accent-rgb),.15)}.okf-pair-hint[data-astro-cid-mpne3zdo]{font-size:10.5px;color:var(--text-muted);line-height:1.3;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.okf-pair-pending[data-astro-cid-mpne3zdo]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#f59e0b24,#d9770614);border:1.5px solid rgba(245,158,11,.4);box-shadow:0 4px 16px #f59e0b26;animation:pulse-border 2s infinite ease-in-out}@keyframes pulse-border{0%,to{border-color:#f59e0b66}50%{border-color:#f59e0bcc}}.okf-pair-pending-info[data-astro-cid-mpne3zdo]{display:flex;align-items:center;gap:8px;min-width:0}.okf-pending-pulse-dot[data-astro-cid-mpne3zdo]{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:blink 1.2s infinite ease-in-out;flex-shrink:0}.okf-pair-pending-text[data-astro-cid-mpne3zdo]{font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okf-pair-pending-actions[data-astro-cid-mpne3zdo]{display:flex;gap:6px;flex-shrink:0}.okf-pair-acc-btn[data-astro-cid-mpne3zdo]{padding:5px 12px;border-radius:8px;border:none;background:#10b981;color:#fff!important;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #10b9814d;transition:all .15s ease}.okf-pair-acc-btn[data-astro-cid-mpne3zdo]:hover{background:#059669;transform:translateY(-1px)}.okf-pair-rej-btn[data-astro-cid-mpne3zdo]{padding:5px 12px;border-radius:8px;border:1px solid rgba(var(--text-rgb),.15);background:rgba(var(--text-rgb),.06);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.okf-pair-rej-btn[data-astro-cid-mpne3zdo]:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.okf-paired-list[data-astro-cid-mpne3zdo]{display:flex;flex-direction:column;gap:6px;margin-top:2px}.okf-paired-item[data-astro-cid-mpne3zdo]{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:8px 12px!important;border-radius:12px!important;background:rgba(var(--text-rgb),.035)!important;border:1px solid rgba(var(--text-rgb),.08)!important;transition:all .18s ease!important}.okf-paired-item[data-astro-cid-mpne3zdo]:hover{background:rgba(var(--text-rgb),.06)!important;border-color:rgba(var(--text-rgb),.12)!important}.okf-paired-meta[data-astro-cid-mpne3zdo]{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important}.okf-paired-name[data-astro-cid-mpne3zdo]{font-size:12.5px!important;font-weight:700!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.okf-paired-ip[data-astro-cid-mpne3zdo]{font-size:11px!important;color:var(--text-muted)!important;font-family:var(--font-mono)!important;white-space:nowrap!important}.okf-unpair-badge-btn[data-astro-cid-mpne3zdo]{padding:4px 10px!important;border-radius:8px!important;font-size:11px!important;font-weight:600!important;color:#ef4444!important;background:#ef444414!important;border:1px solid rgba(239,68,68,.22)!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important;line-height:1.3!important;flex-shrink:0!important}.okf-unpair-badge-btn[data-astro-cid-mpne3zdo]:hover{background:#ef44442e!important;color:#dc2626!important;border-color:#ef444466!important;transform:translateY(-1px)!important}.okf-pair-badge[data-astro-cid-mpne3zdo]{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:600!important;padding:1.5px 7px!important;border-radius:999px!important;background:rgba(var(--text-rgb),.06)!important;color:var(--text-muted)!important;border:1px solid rgba(var(--text-rgb),.12)!important;line-height:1.2!important;white-space:nowrap!important;flex-shrink:0!important;letter-spacing:0!important}.okf-pair-badge[data-astro-cid-mpne3zdo].paired{background:#10b9811f!important;color:#059669!important;border-color:#10b9814d!important}.okf-recv-label[data-astro-cid-mpne3zdo]{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.okf-recv-row[data-astro-cid-mpne3zdo]{display:flex;gap:6px;align-items:center}.okf-recv-input[data-astro-cid-mpne3zdo]{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid rgba(var(--text-rgb),.12);background:rgba(var(--text-rgb),.03);color:var(--text-secondary);font-size:11.5px;font-family:var(--font-mono)}.okf-recv-input[data-astro-cid-mpne3zdo]:focus{outline:none;border-color:rgba(var(--accent-rgb),.55)}.okf-recv-btn[data-astro-cid-mpne3zdo]{flex-shrink:0;padding:7px 10px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.okf-recv-btn[data-astro-cid-mpne3zdo].secondary{background:rgba(var(--text-rgb),.08);color:var(--text-secondary)}.okf-recv-btn[data-astro-cid-mpne3zdo]:hover{filter:brightness(1.05)}.okf-file-progress[data-astro-cid-mpne3zdo]{margin-top:10px}.okf-file-progress-bar[data-astro-cid-mpne3zdo]{height:6px;border-radius:99px;background:rgba(var(--text-rgb),.08);overflow:hidden}.okf-file-progress-bar[data-astro-cid-mpne3zdo]>i[data-astro-cid-mpne3zdo]{display:block;height:100%;width:0%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:99px;transition:width .15s ease}.okf-file-progress-text[data-astro-cid-mpne3zdo]{margin-top:4px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.okf-update-banner[data-astro-cid-mpne3zdo]{margin-bottom:10px;padding:10px 12px;border-radius:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35)}.okf-update-text[data-astro-cid-mpne3zdo]{font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.okf-update-banner[data-astro-cid-mpne3zdo] .okf-action-btn[data-astro-cid-mpne3zdo]{width:100%;padding:8px 12px;font-size:13px}.okf-update-progress[data-astro-cid-mpne3zdo]{margin-top:8px}.okf-update-log[data-astro-cid-mpne3zdo]{margin:8px 0 0;max-height:180px;overflow:auto;padding:8px 10px;border-radius:8px;background:#00000059;border:1px solid rgba(var(--text-rgb),.08);color:#a7f3d0;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word}