.sg-page{max-width:760px;margin:0 auto;padding:0 1.25rem 4rem}.sg-hero{text-align:center;padding:3rem 1.5rem 2.5rem;border-bottom:1px solid var(--bord);margin-bottom:2rem}.sg-eyebrow{font-family:var(--pixel);font-size:.5rem;color:var(--blue);letter-spacing:.2em;margin-bottom:1rem}.sg-title{font-family:var(--pixel);font-size:clamp(1rem,4vw,1.8rem);color:var(--text);margin-bottom:.75rem}.sg-sub{font-size:.95rem;color:var(--muted);line-height:1.7}.sg-submit-card{background:var(--surf);border:1px solid var(--bord);border-radius:14px;overflow:hidden;margin-bottom:2rem}.sg-card-head{font-family:var(--pixel);font-size:.48rem;color:var(--gold);letter-spacing:.1em;padding:.85rem 1.25rem;border-bottom:1px solid var(--bord);background:var(--surf2)}.sg-card-body{padding:1.25rem}.sg-hint{font-size:.88rem;color:var(--muted);margin-bottom:1rem}.sg-sign-btn{font-family:var(--pixel);font-size:.44rem;padding:.55rem 1.2rem;border-radius:6px;border:2px solid var(--green);background:transparent;color:var(--green);cursor:pointer;letter-spacing:.05em;transition:all .2s}.sg-sign-btn:hover{background:var(--green);color:#000}.sg-field{margin-bottom:1rem}.sg-label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.4rem;letter-spacing:.04em}.sg-input,.sg-select,.sg-textarea{width:100%;background:var(--surf2);border:1px solid var(--bord);border-radius:8px;color:var(--text);font-family:var(--body);font-size:.9rem;padding:.55rem .85rem;outline:none;transition:border-color .2s;resize:none}.sg-input:focus,.sg-select:focus,.sg-textarea:focus{border-color:var(--blue)}.sg-charcount{font-size:.72rem;color:var(--muted);text-align:right;margin-top:.25rem}.sg-submit-btn{font-family:var(--pixel);font-size:.44rem;padding:.6rem 1.4rem;border-radius:8px;border:none;background:var(--green);color:#000;cursor:pointer;letter-spacing:.06em;transition:all .2s;width:100%}.sg-submit-btn:hover{background:#0d7}.sg-error{font-size:.82rem;color:var(--pink);margin-top:.75rem;padding:.5rem .75rem;background:#ff2d780f;border:1px solid rgba(255,45,120,.2);border-radius:6px}.sg-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sg-list-title{font-family:var(--pixel);font-size:.56rem;color:var(--text);letter-spacing:.1em}.sg-sort{display:flex;gap:.3rem}.sg-sort-btn{font-family:var(--pixel);font-size:.36rem;padding:.4rem .8rem;border-radius:6px;border:1px solid var(--bord);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;letter-spacing:.04em}.sg-sort-btn.active{background:var(--blue);color:#000;border-color:var(--blue)}.sg-loading{font-family:var(--pixel);font-size:.44rem;color:var(--muted);padding:2.5rem;text-align:center;animation:pulse 1s infinite;letter-spacing:.08em}.sg-empty{font-size:.88rem;color:var(--muted);padding:2.5rem;text-align:center}.sg-card{background:var(--surf);border:1px solid var(--bord);border-radius:12px;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s;position:relative}.sg-card:hover{border-color:#243550}.sg-top-badge{position:absolute;top:.65rem;right:.65rem;font-family:var(--pixel);font-size:.34rem;background:var(--gold);color:#000;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em}.sg-card-inner{display:flex;gap:0}.sg-vote-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.1rem .85rem;border-right:1px solid var(--bord);min-width:54px;background:var(--surf2)}.sg-vote-btn{background:transparent;border:1px solid var(--bord);border-radius:6px;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:.25rem .4rem;transition:all .2s;line-height:1}.sg-vote-btn:hover{border-color:var(--green);color:var(--green)}.sg-vote-btn.voted{border-color:var(--green);color:var(--green);background:#00ff8814}.sg-vote-count{font-family:var(--pixel);font-size:.52rem;color:var(--gold);margin-top:.35rem}.sg-sg-body{flex:1;padding:1rem 1.1rem}.sg-sg-name{font-size:1rem;font-weight:700;margin-bottom:.35rem}.sg-genre-tag{font-family:var(--pixel);font-size:.34rem;background:#00c8ff14;border:1px solid rgba(0,200,255,.25);color:var(--blue);padding:.15rem .5rem;border-radius:10px;letter-spacing:.05em;display:inline-block;margin-bottom:.4rem}.sg-sg-desc{font-size:.84rem;color:var(--text);line-height:1.6;margin-bottom:.5rem}.sg-sg-meta{font-size:.72rem;color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:600px){.sg-hero{padding:1.2rem .75rem 1rem}.sg-list{padding:0 .5rem}.sg-card,.sg-form{padding:.75rem}.sg-form input,.sg-form textarea{font-size:16px}}