:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f0e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#10100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#10100ffa,#181614f5),radial-gradient(circle at 4px 4px,#f6f0e614 1px,#0000 0) 0 0/24px 24px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.topbar,.control-band,.metric-band,.rank-tabs,.notice{align-items:center;gap:12px;display:flex}.topbar{justify-content:space-between;margin-bottom:22px}.brand,.header-actions,.code-row,.card-actions,.modal-header{align-items:center;display:flex}.brand{gap:14px;min-width:0}.brand-mark{color:#10100f;letter-spacing:0;background:#d7ff5e;border:1px solid #f6f0e6;border-radius:8px;place-items:center;width:52px;height:52px;font-weight:950;display:grid;box-shadow:5px 5px #ff7a59}.eyebrow{color:#a8a092;letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:850}h1,h2{letter-spacing:0;margin:0}h1{color:#fffaf0;font-size:clamp(2rem,5vw,4.25rem);line-height:.95}h2{color:#fffaf0;font-size:1.45rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary-button,.icon-button,.text-button,.dislike-button,.vote-button,.rank-tabs button,.segmented button{border:1px solid #f6f0e633;border-radius:8px;min-height:40px}.primary-button,.vote-button{color:#10100f;background:#d7ff5e;justify-content:center;align-items:center;gap:8px;font-weight:950;display:inline-flex;box-shadow:3px 3px #ff7a59}.primary-button{padding:0 16px}.icon-button{color:#f6f0e6;background:#191817;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button.ghost{width:36px;height:36px;min-height:36px;box-shadow:none;border-color:#f6f0e62e}.control-band{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#191817c7;border:1px solid #f6f0e624;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(170px,220px) auto;margin:0 0 12px;padding:12px;display:grid}.search-box,.select-control{color:#c7bfb2;background:#111110;border:1px solid #f6f0e624;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.search-box input,.select-control select,.entry-form input,.entry-form select{color:#fffaf0;background:0 0;border:0;outline:0;width:100%}.search-box input::placeholder,.entry-form input::placeholder{color:#7d766b}.select-control select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0}.select-control option,.entry-form option{color:#fffaf0;background:#111110}.segmented{grid-auto-columns:minmax(88px,1fr);grid-auto-flow:column;gap:6px;display:grid}.segmented button,.rank-tabs button{color:#c7bfb2;white-space:nowrap;background:#191817;padding:0 12px;font-size:.9rem;font-weight:850}.segmented button.is-selected,.rank-tabs button.is-selected{color:#10100f;background:#d7ff5e;border-color:#d7ff5e94}.metric-band{grid-template-columns:repeat(4,1fr);margin:16px 0;display:grid}.metric{background:#191817;border:1px solid #f6f0e624;border-radius:8px;min-height:76px;padding:14px 16px}.metric span{color:#a8a092;font-size:.84rem;font-weight:850;display:block}.metric strong{color:#fffaf0;margin-top:4px;font-size:1.8rem;line-height:1;display:block}.rank-tabs{flex-wrap:wrap;margin-bottom:16px}.rank-tabs button{flex:140px}.notice{color:#b9fff5;background:#80e6d61f;border:1px solid #80e6d67a;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:12px 14px;font-weight:850}.notice.is-error{color:#ffc8bb;background:#ff7a591f;border-color:#ff7a5980}.notice button{width:28px;height:28px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.code-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.code-card,.empty-state{background:#191817;border:1px solid #f6f0e629;border-radius:8px}.code-card{min-height:216px;padding:16px;display:grid;box-shadow:4px 4px #ff7a5933}.card-topline,.card-meta{color:#a8a092;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;font-weight:850;display:flex}.rank,.site-chip{border-radius:999px;align-items:center;min-height:28px;padding:0 9px;display:inline-flex}.rank{color:#10100f;background:#80e6d6}.site-chip{color:#e3dccf;text-overflow:ellipsis;white-space:nowrap;background:#111110;border:1px solid #f6f0e624;max-width:170px;overflow:hidden}.date-text{margin-left:auto}.code-row{justify-content:space-between;gap:10px;margin:18px 0}.code-row strong{overflow-wrap:anywhere;color:#fffaf0;letter-spacing:0;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.65rem,4vw,2.25rem)}.card-meta{margin-top:auto}.card-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.vote-button,.dislike-button,.text-button{min-width:0;padding:0 13px;font-size:.9rem}.vote-button:disabled{color:#8f887c;box-shadow:none;background:#2a2926;border-color:#f6f0e61f}.dislike-button{color:#ffc8bb;background:#ff7a5921;justify-content:center;align-items:center;gap:7px;font-weight:850;display:inline-flex}.dislike-button:disabled{color:#8f887c;background:#2a2926;border-color:#f6f0e61f}.text-button{color:#c7bfb2;background:#111110;justify-content:center;align-items:center;gap:7px;font-weight:850;display:inline-flex}.text-button:disabled{color:#6d675f}.empty-state{color:#a8a092;grid-column:1/-1;place-items:center;min-height:230px;font-weight:900;display:grid}.modal-backdrop,.age-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090908b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal,.age-panel{background:#191817;border:1px solid #f6f0e633;border-radius:8px;width:min(460px,100%);box-shadow:8px 8px #000}.modal{padding:18px}.modal-header{justify-content:space-between;margin-bottom:18px}.entry-form{gap:14px;display:grid}.entry-form label{color:#d8d0c1;gap:7px;font-size:.9rem;font-weight:900;display:grid}.entry-form input{background:#111110;border:1px solid #f6f0e629;border-radius:8px;min-height:46px;padding:0 12px;font-size:1rem}.entry-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111110;border:1px solid #f6f0e629;border-radius:8px;min-height:46px;padding:0 12px;font-size:1rem}.submit-button{min-height:48px}.age-backdrop{z-index:30}.age-panel{text-align:center;justify-items:center;gap:14px;padding:30px;display:grid}.age-panel svg{color:#80e6d6}.age-panel p{color:#c7bfb2;margin:0;line-height:1.6}@media (width<=880px){.topbar{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start;width:100%}.control-band{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.control-band .segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.brand-mark{width:46px;height:46px;box-shadow:3px 3px #ff7a59}.header-actions>*{flex:auto}.header-actions .icon-button{flex:0 0 42px}.control-band .segmented,.metric-band,.code-grid{grid-template-columns:1fr}.rank-tabs button{flex-basis:calc(50% - 8px)}.date-text{margin-left:0}.modal,.age-panel{box-shadow:4px 4px #000}}