:root{--accent:#c6ff3d;--accent-dim:#5a7a1d;--text:#fff;--text-secondary:#8a8a8a;--text-tertiary:#4a4a4a;--background:#0a0a0a;--surface:#111;--surface-2:#181818;--border:#fff;--border-dim:#2a2a2a;--border-w:1.5px;--border-w-md:2px;--shadow-crisp:4px 4px 0 var(--accent);--shadow-subtle:2px 2px 0 var(--border-dim);--ease:cubic-bezier(.33, 1, .68, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.52s;--rail-w:48px;--header-h:44px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{min-height:100vh;padding:var(--header-h) 24px 0;background-color:var(--background);color:var(--text);font-family:var(--font-kode-mono), monospace;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;width:100%;max-width:100vw;font-size:15px;display:flex;overflow-x:hidden}@media (max-width:768px){body{padding:var(--header-h) 16px 0;font-size:14px}}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--background)}body::-webkit-scrollbar-thumb{background:var(--border-dim);transition:background var(--dur-fast) var(--ease)}body::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}::selection{background:var(--accent);color:var(--background)}a,button,img{-webkit-user-select:none;user-select:none;color:var(--text);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{flex-direction:column;flex:1;gap:40px;width:100%;max-width:1600px;margin:0 auto;padding-top:32px;display:flex}@media (max-width:768px){main{gap:24px;padding-top:20px}}.display-xl{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-3px;font-size:128px;font-weight:700;line-height:.95}.display-lg{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-2px;font-size:88px;font-weight:700;line-height:.98}.display-md{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-1px;font-size:56px;font-weight:600;line-height:1}.display-sm{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.5px;font-size:32px;font-weight:600;line-height:1.1}@media (max-width:768px){.display-xl{letter-spacing:-2px;font-size:92px}.display-lg{letter-spacing:-1.5px;font-size:56px}.display-md{font-size:40px}.display-sm{font-size:26px}}.eyebrow{font-family:var(--font-kode-mono), monospace;text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);font-size:12px;font-weight:500}.annotation{font-family:var(--font-kode-mono), monospace;color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;font-size:11px;line-height:1.4}.section-num{font-family:var(--font-space-grotesk), sans-serif;color:#0000;-webkit-text-stroke:1.5px var(--accent);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1}@media (max-width:768px){.section-num{-webkit-text-stroke:1px var(--accent);font-size:40px}}.top-wrapper{background-color:var(--background);width:100vw;height:var(--header-h);z-index:9999;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-dim);align-items:center;padding:0 0 0 16px;display:flex;position:fixed;top:0;left:0}.top-wrapper .top{justify-content:space-between;align-self:stretch;align-items:stretch;width:100%;display:flex}.top-wrapper .top .brand-name{border-right:1px solid var(--border-dim);font-family:var(--font-kode-mono), monospace;letter-spacing:.3px;color:var(--text);transition:color var(--dur-fast) var(--ease);align-items:center;padding-right:14px;font-size:12px;font-weight:500;line-height:1;display:flex}.top-wrapper .top .brand-name:hover{color:var(--accent)}.top-wrapper .top .top-nav{align-items:stretch;height:100%;display:flex}.top-wrapper .top .top-nav .nav-link{color:var(--text-secondary);font-family:var(--font-kode-mono), monospace;letter-spacing:.3px;border:none;border-left:1px solid var(--border-dim);cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;align-items:center;padding:0 14px;font-size:11px;font-weight:400;line-height:1;display:inline-flex}.top-wrapper .top .top-nav .nav-link:hover,.top-wrapper .top .top-nav .nav-link.active{color:var(--text)}@media (max-width:768px){.top-wrapper{padding:0 0 0 12px}.hide-mobile{display:none}.mobile-menu-toggle{display:inline-flex}}.mobile-menu-toggle{font-family:var(--font-kode-mono), monospace;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;font-size:11px;line-height:1;display:none}.mobile-menu-toggle:hover{color:var(--text)}.mobile-menu{top:var(--header-h);background-color:var(--background);border-bottom:1px solid var(--border-dim);z-index:9998;flex-direction:column;gap:4px;padding:12px 16px 16px;display:flex;position:fixed;left:0;right:0}.mobile-menu .link{font-family:var(--font-kode-mono), monospace;letter-spacing:.3px;color:var(--text-secondary);text-align:left;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:none;padding:10px 0;font-size:13px;font-weight:400}.mobile-menu .link:hover{color:var(--text)}.search-page{min-height:calc(100vh - var(--header-h) - 24px)}.footer{border-top:1px solid var(--border-dim);width:100%;max-width:1600px;color:var(--text-tertiary);font-family:var(--font-kode-mono), monospace;letter-spacing:.3px;margin:40px auto 0;padding-top:16px;padding-bottom:16px;font-size:11px}@media (max-width:768px){.footer{margin-top:24px}}.footer .footer-row{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer .footer-links{gap:16px;display:flex}.footer .link{color:var(--text-secondary);transition:color var(--dur-fast) var(--ease)}.footer .link:hover{color:var(--text)}.section-header{border-bottom:1px solid var(--border-dim);flex-direction:column;gap:4px;margin-bottom:32px;padding-bottom:16px;display:flex}.section-header .sh-number{line-height:.9}.section-header .sh-body{flex-direction:column;gap:6px;display:flex}.section-header .sh-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.section-header .sh-title{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.5px;text-transform:uppercase;font-size:32px;font-weight:700}.section-header .sh-arrow{color:var(--accent);font-size:28px;font-weight:400;line-height:1}@media (max-width:768px){.section-header{gap:14px;margin-bottom:20px}.section-header .sh-title{font-size:22px}}.section-block{padding-left:0;position:relative}.caption-rail{width:var(--rail-w);pointer-events:none;justify-content:center;align-items:flex-start;height:100%;padding-top:72px;display:flex;position:absolute;top:0;left:-56px}.caption-rail-label{writing-mode:vertical-rl;font-family:var(--font-kode-mono), monospace;letter-spacing:2px;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;font-size:11px;transform:rotate(180deg)}@media (max-width:1200px){.caption-rail{display:none}}.button{font-family:var(--font-kode-mono), monospace;background-color:var(--text);color:var(--background);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:var(--border-w-md) solid var(--border);height:44px;box-shadow:0 0 0 var(--accent);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:600;display:inline-flex;position:relative}@media (max-width:768px){.button{width:100%}}.button:hover{box-shadow:var(--shadow-crisp);transform:translate(-2px,-2px)}.button:active{box-shadow:0 0 0 var(--accent);transform:translate(2px,2px)}.button:disabled{opacity:.4;cursor:not-allowed;box-shadow:0 0 0 var(--accent);transform:none}.button.darken{color:var(--text);border-color:var(--border);background-color:#0000}.button.darken:hover{background-color:var(--text);color:var(--background)}.button.accent{background-color:var(--accent);color:var(--background);border-color:var(--accent);box-shadow:0 0 0 var(--border)}.button.accent:hover{box-shadow:4px 4px 0 var(--border);transform:translate(-2px,-2px)}.button.accent:active{box-shadow:0 0 0 var(--border);transform:translate(2px,2px)}.btn-sm{font-family:var(--font-kode-mono), monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:var(--border-w) solid var(--border);height:32px;color:var(--text);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background-color:#0000;align-items:center;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.btn-sm:hover{box-shadow:2px 2px 0 var(--accent);transform:translate(-1px,-1px)}.btn-sm:active{box-shadow:0 0 0 var(--accent);transform:translate(1px,1px)}.btn-sm.primary{background-color:var(--text);color:var(--background)}.btn-sm.dark{color:var(--text);border-color:var(--border-dim);background-color:#0000}.btn-sm.dark:hover{border-color:var(--border);box-shadow:2px 2px 0 var(--accent)}.btn-sm.danger{color:#f87171;background-color:#0000;border-color:#f87171}.btn-sm.danger:hover{background-color:#f8717114;box-shadow:2px 2px #f87171}.button.danger{color:#f87171;background-color:#0000;border-color:#f87171}.button.danger:hover{background-color:#f8717114;transform:translate(-2px,-2px);box-shadow:4px 4px #f87171}.button.danger:active{transform:translate(2px,2px);box-shadow:0 0 #f87171}.input,.textarea,.select{background-color:var(--background);border:var(--border-w) solid var(--border-dim);color:var(--text);font-family:var(--font-kode-mono), monospace;height:44px;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);outline:none;padding:10px 14px;font-size:14px;font-weight:500}.textarea{resize:vertical;height:auto;min-height:100px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.input:disabled{opacity:.5;cursor:not-allowed}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c6ff3d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.input-label{font-family:var(--font-kode-mono), monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:500}.input-group{flex-direction:column;gap:8px;display:flex}.badge{font-family:var(--font-kode-mono), monospace;letter-spacing:1px;text-transform:uppercase;color:var(--text);border:var(--border-w) solid var(--border-dim);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background-color:#0000;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge.active,.badge:hover{border-color:var(--accent);color:var(--accent)}.alert-stack{flex-direction:column;gap:16px;display:flex}.alert{background-color:var(--surface);border:var(--border-w) solid var(--border-dim);border-left:3px solid var(--border-dim);flex-direction:column;gap:4px;padding:16px;display:flex}.alert-title{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.2px;font-weight:600}.alert-message{color:var(--text-secondary);font-size:13px}.alert-success{border-color:#4ade80}.alert-success .alert-title{color:#4ade80}.alert-warning{border-color:#fbbf24}.alert-warning .alert-title{color:#fbbf24}.alert-error{border-color:#f87171}.alert-error .alert-title{color:#f87171}.gif-grid{columns:4;column-gap:10px}@media (max-width:1200px){.gif-grid{columns:3}}@media (max-width:900px){.gif-grid{columns:3;column-gap:8px}}@media (max-width:600px){.gif-grid{columns:2;column-gap:6px}}.gif-card{break-inside:avoid;margin-bottom:10px;display:block;position:relative}.gif-card-stack{position:relative}.gif-shadow{background-color:var(--accent);z-index:0;pointer-events:none;opacity:0;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);position:absolute;inset:0;transform:translate(0)}.gif-card:hover .gif-shadow{opacity:1;transform:translate(4px,4px)}.gif-card-inner{z-index:1;background-color:var(--background);transition:transform var(--dur-fast) var(--ease);position:relative;overflow:hidden}.gif-card-inner:after{content:"";outline:1px solid var(--border-dim);outline-offset:-1px;pointer-events:none;transition:outline-color var(--dur-fast) var(--ease);z-index:2;position:absolute;inset:0}.gif-card:hover .gif-card-inner:after{outline-color:var(--accent)}.gif-card:hover .gif-card-inner{transform:translate(-2px,-2px)}.gif-preview{width:100%;display:block;position:relative;overflow:hidden}.gif-preview img,.gif-preview video{width:100%;height:auto;display:block}.gif-overlay{opacity:0;transition:opacity var(--dur-fast) var(--ease);pointer-events:none;background:linear-gradient(#0000 45%,#000c 100%);flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;display:flex;position:absolute;inset:0}.gif-card:hover .gif-overlay{opacity:1}.gif-overlay-name{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.2px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.gif-name{font-family:var(--font-space-grotesk), sans-serif;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:600;overflow:hidden}.gif-meta{color:var(--text-secondary);font-size:12px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.gif-actions{gap:8px;margin-top:2px;padding:8px 0;display:flex}.feature-gif-card{break-inside:avoid;column-span:all;background-color:var(--background);border:var(--border-w-md) solid var(--border);margin-bottom:10px;padding:12px;display:block;position:relative}.feature-gif-card .gif-preview{max-height:380px}.feature-gif-card .gif-preview img,.feature-gif-card .gif-preview video{object-fit:contain;background-color:var(--background);width:100%;max-height:380px}.feature-gif-caption{font-family:var(--font-space-grotesk), sans-serif;color:var(--accent);letter-spacing:-1px;text-transform:uppercase;pointer-events:none;mix-blend-mode:difference;word-break:break-word;max-width:70%;font-size:40px;font-weight:800;line-height:1;position:absolute;bottom:20px;left:20px}.feature-gif-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.feature-gif-meta .feature-gif-name{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.3px;font-size:18px;font-weight:600}@media (max-width:768px){.feature-gif-caption{font-size:24px;bottom:14px;left:14px}}.corner-brackets{pointer-events:none;position:absolute;inset:0}.corner-brackets:before,.corner-brackets:after,.corner-brackets>span:before,.corner-brackets>span:after{content:"";border:2px solid var(--accent);width:12px;height:12px;position:absolute}.corner-brackets:before{border-bottom:none;border-right:none;top:6px;left:6px}.corner-brackets:after{border-bottom:none;border-left:none;top:6px;right:6px}.corner-brackets>span:before{border-top:none;border-right:none;bottom:6px;left:6px}.corner-brackets>span:after{border-top:none;border-left:none;bottom:6px;right:6px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, #ffffff0f 50%, var(--surface) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gif-skeleton-preview{aspect-ratio:4/3;width:100%}.gif-card:nth-child(3n+1) .gif-skeleton-preview{aspect-ratio:1}.gif-card:nth-child(3n+2) .gif-skeleton-preview{aspect-ratio:4/3}.gif-card:nth-child(3n) .gif-skeleton-preview{aspect-ratio:16/9}.gif-image-wrap{width:100%;display:block;position:relative;overflow:hidden}.gif-image-placeholder{object-fit:cover;filter:blur(4px);width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;transform:scale(1.05)}.gif-image-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feed-block{padding-top:0}.feed-loading-indicator,.feed-end{justify-content:center;align-items:center;gap:12px;padding:24px 0;display:flex}.feed-loading-bar{background-color:var(--accent);width:24px;height:2px;animation:feed-loading-pulse 1.2s infinite var(--ease);display:inline-block}@keyframes feed-loading-pulse{0%,to{opacity:.4;transform:scaleX(.3)}50%{opacity:1;transform:scaleX(1)}}@media (max-width:768px){.feed-block{padding-top:0}}.horizontal-rail{flex-direction:column;gap:12px;display:flex}.horizontal-rail-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.horizontal-rail-scroll::-webkit-scrollbar{display:none}.horizontal-rail-scroll{scrollbar-width:none}.horizontal-rail-card{scroll-snap-align:start;background-color:var(--surface);flex:none;height:220px;display:block;position:relative}.horizontal-rail-card .gif-image-wrap{width:auto;height:100%}.horizontal-rail-card .gif-image-media,.horizontal-rail-card .gif-image-placeholder{width:auto;height:100%;position:static}.horizontal-rail-card-inner{outline:1px solid var(--border-dim);outline-offset:-1px;height:100%;transition:outline-color var(--dur-fast) var(--ease);position:relative;overflow:hidden}.horizontal-rail-card:hover .horizontal-rail-card-inner{outline-color:var(--accent)}.horizontal-rail-card .horizontal-rail-card-inner img,.horizontal-rail-card .horizontal-rail-card-inner video{width:auto;height:100%;display:block}.horizontal-rail-footer{align-items:center;gap:16px;padding:4px 2px 0;display:flex}.horizontal-rail-progress-track{background-color:var(--border-dim);flex:1;height:1px;position:relative}.horizontal-rail-progress-fill{background-color:var(--accent);height:1px;transition:width 80ms linear;position:absolute;top:0;left:0}@media (max-width:768px){.horizontal-rail-card{height:160px}}.tag-row{grid-template-columns:180px 1fr;align-items:stretch;gap:24px;display:grid}.tag-row-label{color:var(--text);flex-direction:column;gap:6px;padding-top:8px;text-decoration:none;display:flex}.tag-row-label .tag-row-title{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.4px;text-transform:uppercase;transition:color var(--dur-fast) var(--ease);align-items:center;gap:8px;font-size:24px;font-weight:700;display:inline-flex}.tag-row-label .tag-row-title .tag-row-arrow{color:var(--accent);transition:transform var(--dur) var(--ease);display:inline-block}.tag-row-label:hover .tag-row-title .tag-row-arrow{transform:translate(8px)}.tag-row-label:hover .tag-row-title{color:var(--accent)}.tag-row-label .tag-row-count{font-family:var(--font-kode-mono), monospace;color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;font-size:11px}.tag-row-rail{min-width:0}@media (max-width:900px){.tag-row{grid-template-columns:1fr;gap:12px}}.auth-page{min-height:calc(100vh - var(--header-h));justify-content:center;align-items:center;padding:48px 0;display:flex}.auth-card{border:var(--border-w-md) solid var(--border);background-color:var(--background);width:100%;max-width:420px;box-shadow:4px 4px 0 var(--accent);flex-direction:column;gap:24px;padding:40px 32px;display:flex;position:relative}.auth-card .auth-title{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.5px;text-transform:uppercase;font-size:32px;font-weight:700}.auth-card .auth-eyebrow{margin-bottom:-8px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{color:var(--text-secondary);font-size:12px;font-family:var(--font-kode-mono), monospace;letter-spacing:1px;text-transform:uppercase;text-align:center}.auth-footer a{color:var(--accent)}.upload-zone{border:var(--border-w-md) dashed var(--border-dim);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);transform:translate(-1px,-1px)}.upload-zone p{color:var(--text-secondary);font-size:14px}.upload-zone .upload-hint{color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;font-size:11px}.upload-preview-wrap{background-color:var(--surface);border:var(--border-w-md) solid var(--border);justify-content:center;align-items:center;width:100%;max-height:360px;display:flex;position:relative;overflow:hidden}.upload-preview-wrap img,.upload-preview-wrap video{object-fit:contain;max-width:100%;max-height:360px;display:block}.tag-suggestions{flex-wrap:wrap;gap:8px;display:flex}.tag-suggestion{font-family:var(--font-kode-mono), monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:var(--border-w) solid var(--border-dim);height:30px;color:var(--text);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background-color:#0000;align-items:center;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.tag-suggestion:hover:not(.used){border-color:var(--accent);color:var(--accent);box-shadow:2px 2px 0 var(--accent)}.tag-suggestion.used{color:var(--text-tertiary);cursor:default;border-style:dashed}.tag-suggestion-skeleton{background-color:var(--surface);width:80px;height:30px}.tag-suggestion-skeleton:nth-child(2){width:64px}.tag-suggestion-skeleton:nth-child(3){width:96px}.page-header{border-bottom:1px solid var(--border-dim);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:16px;display:flex}.page-header .page-title-group{flex-direction:column;gap:6px;display:flex}.page-title{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-1px;text-transform:uppercase;font-size:48px;font-weight:700;line-height:1}@media (max-width:768px){.page-title{font-size:32px}}.modal-overlay{z-index:10001;background-color:#0a0a0ae6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background-color:var(--background);border:var(--border-w-md) solid var(--border);box-shadow:4px 4px 0 var(--accent);flex-direction:column;gap:20px;width:100%;max-width:480px;padding:32px;display:flex;position:relative}.modal h3{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.4px;text-transform:uppercase;font-size:24px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.gif-detail{flex-direction:column;gap:32px;max-width:1000px;margin:0 auto;display:flex}.gif-detail-media{background-color:var(--surface);border:var(--border-w) solid var(--border);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.gif-detail-media img,.gif-detail-media video{object-fit:contain;max-width:100%;max-height:75vh;display:block}.gif-detail-media .gif-image-wrap{width:100%;max-height:75vh}.gif-detail-media .gif-image-media,.gif-detail-media .gif-image-placeholder{object-fit:contain}.gif-detail-info{grid-template-columns:1fr 1fr;gap:32px;display:grid}.gif-detail-info h1{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.8px;text-transform:uppercase;font-size:40px;font-weight:700;line-height:1}.gif-detail-info-left{flex-direction:column;gap:16px;display:flex}.gif-detail-spec{font-family:var(--font-kode-mono), monospace;letter-spacing:1px;text-transform:uppercase;grid-template-columns:auto 1fr;gap:8px 16px;font-size:12px;display:grid}.gif-detail-spec dt{color:var(--text-tertiary)}.gif-detail-spec dd{color:var(--text)}@media (max-width:768px){.gif-detail-info{grid-template-columns:1fr;gap:20px}.gif-detail-info h1{font-size:28px}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:96px 24px;display:flex}.empty-state h3{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.5px;text-transform:uppercase;font-size:28px;font-weight:700}.empty-state p{color:var(--text-secondary)}.empty-state a{color:var(--accent);text-decoration:underline}.load-more{justify-content:center;padding:32px 0 0;display:flex}.search-form{align-items:stretch;gap:12px;display:flex}.search-form .input{flex:1}.search-form .button{width:auto}@media (max-width:600px){.search-form{flex-direction:column}}.legal-page{flex-direction:column;gap:40px;max-width:720px;margin:48px auto 80px;display:flex}.legal-header{border-bottom:1px solid var(--border-dim);flex-direction:column;gap:10px;padding-bottom:24px;display:flex}.legal-meta{color:var(--text-tertiary);letter-spacing:1px;font-size:12px}.legal-body{flex-direction:column;gap:36px;display:flex}.legal-section{flex-direction:column;gap:12px;display:flex}.legal-section h2{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.3px;color:var(--accent);font-size:18px;font-weight:600}.legal-section p{color:var(--text-secondary);line-height:1.7}.legal-section ul{color:var(--text-secondary);flex-direction:column;gap:6px;padding-left:20px;line-height:1.7;display:flex}.legal-section li{list-style:square}.legal-section li::marker{color:var(--accent)}.legal-section strong{color:var(--text);font-weight:600}.legal-canary{font-family:var(--font-kode-mono), monospace;border:1px solid var(--border-dim);background:var(--surface);color:var(--text-secondary);padding:12px 16px;font-size:13px}@media (max-width:768px){.legal-page{gap:28px;margin:32px auto 60px}}.gif-table-page{flex-direction:column;gap:20px;padding:0 0 64px;display:flex}.gif-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gif-table-toolbar-left{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.gif-table-wrap{border:var(--border-w) solid var(--border-dim);width:100%;overflow-x:auto}.gif-table{border-collapse:collapse;width:100%;font-size:13px}.gif-table thead tr{border-bottom:var(--border-w) solid var(--border-dim);background-color:var(--surface)}.gif-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:600}.gif-table th.col-check,.gif-table td.col-check{width:40px;padding:10px 12px}.gif-table th.col-thumb,.gif-table td.col-thumb{width:64px;padding:8px 12px}.gif-table th.col-actions,.gif-table td.col-actions{white-space:nowrap;text-align:right;width:1%;padding:8px 14px}.gif-table tbody tr{border-bottom:var(--border-w) solid var(--border-dim);transition:background-color var(--dur-fast) var(--ease)}.gif-table tbody tr:last-child{border-bottom:none}.gif-table tbody tr:hover{background-color:var(--surface)}.gif-table tbody tr.selected{background-color:color-mix(in srgb, var(--accent) 6%, transparent)}.gif-table td{vertical-align:middle;color:var(--text);padding:10px 14px}.gif-table-thumb{object-fit:cover;border:var(--border-w) solid var(--border-dim);width:48px;height:48px;display:block}.gif-table-thumb img,.gif-table-thumb video{object-fit:cover;width:100%;height:100%;display:block}.gif-table-name{color:var(--text);transition:color var(--dur-fast) var(--ease);font-weight:600;text-decoration:none}.gif-table-name:hover{color:var(--accent)}.gif-table-tags{flex-wrap:wrap;gap:4px;display:flex}.gif-table-meta{color:var(--text-secondary);white-space:nowrap;font-size:12px}.gif-table-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.gif-table-check{appearance:none;border:var(--border-w) solid var(--border-dim);cursor:pointer;width:16px;height:16px;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.gif-table-check:hover{border-color:var(--accent)}.gif-table-check:checked{background-color:var(--accent);border-color:var(--accent)}.gif-table-check:checked:after{content:"";border-left:2px solid var(--background);border-bottom:2px solid var(--background);width:9px;height:6px;display:block;position:absolute;transform:rotate(-45deg)translateY(-1px)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pagination-info{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:12px}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{font-family:var(--font-kode-mono), monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:var(--border-w) solid var(--border-dim);min-width:32px;height:32px;color:var(--text-secondary);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--border);color:var(--text);box-shadow:2px 2px 0 var(--accent);transform:translate(-1px,-1px)}.pagination-btn.active{border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.gif-table th.col-tags,.gif-table td.col-tags,.gif-table th.col-size,.gif-table td.col-size{display:none}}.settings-shell{grid-template-columns:220px 1fr;gap:32px;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.settings-shell{grid-template-columns:1fr;gap:16px}}.settings-sidebar{border-right:1px solid var(--border-dim);padding-right:16px}@media (max-width:768px){.settings-sidebar{border-right:none;border-bottom:1px solid var(--border-dim);padding-bottom:12px;padding-right:0}}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-link{color:var(--text-secondary);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;padding:10px 12px;font-size:13px;display:block}.settings-nav-link:hover{color:var(--text);border-color:var(--border-dim)}.settings-nav-link.active{color:var(--accent);border-color:var(--accent)}.settings-content{min-width:0}.settings-card{border:1px solid var(--border-dim);background:var(--surface);margin-bottom:20px;padding:20px}.settings-kicker{text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:12px;font-size:.8rem}.settings-table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th,.settings-table td{text-align:left;border-bottom:1px solid var(--border-dim);padding:10px 12px}.settings-table th{text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:11px;font-weight:500}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table a{color:var(--accent)}.settings-tabs{border-bottom:1px solid var(--border-dim);gap:4px;margin-bottom:16px;display:flex}.settings-tab{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:12px}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.input{background:var(--surface-2);border:1px solid var(--border-dim);width:100%;color:var(--text);font-family:var(--font-kode-mono), monospace;margin-top:4px;padding:10px 12px;font-size:13px}.input:focus{border-color:var(--accent);outline:none}
@font-face{font-family:kodeMono;src:url(../media/KodeMono-s.p.08mvg3yfc96r~.woff2)format("woff2");font-display:swap}@font-face{font-family:kodeMono Fallback;src:local(Arial);ascent-override:74.53%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.kodemono_d998c404-module__105_RW__className{font-family:kodeMono,kodeMono Fallback}.kodemono_d998c404-module__105_RW__variable{--font-kode-mono:"kodeMono", "kodeMono Fallback"}
@font-face{font-family:spaceGrotesk;src:url(../media/SpaceGrotesk-s.p.08gj8ikt0.ctl.woff2)format("woff2");font-display:swap}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_ebb5b960-module___byPtq__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_ebb5b960-module___byPtq__variable{--font-space-grotesk:"spaceGrotesk", "spaceGrotesk Fallback"}