:root{--bg-main: #1e1e2e;--bg-header: rgba(24, 24, 37, .88);--border-subtle: #313244;--border-bright: #45475a;--text-main: #cdd6f4;--text-muted: #a6adc8;--text-dim: #6c7086;--accent-mauve: #cba6f7;--accent-lavender: #b4befe;--accent-blue: #89b4fa;--accent-sapphire: #74c7ec;--accent-green: #a6e3a1;--accent-peach: #fab387;--cart-plastic: #181825;--cart-plastic-hover: #262738;--cart-sticker-bg: #11111b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:Inconsolata,monospace;font-size:16px;line-height:1.6;letter-spacing:-.01em;min-height:100vh;overflow-x:hidden}.sh-header{width:100%;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-header);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.header-inner{max-width:860px;margin:0 auto;padding:12px 20px;display:flex;align-items:center}.back-link{color:var(--accent-mauve);text-decoration:none;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:#fff;text-decoration:underline}.sh-container{max-width:860px;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:28px}.title-section{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:4px}.title-left{display:flex;flex-direction:column}.main-title{font-size:2.8rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1;display:inline-block}.main-title:after{content:"_";color:var(--accent-mauve);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.social-icons{display:flex;align-items:center;gap:12px;margin-top:24px}.social-icon-btn{color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;border:1px solid var(--border-subtle);background-color:var(--cart-plastic);transition:all .15s ease;line-height:0}.social-icon-btn:hover{color:var(--accent-mauve);border-color:var(--accent-mauve);background-color:var(--cart-plastic-hover);transform:translateY(-2px)}.title-right{display:flex;align-items:flex-end;justify-content:flex-end;flex-shrink:0}.thinking-mascot{width:96px;height:96px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45));transition:transform .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.thinking-mascot:hover{transform:scale(1.1) rotate(-5deg)}.about-section{padding:0}.about-text{color:var(--text-main);font-size:1.05rem;line-height:1.65;text-align:justify}.cartridges-rack{width:100%}.rack-heading{font-size:.85rem;color:var(--accent-lavender);font-weight:700;display:block;margin-bottom:12px}.cartridges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.cartridge{background-color:var(--cart-plastic);border:1px solid #313244;border-top:3px solid var(--cart-accent);border-radius:4px 4px 2px 2px;padding:6px;text-decoration:none;display:flex;flex-direction:column;gap:6px;position:relative;box-shadow:0 3px 6px #00000059,inset 1px 1px #ffffff0d;cursor:pointer}.cartridge:hover{background-color:var(--cart-plastic-hover);border-color:var(--cart-accent)}.cart-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:.65rem;color:var(--text-dim)}.cart-grip{display:flex;flex-direction:column;gap:2px;width:24px}.cart-grip span{height:1px;background-color:#45475a;display:block;width:100%}.cart-arrow{font-size:.6rem;color:var(--text-dim)}.cartridge:hover .cart-arrow{color:var(--cart-accent)}.cart-code{font-size:.65rem;font-weight:700;color:var(--cart-accent);letter-spacing:.05em}.cart-label{background-color:var(--cart-sticker-bg);border:1px solid #232436;border-radius:2px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;height:96px;justify-content:space-between}.label-header{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.label-title{font-size:.85rem;font-weight:800;color:var(--cart-accent);letter-spacing:.04em}.label-sub{font-size:.65rem;color:var(--text-dim);text-transform:uppercase}.label-desc-wrap{height:44px;overflow:hidden;display:flex;align-items:flex-start}.label-desc{font-size:.75rem;color:var(--text-muted);line-height:1.35;margin:0;opacity:.45}.cartridge:hover .label-desc{opacity:1;color:var(--text-main)}.label-footer{display:flex;justify-content:flex-end;margin-top:2px}.insert-hint{font-size:.65rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.cartridge:hover .insert-hint{color:var(--cart-accent)}.badge-matrix-section{padding-top:10px}.section-tag{font-size:.8rem;font-weight:700;color:var(--text-dim);margin-bottom:8px;text-transform:lowercase}.matrix-grid{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.badge-link{display:inline-block;line-height:0;border:1px solid #313244;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-clickable{cursor:pointer}.badge-clickable:hover{border-color:var(--accent-mauve);transform:translateY(-2px);box-shadow:0 4px 10px #00000080,0 0 8px #cba6f740}.badge-img{width:88px;height:31px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.sh-footer{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.85rem;color:var(--text-dim);padding-top:20px;border-top:1px solid var(--border-subtle)}.sh-footer a{color:var(--accent-mauve);text-decoration:none}.sh-footer a:hover{text-decoration:underline}@media (max-width: 720px){.main-title{font-size:2.2rem}.sh-container{padding:20px 14px 40px;gap:20px}.cartridges-grid{grid-template-columns:1fr}}