.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}:root{--theme-name: "dark";--color-bg: #000000;--color-surface: #1c1c1e;--color-surface-hover: #2c2c2e;--color-surface-subtle: #111111;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .05);--color-border-faint: rgba(255, 255, 255, .03);--color-text-primary: #f5f5f7;--color-text-secondary: #86868b;--color-text-accent: #2997ff;--color-blue: #0071e3;--color-blue-hover: #0077ed;--color-green: #00ffcc;--color-green-glow: rgba(0, 255, 204, .15);--color-filter-active-bg: #ffffff;--color-filter-active-text: #000000;--color-header-bg: rgba(0, 0, 0, .8);--color-header-border: rgba(255, 255, 255, .08);--color-titlebar-bg: rgba(44, 44, 46, .5);--color-modal-box-bg: #1c1c1e;--color-preview-pane-bg: #000000;--color-safari-toolbar-bg: rgba(30, 30, 30, .45);--color-safari-address-bg: rgba(255, 255, 255, .06);--color-tl-close: #ff5f56;--color-tl-minimize: #ffbd2e;--color-tl-zoom: #27c93f;--color-tl-close-hover: #bf3f3a;--color-tl-minimize-hover: #c49120;--color-tl-zoom-hover: #1a8c2b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-card: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-card-hover: 0 30px 70px rgba(0, 0, 0, .6);--shadow-modal: 0 50px 120px rgba(0, 0, 0, .9);--noise-opacity: .04;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--color-device-bezel: #121212}:root[data-theme=light],html[data-theme=light]{--theme-name: "light";--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-hover: #fcfcfd;--color-surface-subtle: #eaeaea;--color-border: rgba(0, 0, 0, .08);--color-border-subtle: rgba(0, 0, 0, .05);--color-border-faint: rgba(0, 0, 0, .03);--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-accent: #0066cc;--color-blue: #0071e3;--color-blue-hover: #0077ed;--color-green: #1d1d1f;--color-green-glow: rgba(0, 0, 0, .05);--color-filter-active-bg: #1d1d1f;--color-filter-active-text: #ffffff;--color-header-bg: rgba(245, 245, 247, .8);--color-header-border: rgba(0, 0, 0, .08);--color-titlebar-bg: #e5e5ea;--color-modal-box-bg: #ffffff;--color-preview-pane-bg: #f5f5f7;--color-safari-toolbar-bg: rgba(255, 255, 255, .6);--color-safari-address-bg: rgba(0, 0, 0, .04);--shadow-card: 0 15px 35px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-card-hover: 0 25px 55px rgba(0, 0, 0, .1);--shadow-modal: 0 40px 100px rgba(0, 0, 0, .15);--noise-opacity: .015;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--color-device-bezel: #121212}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);color:var(--color-text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);line-height:1.5}body{overflow-x:hidden;min-height:100vh;position:relative;background:var(--color-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,iframe{display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:var(--noise-opacity)}.apple-header{position:sticky;top:0;left:0;width:100%;height:48px;background:var(--color-header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:999;border-bottom:1px solid var(--color-header-border)}.apple-header-content{max-width:1024px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.header-logo{font-size:13px;font-weight:600;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.2px;display:flex;align-items:center;gap:6px;transition:opacity .3s}.header-logo:hover{opacity:.8}.apple-logo-icon{width:16px;height:16px;color:var(--color-text-primary)}.header-menu{display:none;align-items:center;gap:32px}@media(min-width:768px){.header-menu{display:flex}}.menu-item{color:var(--color-text-secondary);font-size:12px;font-weight:400;transition:color .3s;cursor:pointer}.menu-item:hover{color:var(--color-text-primary)}.header-browse-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);padding:3px 10px;border-radius:var(--radius-full);transition:all .2s}.header-browse-pill:hover{background:var(--color-border-subtle);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.browse-label{font-size:11px}.browse-count{font-family:var(--font-mono);font-size:9px;background:var(--color-border);color:var(--color-text-primary);padding:0 5px;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle)}.header-actions{display:flex;align-items:center;gap:16px}.app-container{padding:40px 22px 80px;max-width:1024px;margin:0 auto;z-index:10;position:relative}.apple-footer{width:100%;background:var(--color-bg);border-top:1px solid var(--color-border);padding:48px 22px 32px;z-index:10;position:relative}.footer-content{max-width:1024px;margin:0 auto}.footer-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px}.directory-column{display:flex;flex-direction:column;gap:12px}.directory-title{font-size:11px;font-weight:600;color:var(--color-text-primary);letter-spacing:.05em;text-transform:uppercase}.directory-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.directory-list li{font-size:11px;color:var(--color-text-secondary)}.directory-list a{font-size:11px;color:var(--color-text-secondary);transition:color .2s}.directory-list a:hover{color:var(--color-text-primary)}.footer-divider{height:1px;background:var(--color-border-subtle);margin-bottom:20px}.footer-bottom{display:flex;flex-direction:column;gap:12px;font-size:11px;color:var(--color-text-secondary);align-items:flex-start}.footer-bottom-line{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;line-height:1.6;width:100%}.footer-bottom-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.footer-bottom-line a{color:var(--color-text-secondary);transition:color .2s}.footer-bottom-line a:hover{color:var(--color-text-primary)}.footer-lang-switcher-inline{display:inline-flex;align-items:center;gap:8px}.footer-lang-switcher-inline .lang-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary);font-size:11px;transition:color .2s}.footer-lang-switcher-inline .lang-btn:hover{color:var(--color-text-primary)}.footer-lang-switcher-inline .lang-btn.is-active{color:var(--color-text-accent);font-weight:600}.footer-sep,.lang-divider{color:var(--color-border);font-size:10px;pointer-events:none;margin:0 4px}.footer-credits{width:100%;text-align:center;font-size:11px;color:var(--color-text-secondary);opacity:.85;margin-top:8px}.footer-credits a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s,text-decoration .2s}.footer-credits a:hover{color:var(--color-text-secondary);text-decoration:underline}.page-main{width:100%}@media(max-width:768px){.app-container{padding:30px 15px 60px}}.btn-primary{background:var(--color-blue);color:#fff;font-size:12px;font-weight:700;border:none;border-radius:var(--radius-full);transition:background .3s,transform .15s}.btn-primary:hover{background:var(--color-blue-hover)}.btn-primary:active{transform:scale(.95)}.btn-sm{padding:6px 16px;box-shadow:0 1px 3px #0003}.btn-full{display:block;width:100%;padding:14px 0;text-align:center;font-family:var(--font-mono);font-size:12px;font-weight:700;border-radius:var(--radius-md);margin-top:12px}.btn-outline{display:block;width:100%;padding:12px 0;text-align:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;transition:background .3s,border-color .3s}.btn-outline:hover{background:var(--color-border-subtle);border-color:var(--color-border)}.header-search{position:relative;width:160px;transition:width .3s var(--ease-apple)}.header-search:focus-within{width:240px}.header-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;width:12px;height:12px}.header-search-input{width:100%;padding:6px 12px 6px 28px;background:var(--color-border-subtle);border:1px solid var(--color-border-faint);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);outline:none;transition:border-color .3s,background-color .3s,box-shadow .3s}.header-search-input::placeholder{color:var(--color-text-secondary)}.header-search-input:focus{background:var(--color-surface);border-color:var(--color-blue);box-shadow:0 0 0 2px #0071e326}.traffic-lights{display:flex;gap:8px}.traffic-lights button{width:12px;height:12px;border-radius:50%;position:relative;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transition:opacity .2s}.traffic-lights button:after{content:"";position:absolute;inset:0;border-radius:50%;border:.5px solid rgba(0,0,0,.15);pointer-events:none}.tl-close{background:var(--color-tl-close)!important}.tl-minimize{background:var(--color-tl-minimize)!important}.tl-zoom{background:var(--color-tl-zoom)!important}.traffic-lights .tl-symbol{width:12px;height:12px;opacity:0;transition:opacity .12s var(--ease-apple);pointer-events:none;display:block}.tl-close .tl-symbol{color:#4c0002d9}.tl-minimize .tl-symbol{color:#975700f2}.tl-zoom .tl-symbol{color:#064f00f2}.traffic-lights:hover .tl-symbol{opacity:1}.theme-toggle-btn{background:transparent;border:none;color:var(--color-text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s;padding:0}.theme-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-border-subtle)}.theme-toggle-btn svg{width:16px;height:16px}html[data-theme=dark] .theme-toggle-btn .moon-icon{display:none}html[data-theme=dark] .theme-toggle-btn .sun-icon{display:block}html[data-theme=light] .theme-toggle-btn .sun-icon{display:none}html[data-theme=light] .theme-toggle-btn .moon-icon{display:block}.lang-switcher{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px}.lang-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:2px 4px;cursor:pointer;font-weight:500;transition:color .2s}.lang-btn:hover{color:var(--color-text-primary)}.lang-btn.is-active{color:var(--color-text-accent);font-weight:700}.lang-divider{color:var(--color-border);pointer-events:none}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--color-surface);border-top:1px solid var(--color-border);padding:20px 22px;display:none;box-shadow:0 -10px 30px #00000026}.cookie-banner.is-visible{display:block}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-text{font-size:12px;color:var(--color-text-secondary);line-height:1.6;flex:1;min-width:240px}.cookie-text a{color:var(--color-text-accent);text-decoration:underline}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s}.cookie-btn-accept{background:var(--color-blue);color:#fff}.cookie-btn-accept:hover{background:var(--color-blue-hover)}.cookie-btn-decline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.cookie-btn-decline:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}@media(max-width:768px){.header-search{display:none}}.product-grid{display:grid;grid-template-columns:1fr;gap:32px;width:100%;transition:all .3s var(--ease-apple)}@media(min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px;transition:all .5s var(--ease-apple);cursor:pointer;box-shadow:var(--shadow-card)}.product-card:hover{transform:scale(1.01);box-shadow:var(--shadow-card-hover)}.product-card.is-hidden-card{opacity:0;transform:scale(.95)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-genre{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--color-text-secondary);background:var(--color-border-subtle);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border-faint)}.card-price{font-size:12px;font-family:var(--font-mono);font-weight:700;color:var(--color-text-accent)}.card-body{margin-bottom:24px}.card-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;transition:color .3s}.product-card:hover .card-title{color:var(--color-text-accent)}.card-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.7;max-width:400px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-device-wrap{margin:24px 0}.card-views{font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.02em}.product-card .device-screen iframe,.product-card .device-screen .static-preview-container{pointer-events:none;opacity:.7;transition:opacity .5s ease}.product-card:hover .device-screen iframe,.product-card:hover .device-screen .static-preview-container{opacity:1}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--color-border-subtle);margin-top:16px}.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:75%}.card-tag{font-size:9px;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-border-faint);padding:2px 8px;border-radius:4px;border:1px solid var(--color-border-faint);cursor:pointer;transition:all .2s var(--ease-apple);text-decoration:none}.card-tag:hover{color:var(--color-text-primary);background:var(--color-border-subtle);border-color:var(--color-border)}.tags-more-container{position:relative;display:inline-block}.tags-more-trigger{font-size:9px;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-border-faint);padding:2px 8px;border-radius:4px;border:1px solid var(--color-border-faint);cursor:pointer;transition:all .2s var(--ease-apple);user-select:none}.tags-more-trigger:hover{color:var(--color-text-primary);background:var(--color-border-subtle);border-color:var(--color-border)}.tags-more-popup{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--color-modal-box-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--color-border);padding:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-modal);z-index:100;min-width:120px;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-apple),transform .2s var(--ease-apple),visibility .2s;pointer-events:none}.tags-more-popup:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent var(--color-modal-box-bg) transparent}.tags-more-container.is-open .tags-more-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.popup-card-tag{display:block;text-align:center;white-space:nowrap}.card-actions{display:flex;align-items:center;gap:12px}.card-link{font-size:12px;color:var(--color-text-accent);font-weight:600;display:flex;align-items:center;gap:2px;transition:text-decoration .2s}.product-card:hover .card-link{text-decoration:underline}.card-link-arrow{font-size:10px}.device-screen{flex:1;width:100%;height:100%;position:relative;background:#000;overflow:hidden}.device-screen iframe,.device-screen .static-preview-container{width:300%;height:300%;transform:scale(.333333);transform-origin:top left;border:none;transition:opacity .5s ease;position:absolute;top:0;left:0;overflow:hidden}.device-frame-studio{position:relative;width:100%;aspect-ratio:16 / 10;background:#000;border:12px solid var(--color-device-bezel);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.device-frame-studio:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#0d0d0d;border-radius:50%;box-shadow:inset 0 0 1px #fff3;z-index:30}.device-stand{width:80px;height:50px;margin:-1px auto 0;background:linear-gradient(180deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:0 8px 16px #0003,inset 0 1px #ffffff0d;position:relative;z-index:10;border:1px solid var(--color-border-faint);border-top:none}.device-stand:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:110px;height:4px;background:#121212;border-radius:4px;opacity:.8}.device-frame-ipad{position:relative;border:16px solid var(--color-device-bezel);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#000;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.device-frame-ipad:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#0a0a0a;border-radius:50%;z-index:30;transition:all .3s ease}.device-frame-iphone{position:relative;border:12px solid var(--color-device-bezel);border-radius:36px;box-shadow:var(--shadow-card);background:#000;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.device-frame-iphone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:14px;background:#000;border-radius:100px;z-index:30;box-shadow:inset 0 0 2px #ffffff1a;transition:all .3s ease}.device-frame-ipad .device-screen iframe,.device-frame-iphone .device-screen iframe{width:100%;height:100%;transform:none}.apple-card-glow{position:relative}.apple-card-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff03 40%,#fff0 60%,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .5s ease;opacity:.8}:root[data-theme=light] .apple-card-glow:after{background:linear-gradient(135deg,#0000000d,#00000003 40%,#0000 60%,#00000008)}.apple-card-glow:hover:after{opacity:1;background:linear-gradient(135deg,#fff3,#ffffff05 40%,#fff0 60%,#ffffff26)}:root[data-theme=light] .apple-card-glow:hover:after{background:linear-gradient(135deg,#00000014,#00000005 40%,#0000 60%,#0000000d)}:root[data-theme=light] .device-screen{background:#fff}:root[data-theme=light] .product-card .device-screen iframe,:root[data-theme=light] .product-card .device-screen .static-preview-container{opacity:.95}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s var(--ease-apple)}:root[data-theme=light] .modal-overlay{background:#ffffffb3}.modal-overlay.is-hidden{display:none!important;opacity:0}.modal-overlay.is-visible{opacity:1}@media(min-width:768px){.modal-overlay{padding:40px}}.modal-box{width:100%;height:100%;max-width:1200px;background:var(--color-modal-box-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;transform:scale(.96) translateY(10px);transition:transform .4s var(--ease-spring),border-color .3s;box-shadow:var(--shadow-modal)}.modal-box.is-open{transform:scale(1) translateY(0)}.modal-titlebar{width:100%;height:48px;background:var(--color-titlebar-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;justify-content:space-between;flex-shrink:0}.modal-address-container{display:flex;align-items:center;justify-content:center;max-width:50%;margin-top:6px}.modal-url-row{display:flex;align-items:center;gap:6px;background:var(--color-bg);padding:4px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);max-width:100%}.modal-url{font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary);border:none;background:transparent;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.url-jump-btn{color:var(--color-text-secondary);display:inline-flex;align-items:center;transition:color .2s}.url-jump-btn:hover{color:var(--color-text-primary)}.modal-spacer{width:52px}.modal-content{flex:1;display:grid;grid-template-columns:1fr;overflow:hidden}@media(min-width:1024px){.modal-content{grid-template-columns:1fr 400px}}.modal-preview-pane{background:var(--color-preview-pane-bg);height:100%;display:flex;flex-direction:column;border-bottom:1px solid var(--color-border);overflow:hidden;position:relative}@media(min-width:1024px){.modal-preview-pane{border-bottom:none;border-right:1px solid var(--color-border)}}.device-switcher{width:100%;padding:12px 24px;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.device-switcher-label{font-size:10px;font-family:var(--font-mono);color:var(--color-text-secondary);margin-right:8px}.device-tab-btn{padding:4px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-mono);border:1px solid transparent;background:transparent;transition:all .2s;cursor:pointer}.device-tab-btn:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.device-tab-btn.is-active{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(ellipse at center,var(--color-surface) 0%,var(--color-bg) 100%);overflow:hidden;position:relative}.iframe-container{flex-shrink:0;width:100%;height:100%;transform-origin:center center;transition:transform .3s var(--ease-spring)}.preview-stage .iframe-container{width:1440px!important;height:900px!important;aspect-ratio:1440 / 900!important;max-width:none!important;max-height:none!important;flex-shrink:0!important}.preview-stage .iframe-container.iframe-tablet{width:820px!important;height:1180px!important;aspect-ratio:820 / 1180!important}.preview-stage .iframe-container.iframe-tablet.is-landscape{width:1180px!important;height:820px!important;aspect-ratio:1180 / 820!important}.preview-stage .iframe-container.iframe-mobile{width:393px!important;height:852px!important;aspect-ratio:393 / 852!important}.preview-stage .iframe-container.iframe-mobile.is-landscape{width:852px!important;height:393px!important;aspect-ratio:852 / 393!important}.iframe-container.device-frame-ipad.is-landscape:before{top:50%!important;left:6px!important;transform:translateY(-50%)!important}.iframe-container.device-frame-iphone.is-landscape:before{top:50%!important;left:8px!important;transform:translateY(-50%)!important;width:14px!important;height:60px!important;border-radius:7px!important}.iframe-container.device-frame-iphone.is-landscape .safari-status-bar{padding-top:4px!important;height:20px!important;padding-left:28px!important}.preview-stage .device-screen iframe{width:100%!important;height:100%!important;transform:none!important;pointer-events:auto!important;opacity:1!important}.modal-info-panel{padding:32px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;background:var(--color-surface);color:var(--color-text-primary)}.info-sections{display:flex;flex-direction:column;gap:24px}.info-meta-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono)}.info-genre{font-size:10px;text-transform:uppercase;color:var(--color-text-accent);font-weight:700;letter-spacing:.1em}.info-id{font-size:12px;font-weight:700;color:var(--color-border)}.info-title{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:8px}.info-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.7}.info-section{border-top:1px solid var(--color-border);padding-top:24px}.section-label{font-size:10px;font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font-size:12px}.spec-card{background:var(--color-border-faint);border:1px solid var(--color-border-subtle);padding:12px;border-radius:var(--radius-md)}.spec-label{font-size:10px;color:var(--color-text-secondary);display:block;margin-bottom:4px}.spec-value{font-weight:700;color:var(--color-text-primary);font-family:var(--font-mono)}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.modal-tag{font-size:10px;font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-border-subtle);padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border-faint);cursor:pointer;transition:all .2s var(--ease-apple)}.modal-tag:hover{background:var(--color-border);border-color:var(--color-text-secondary)}.modal-footer-actions{border-top:1px solid var(--color-border);padding-top:24px;margin-top:24px;display:flex;flex-direction:column;gap:16px}.modal-nav-group{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.modal-nav-btn{background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-apple);cursor:pointer;padding:0}.modal-nav-btn:hover:not([disabled]){background:var(--color-border-subtle);color:var(--color-text-primary)}.modal-nav-btn:active:not([disabled]){transform:scale(.92)}.modal-nav-btn[disabled]{opacity:.25;cursor:not-allowed}.modal-nav-center-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .2s var(--ease-apple);text-align:center;cursor:pointer;text-decoration:none}.modal-nav-center-btn:hover{background:var(--color-border-subtle);color:var(--color-text-primary);opacity:1}.modal-nav-center-btn:active{transform:scale(.98)}.client-link{text-align:center;font-size:10px;color:var(--color-text-secondary);font-family:var(--font-mono);text-transform:uppercase;transition:color .3s}.client-link:hover{color:var(--color-text-primary)}@keyframes apple-modal-entry{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-apple-modal{animation:apple-modal-entry .4s var(--ease-spring) forwards}.modal-box.is-maximized .modal-content{grid-template-columns:1fr!important}.modal-box.is-maximized .modal-preview-pane{grid-column:span 2!important;border-right:none!important;width:100%!important}.modal-box.is-maximized .modal-info-panel{display:none!important}.modal-box.is-maximized .device-switcher{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:99999;background:#1c1c1ea6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:6px 16px;box-shadow:0 12px 30px #0006;display:flex;align-items:center;gap:12px}:root[data-theme=light] .modal-box.is-maximized .device-switcher{background:#ffffffb3;border-color:#00000014;box-shadow:0 12px 30px #00000014}.device-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);height:5px;background:#00000080;border-radius:100px;z-index:9999;pointer-events:none;display:none;transition:background .3s ease}:root[data-theme=dark] .device-home-indicator{background:#ffffff8c}.device-frame-ipad .device-home-indicator{display:block;width:220px}.device-frame-iphone .device-home-indicator{display:block;width:140px}.device-frame-iphone .safari-bottom-bar-mobile{height:54px!important;padding-bottom:14px!important}.modal-box.is-maximized .preview-stage{padding:40px!important}.modal-box.is-maximized .preview-stage:has(.iframe-desktop){padding:0!important}.modal-box.is-maximized .iframe-container.iframe-desktop{width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important}.maximized-floating-controls{display:none;position:absolute;top:16px;left:16px;z-index:99999;background:#1c1c1e80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}:root[data-theme=light] .maximized-floating-controls{background:#ffffff80;border-color:#0000000d;box-shadow:0 4px 12px #0000000d}.modal-box.is-maximized:not(:has(.iframe-desktop)) .maximized-floating-controls{display:block!important}.safari-chrome{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-bg)}.safari-status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 2px;font-size:11px;font-weight:600;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-titlebar-bg);height:24px;flex-shrink:0;user-select:none;border-bottom:none}.status-time{letter-spacing:-.01em}.status-notch{width:70px;height:12px;background:#000;border-radius:6px;opacity:0}.status-icons{display:flex;align-items:center;gap:6px}.status-icon{width:12px;height:12px;opacity:.9}.status-battery{display:flex;align-items:center}.battery-body{width:18px;height:9px;border:1px solid currentColor;border-radius:2px;padding:1px;display:flex}.battery-level{flex:1;background:currentColor;border-radius:1px}.battery-terminal{width:1.5px;height:4px;background:currentColor;border-top-right-radius:1px;border-bottom-right-radius:1px;margin-left:.5px}.safari-toolbar-desktop{height:44px;background:var(--color-safari-toolbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;gap:12px;transition:background .3s,border-color .3s}.safari-traffic-lights{display:none;align-items:center;gap:8px;margin-right:8px;flex-shrink:0}.modal-box.is-maximized .safari-traffic-lights{display:flex!important}.safari-nav-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.safari-nav-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s,color .2s,transform .1s}.safari-nav-btn:hover{background:#0000000d;color:var(--color-text-primary)}:root[data-theme=dark] .safari-nav-btn:hover{background:#ffffff0d}.safari-nav-btn:active{transform:scale(.92)}.safari-nav-btn:disabled,.safari-nav-btn.disabled{opacity:.25!important;cursor:not-allowed!important;pointer-events:none!important}.safari-address-bar{flex:1;max-width:520px;height:30px;background:var(--color-safari-address-bg);border:1px solid rgba(0,0,0,.03);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--color-text-secondary);transition:background .2s,border-color .2s;position:relative}:root[data-theme=dark] .safari-address-bar{border-color:#ffffff05}.safari-address-bar:hover{background:#0000000f}:root[data-theme=dark] .safari-address-bar:hover{background:#ffffff17}.safari-address-bar-menu{background:transparent;border:none;color:var(--color-text-secondary);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}.safari-address-bar-menu:hover{background:#0000000d;color:var(--color-text-primary)}:root[data-theme=dark] .safari-address-bar-menu:hover{background:#ffffff0d}.safari-address-center{display:flex;align-items:center;gap:6px;margin:0 auto;overflow:hidden;max-width:calc(100% - 60px)}.safari-lock-icon{flex-shrink:0;width:10px;height:10px}.safari-url-text{font-size:11px;font-family:var(--font-sans);font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safari-address-bar-reload{background:transparent;border:none;color:var(--color-text-secondary);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}.safari-address-bar-reload:hover{background:#0000000d;color:var(--color-text-primary)}:root[data-theme=dark] .safari-address-bar-reload:hover{background:#ffffff0d}.safari-actions-desktop{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-content:flex-end}.safari-toolbar-mobile{height:38px;background:var(--color-titlebar-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 12px;flex-shrink:0}.safari-mobile-address-bar{flex:1;height:28px;background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--color-text-secondary)}.safari-mobile-aa{font-size:11px;font-weight:700;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;padding:2px 4px;user-select:none}.safari-mobile-url-container{display:flex;align-items:center;gap:4px;max-width:70%;overflow:hidden}.safari-bottom-bar-mobile{height:44px;background:var(--color-titlebar-bg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;padding:0 12px 4px;flex-shrink:0}.safari-bottom-bar-mobile .safari-nav-btn{color:var(--color-blue);padding:6px 12px;border-radius:var(--radius-sm);background:transparent;border:none;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .1s}.safari-bottom-bar-mobile .safari-nav-btn:hover{background:var(--color-border-subtle)}.safari-bottom-bar-mobile .safari-nav-btn:active{transform:scale(.92)}.safari-content{flex:1;width:100%;position:relative;overflow:hidden}.safari-content iframe{width:100%!important;height:100%!important;border:none;display:block}.device-frame-studio .safari-status-bar{display:none!important}.device-frame-studio .safari-toolbar-desktop{display:flex!important}.device-frame-studio .safari-toolbar-mobile,.device-frame-studio .safari-bottom-bar-mobile{display:none!important}.device-frame-ipad .safari-status-bar,.device-frame-ipad .safari-toolbar-desktop{display:flex!important}.device-frame-ipad .safari-toolbar-mobile,.device-frame-ipad .safari-bottom-bar-mobile{display:none!important}.device-frame-iphone .safari-status-bar{display:flex!important;padding-top:10px;height:28px}.device-frame-iphone .safari-toolbar-desktop{display:none!important}.device-frame-iphone .safari-toolbar-mobile,.device-frame-iphone .safari-bottom-bar-mobile{display:flex!important}.hero-section{width:100%;padding-top:24px;padding-bottom:48px;border-bottom:1px solid var(--color-border);margin-bottom:48px}.hero-content{max-width:768px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:500;letter-spacing:.05em;color:var(--color-text-accent);background:var(--color-surface);border:1px solid var(--color-border-subtle);margin-bottom:16px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-blue);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:24px;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);font-weight:400}.hero-desc{font-size:15px;color:var(--color-text-secondary);line-height:1.7;max-width:560px}.filter-bar{margin-top:32px;position:relative;border-top:1px solid var(--color-border-subtle);padding-top:24px}.filter-scroll{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:8px 0;-ms-overflow-style:none;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.browse-all-section{margin-top:48px;text-align:center}.pagination{margin-top:64px;padding-top:32px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500}.pagination-btn{padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-primary);transition:background .3s;text-decoration:none}.pagination-btn:hover{background:var(--color-border-subtle)}.pagination-btn.is-disabled{border-color:var(--color-border-faint);color:var(--color-text-secondary);opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-numbers{display:none;gap:8px}@media(min-width:768px){.pagination-numbers{display:flex}}.page-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-secondary);text-decoration:none;transition:all .2s}.page-num:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.page-num.is-current{background:var(--color-filter-active-bg);color:var(--color-filter-active-text);border-color:transparent;font-weight:700}.legal-page{max-width:768px;margin:40px auto;color:var(--color-text-primary)}.legal-page h1{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.legal-page .status-badge{margin-bottom:24px}.legal-content{margin-top:32px;font-size:14px;line-height:1.8;color:var(--color-text-secondary)}.legal-content h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-top:36px;margin-bottom:16px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.legal-content p{margin-bottom:16px}.legal-content ul{margin-left:20px;margin-bottom:24px}.legal-content li{margin-bottom:8px}@media(max-width:768px){.hero-title{font-size:32px}}.back-nav-container{margin-bottom:24px;display:flex}.apple-back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;font-family:var(--font-sans)}.apple-back-btn:hover{color:var(--color-text-primary)}.apple-back-btn svg{transition:transform .2s var(--ease-apple)}.apple-back-btn:hover svg{transform:translate(-3px)}.tags-filter-bar{min-height:36px;width:100%}.tags-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 0;-ms-overflow-style:none;scrollbar-width:none}.tags-scroll::-webkit-scrollbar{display:none}.tag-filter-btn{flex-shrink:0;padding:8px 16px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);background:var(--color-border-faint);color:var(--color-text-secondary);border:1px solid var(--color-border-faint);transition:all .25s var(--ease-apple);cursor:pointer;user-select:none;letter-spacing:.02em}.tag-filter-btn:hover{background:var(--color-border-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.tag-filter-btn:active{transform:scale(.96)}.tag-filter-btn.is-active{background:var(--color-text-accent);color:#fff;border-color:transparent;font-weight:600}:root[data-theme=light] .tag-filter-btn.is-active{color:#fff;background:var(--color-text-accent)}.design-manifesto{margin-top:80px;padding-top:64px;border-top:1px solid var(--color-border);margin-bottom:64px;width:100%}.manifesto-header{margin-bottom:48px;max-width:640px}.manifesto-section-title{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:16px;line-height:1.2}.manifesto-section-subtitle{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.manifesto-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.manifesto-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.manifesto-grid{grid-template-columns:repeat(4,1fr)}}.manifesto-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden;transition:all .4s var(--ease-apple);display:flex;flex-direction:column}.manifesto-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.manifesto-card-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-text-accent);margin-bottom:24px;letter-spacing:.1em}.manifesto-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;line-height:1.4}.manifesto-card-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.6;flex-grow:1}.glass-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff14,#ffffff03 50%,#fff0 70%,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .5s ease;opacity:.8}:root[data-theme=light] .glass-glow:after{background:linear-gradient(135deg,#00000008,#00000003 50%,#0000 70%,#00000005)}.glass-glow:hover:after{opacity:1;background:linear-gradient(135deg,#ffffff26,#ffffff05 50%,#fff0 70%,#ffffff1a)}:root[data-theme=light] .glass-glow:hover:after{background:linear-gradient(135deg,#0000000f,#00000003 50%,#0000 70%,#0000000a)}.filter-tags-container{margin-top:32px;position:relative;border-top:1px solid var(--color-border-subtle);padding-top:24px}.filter-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.active-header-title{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-clear-all-btn{font-size:12px;font-weight:500;color:var(--color-text-accent);text-decoration:none;transition:opacity .2s var(--ease-apple)}.filter-clear-all-btn:hover{text-decoration:underline}.filter-tags-grid{display:flex;flex-wrap:wrap;gap:8px 10px}.filter-tag-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;user-select:none;transition:all .2s var(--ease-apple);font-family:var(--font-sans)}.filter-tag-pill:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover);transform:translateY(-1px)}.filter-tag-pill:active{transform:translateY(0) scale(.97)}.filter-tag-pill.is-active{background:var(--color-filter-active-bg);color:var(--color-filter-active-text);border-color:transparent;box-shadow:0 4px 12px #0000001a}:root[data-theme=light] .filter-tag-pill.is-active{box-shadow:0 4px 12px #0000000d}.pill-checkmark-box{display:none;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--color-filter-active-text);color:var(--color-filter-active-bg);flex-shrink:0}.filter-tag-pill.is-active .pill-checkmark-box{display:inline-flex}.pill-checkmark{stroke-width:3.5}.pill-label{line-height:1}.section-header{margin-top:16px;margin-bottom:28px;border-bottom:1px solid var(--color-border-subtle);padding-bottom:16px}.section-title{font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.025em;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.section-title:before{content:"";display:inline-block;width:4px;height:20px;background:var(--color-text-accent);border-radius:var(--radius-full)}