:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{margin:0;padding:0}html,body,#root{height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#101115;--bg-elevated:#15161b;--surface:#1a1b21;--surface-hover:#22232b;--text:#f0eee9;--text-muted:#9c98a3;--accent:#c9a961;--accent-strong:#dab975;--accent-ink:#241c0c;--border:#28292f;--glow:color-mix(in srgb, var(--accent) 16%, transparent);--tier-common:#8a8f9c;--tier-rare:#3b82f6;--tier-epic:#a855f7;--tier-legendary:#f5b83d}.theme-ruby{--bg:#130d10;--bg-elevated:#191114;--surface:#1e1418;--surface-hover:#291a20;--text:#f3ebec;--text-muted:#ad98a0;--accent:#c8536e;--accent-strong:#dd7089;--accent-ink:#2a0d13;--border:#33232a;--glow:color-mix(in srgb, var(--accent) 20%, transparent)}.theme-forest{--bg:#0e1512;--bg-elevated:#121b17;--surface:#16211c;--surface-hover:#1d2b24;--text:#eaf1ec;--text-muted:#94a89d;--accent:#55a37c;--accent-strong:#74bd97;--accent-ink:#0c1f17;--border:#223129;--glow:color-mix(in srgb, var(--accent) 20%, transparent)}.theme-sapphire{--bg:#0c1119;--bg-elevated:#10161f;--surface:#141b26;--surface-hover:#1b2432;--text:#ecf1f7;--text-muted:#909db0;--accent:#4f8fd6;--accent-strong:#6fa5e2;--accent-ink:#071019;--border:#232d3b;--glow:color-mix(in srgb, var(--accent) 20%, transparent)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body,system-ui, -apple-system, "Segoe UI", sans-serif);margin:0;transition:background-color .4s,color .4s;overflow-x:hidden}.page-splash{background:var(--bg);min-height:100vh}.page{background:var(--bg);max-width:960px;box-shadow:0 0 0 100vmax var(--bg);min-height:100%;margin:0 auto;padding:2.5rem 1.5rem 4rem;transition:box-shadow .4s;animation:.5s cubic-bezier(.16,1,.3,1) page-in;position:relative}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, black);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;justify-content:space-between;align-items:center;padding:1.1rem 1.75rem;display:flex;position:sticky;top:0}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.01em;padding-bottom:.2rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--accent);height:1px;transition:right .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:100%}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{right:0}.nav-auth{align-items:center;gap:.75rem;display:flex}.nav-auth a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.nav-user{color:var(--text-muted)}.nav-auth button,.logout-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:.4rem .9rem;transition:border-color .2s,background-color .2s,transform .15s}.nav-auth button:hover,.logout-button:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-1px)}.logout-button{margin-top:1.5rem}.notification-bell{position:relative}.notification-bell-button{padding:.4rem .6rem;font-size:1rem;line-height:1;position:relative}.notification-badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notification-panel{border:1px solid var(--border);background:var(--surface);z-index:20;border-radius:10px;width:320px;max-height:360px;padding:.4rem;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 32px -16px #00000080}.notification-panel ul{margin:0;padding:0;list-style:none}.notification-panel li+li{border-top:1px solid var(--border)}.notification-panel a{color:var(--text);border-radius:6px;flex-direction:column;gap:.15rem;padding:.6rem .5rem;text-decoration:none;display:flex}.notification-panel a:hover{background:var(--surface-hover)}.notification-time{color:var(--text-muted);font-size:.75rem}.notification-request{flex-direction:column;gap:.3rem;padding:.6rem .5rem;display:flex}.notification-request-actions{gap:.5rem;display:flex}.notification-request-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.notification-request-actions button:hover{border-color:var(--accent);background:var(--surface-hover)}.gamer-count-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.gamer-count-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.auth-form{flex-direction:column;gap:.4rem;max-width:360px;margin:0 auto;display:flex}.auth-form label{color:var(--text-muted);margin-top:.6rem;font-size:.85rem}.auth-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.auth-form button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.7rem 1rem;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s}.auth-form button:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 8px 20px -8px var(--glow);transform:translateY(-1px)}.auth-form button:disabled{opacity:.6;cursor:default}.field-hint{color:var(--text-muted);margin:.2rem 0 0;font-size:.75rem}.city-autocomplete{flex:1;position:relative}.city-autocomplete input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:.6rem .8rem}.city-autocomplete-options{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:220px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px -12px #0006}.city-autocomplete-options li button{text-align:left;width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:6px;padding:.5rem .6rem;display:block}.city-autocomplete-options li button:hover{background:var(--surface-hover)}.auth-switch{text-align:center;color:var(--text-muted);margin-top:1.5rem}.auth-switch a{color:var(--accent)}.provider-connect-link{background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s}.provider-connect-link:hover{background:var(--accent-strong);transform:translateY(-1px)}.location-line{margin-top:.2rem}.leaderboard-header{margin-bottom:1.5rem}.leaderboard-location{text-align:center;margin:0 0 1.5rem}.scope-tabs{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.scope-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;transition:border-color .2s,background-color .2s,color .2s}.scope-tab.selected{border-color:var(--accent);background:var(--surface-hover);color:var(--accent)}.leaderboard-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:1rem;padding:.7rem 1rem;transition:border-color .2s,transform .15s;display:flex}.leaderboard-row:hover{border-color:var(--accent);transform:translate(2px)}.leaderboard-rank{color:var(--text-muted);width:2.5rem;font-weight:700}.leaderboard-name{color:var(--text);flex:1;font-weight:600;text-decoration:none}.leaderboard-name:hover{color:var(--accent)}.leaderboard-score{color:var(--text-muted);font-size:.85rem}.profile-section{margin-bottom:2rem}.game-rail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:.9rem;padding:.3rem .1rem 1rem;display:flex;overflow-x:auto}.game-rail::-webkit-scrollbar{height:8px}.game-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.game-rail::-webkit-scrollbar-thumb:hover{background:var(--accent)}.game-tile{scroll-snap-align:start;color:var(--text);flex-direction:column;flex:0 0 132px;gap:.55rem;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.game-tile:hover{transform:translateY(-4px)}.game-tile-art{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;width:132px;height:132px;transition:border-color .2s,box-shadow .25s;display:flex;overflow:hidden}.game-tile:hover .game-tile-art{border-color:var(--accent);box-shadow:0 12px 28px -12px var(--glow), 0 0 0 1px var(--glow)}.game-tile-art img{object-fit:cover;width:100%;height:100%;display:block}.game-tile-fallback{font-family:var(--font-display);color:var(--text-muted);font-size:2.2rem}.game-tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.game-tile:hover .game-tile-name{color:var(--accent)}.game-tile-meta{color:var(--text-muted);font-size:.72rem}.back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:.5rem;padding:0;font-size:.85rem;transition:color .2s;display:inline-block}.back-link:hover{color:var(--accent)}.progress-summary{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.progress-bar-track{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.progress-label{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.gallery-game-title{margin-bottom:.75rem}.achievement-instagrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:3px;display:grid}.insta-tile{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;transition:border-color .2s;position:relative;overflow:hidden}.insta-tile img{object-fit:cover;width:100%;height:100%;display:block}.insta-tile-fallback{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:2rem;display:flex}.insta-tile-overlay{background:color-mix(in srgb, var(--bg) 92%, black);opacity:0;flex-direction:column;justify-content:center;gap:.3rem;padding:.6rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.insta-tile:hover .insta-tile-overlay{opacity:1}.insta-tile-overlay h4{color:var(--text);margin:0;font-size:.8rem}.insta-tile-overlay p{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.7rem;display:-webkit-box;overflow:hidden}.insta-tile.tier-legendary{border-color:var(--tier-legendary)}.insta-tile.tier-epic{border-color:color-mix(in srgb, var(--tier-epic) 55%, var(--border))}.insta-tile.tier-rare{border-color:color-mix(in srgb, var(--tier-rare) 45%, var(--border))}.insta-tile.locked{opacity:.4;filter:grayscale()}.insta-tile.locked:hover{opacity:.85}.provider-list{flex-direction:column;gap:.6rem;display:flex}.provider-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:border-color .2s;display:flex}.provider-row.connected{border-color:var(--accent)}.provider-row-psn{flex-wrap:wrap}.psn-link-form{flex-direction:column;flex:100%;gap:.5rem;margin-top:.5rem;display:flex}.psn-link-help{color:var(--text-muted);font-size:.8rem;line-height:1.4}.psn-link-help a{color:var(--accent)}.psn-link-row{gap:.5rem;display:flex}.psn-link-row input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:.4rem .6rem}.provider-name{font-weight:600}.provider-status{color:var(--text-muted);font-size:.85rem}.provider-connect-button{border:1px solid var(--border);background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed;border-radius:8px;padding:.4rem .8rem;transition:border-color .2s}.provider-connect-button-psn{color:#fff;cursor:pointer;background:#e53e50;border-color:#e53e50;transition:background-color .2s,transform .15s}.provider-connect-button-psn:hover{background:#c92e3f;transform:translateY(-1px)}.recovery-email-form label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.recovery-email-row{gap:.5rem;max-width:420px;display:flex}.recovery-email-row input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:.6rem .8rem}.recovery-email-row button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;transition:background-color .2s,transform .15s}.recovery-email-row button:hover{background:var(--accent-strong);transform:translateY(-1px)}.user-search-results,.friend-requests ul,.friends-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.user-search-results li,.friend-requests li,.friends-list li{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem 1rem;transition:border-color .2s;display:flex}.user-search-results li:hover,.friend-requests li:hover,.friends-list li:hover{border-color:var(--accent)}.user-search-results a,.friend-requests a,.friends-list a{color:var(--text);font-weight:600;text-decoration:none}.user-search-results a:hover,.friend-requests a:hover,.friends-list a:hover{color:var(--accent)}.user-search-results button,.request-actions button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:.4rem .8rem;transition:background-color .2s,transform .15s}.user-search-results button:hover:not(:disabled),.request-actions button:hover{background:var(--accent-strong);transform:translateY(-1px)}.user-search-results button:disabled{opacity:.6;cursor:default}.request-actions{gap:.5rem;display:flex}.pending-label,.friend-status{color:var(--text-muted);font-size:.85rem}.friend-status-connected{color:var(--accent);font-weight:600}.page-header{text-align:center;margin-bottom:2.25rem;padding:1.75rem 1rem 2rem;position:relative}.page-header:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--glow), transparent 70%);pointer-events:none;z-index:-1;height:220px;position:absolute;inset:-1rem -1rem auto}.page-header h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:2.4rem;font-weight:600}.subtitle{color:var(--text-muted);margin-top:.4rem}.lookup-form{gap:.5rem;max-width:480px;margin:0 auto 2rem;display:flex}.lookup-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:.65rem .9rem;font-size:.95rem}.lookup-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.lookup-form button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.2rem;font-weight:600;transition:background-color .2s,transform .15s}.lookup-form button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.lookup-form button:disabled{opacity:.6;cursor:default}.error{color:#e2828a;text-align:center;animation:.2s ease-out error-in}@keyframes error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.empty{color:var(--text-muted);text-align:center}h2{font-family:var(--font-display);margin-bottom:.9rem;font-size:1.2rem;font-weight:600}.cabinet-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:.75rem;padding:.9rem;transition:transform .15s,border-color .2s;display:flex}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{border-radius:8px;flex-shrink:0;width:48px;height:48px}.achievement-body h3{margin:.35rem 0 .2rem;font-size:.95rem}.achievement-body p{color:var(--text-muted);margin:0;font-size:.8rem}.rarity-badge{letter-spacing:.02em;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.rarity-badge.tier-common{color:var(--tier-common);background:color-mix(in srgb, var(--tier-common) 18%, transparent)}.rarity-badge.tier-rare{color:var(--tier-rare);background:color-mix(in srgb, var(--tier-rare) 18%, transparent)}.rarity-badge.tier-epic{color:var(--tier-epic);background:color-mix(in srgb, var(--tier-epic) 18%, transparent)}.rarity-badge.tier-legendary{color:var(--tier-legendary);background:color-mix(in srgb, var(--tier-legendary) 22%, transparent)}.achievement-card.tier-common{border-color:var(--border)}.achievement-card.tier-rare{border-color:color-mix(in srgb, var(--tier-rare) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--tier-rare) 20%, transparent)}.achievement-card.tier-epic{border-color:color-mix(in srgb, var(--tier-epic) 55%, var(--border));box-shadow:0 0 16px -4px color-mix(in srgb, var(--tier-epic) 55%, transparent)}.coming-soon-card{border:1px solid var(--border);background:linear-gradient(160deg, var(--surface) 0%, var(--bg-elevated) 100%);text-align:center;max-width:560px;color:var(--text-muted);border-radius:16px;margin:0 auto;padding:2.25rem;line-height:1.65;transition:border-color .2s}.coming-soon-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--glow);border-radius:999px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.7rem;font-weight:700;display:inline-block}.coming-soon-card strong{color:var(--text)}.achievement-card.tier-legendary{border-color:var(--tier-legendary);box-shadow:0 0 20px -2px color-mix(in srgb, var(--tier-legendary) 70%, transparent);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--tier-legendary) 12%, var(--surface)) 100%)}.games-search-bar{flex-direction:column;gap:.75rem;max-width:560px;margin:0 auto 2rem;display:flex}.games-search-bar input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.7rem 1rem;font-size:1rem}.games-search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.platform-chips{justify-content:center;gap:.5rem;display:flex}.platform-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem 1rem;transition:border-color .2s,color .2s,background-color .2s}.platform-chip.selected{border-color:var(--accent);color:var(--accent);background:var(--surface-hover)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:1.25rem .9rem;display:grid}.game-page-header{flex-direction:column;align-items:center;display:flex}.game-page-icon{border:1px solid var(--border);object-fit:cover;border-radius:14px;width:72px;height:72px;margin-bottom:.75rem}.game-page-layout{grid-template-columns:1fr 220px;align-items:start;gap:2rem;display:grid}@media (width<=720px){.game-page-layout{grid-template-columns:1fr}}.game-page-side{position:sticky;top:5.5rem}.guides-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.guides-link:hover{border-color:var(--accent);transform:translateY(-2px)}.guides-link-title{font-weight:700;font-family:var(--font-display)}.guides-link-count{color:var(--text-muted);font-size:.8rem}.trophy-detail{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.trophy-detail-icon{border:2px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.trophy-detail-icon img{object-fit:cover;width:100%;height:100%}.trophy-detail-icon.tier-legendary{border-color:var(--tier-legendary)}.trophy-detail-icon.tier-epic{border-color:color-mix(in srgb, var(--tier-epic) 55%, var(--border))}.trophy-detail-icon.tier-rare{border-color:color-mix(in srgb, var(--tier-rare) 45%, var(--border))}.trophy-detail-body h1{margin:0 0 .4rem;font-size:1.5rem}.trophy-detail-description{color:var(--text-muted);margin:0 0 .6rem;line-height:1.5}.comments-section{margin-top:2.5rem}.comment-count{color:var(--text-muted);font-weight:400}.comment-list{flex-direction:column;gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.comment{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.8rem 1rem}.comment-empty{background:0 0;border:none;padding:.5rem 0}.comment-meta{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.comment-author{color:var(--accent);font-size:.88rem;font-weight:600;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-time{color:var(--text-muted);font-size:.75rem}.comment-body{white-space:pre-wrap;margin:0;line-height:1.5}.comment-form{flex-direction:column;gap:.6rem;display:flex}.comment-form textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:.7rem .9rem}.comment-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.comment-form button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:.55rem 1.1rem;font-weight:600;transition:background-color .2s,transform .15s}.comment-form button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.comment-form button:disabled{opacity:.6;cursor:default}.comment-error{margin:0}.guides-empty{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:1rem;max-width:480px;margin:0 auto;padding:2rem;display:flex}.guides-toolbar{justify-content:flex-end;margin-bottom:1.25rem;display:flex}.guide-card-list{flex-direction:column;gap:.9rem;display:flex}.guide-card{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.1rem 1.3rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.guide-card:hover{border-color:var(--accent);transform:translateY(-2px)}.guide-card h3{margin:0;font-size:1.05rem}.guide-stat-row{flex-wrap:wrap;gap:1rem;display:flex}.guide-stat-row-detail{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:0 0 1rem;padding:.9rem 1.1rem}.guide-stat{color:var(--text-muted);font-size:.85rem}.guide-stat strong{color:var(--accent);font-size:1rem}.guide-card-meta{color:var(--text-muted);margin:0;font-size:.78rem}.guide-summary{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.roadmap-list{counter-reset:roadmap;flex-direction:column;gap:.8rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.roadmap-step{border:1px solid var(--border);background:var(--surface);counter-increment:roadmap;border-radius:10px;padding:.9rem 1.1rem .9rem 3rem;position:relative}.roadmap-step:before{content:counter(roadmap);background:var(--accent);width:1.5rem;height:1.5rem;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:.9rem;left:1rem}.roadmap-step h3{margin:0 0 .3rem;font-size:.95rem}.roadmap-step p{color:var(--text-muted);margin:0;line-height:1.5}.guide-form{flex-direction:column;gap:.5rem;max-width:640px;margin:0 auto;display:flex}.guide-form label{color:var(--text-muted);margin-top:.7rem;font-size:.85rem}.guide-form input,.guide-form textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:.6rem .8rem}.guide-form input:focus,.guide-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.guide-form-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.guide-form-stats>div{flex-direction:column;display:flex}.guide-form h2{margin-top:1.5rem}.roadmap-editor{flex-direction:column;gap:.9rem;display:flex}.roadmap-step-editor{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.roadmap-step-editor-header{align-items:center;gap:.6rem;display:flex}.roadmap-step-number{background:var(--accent);width:1.5rem;height:1.5rem;color:var(--accent-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.roadmap-step-editor-header input{flex:1;margin:0}.roadmap-step-remove{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.75rem;transition:border-color .2s,color .2s}.roadmap-step-remove:hover{color:#e2828a;border-color:#e2828a}.roadmap-add-step{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;margin-top:.5rem;padding:.45rem .9rem;transition:border-color .2s,color .2s}.roadmap-add-step:hover{border-color:var(--accent);color:var(--accent)}.guide-form>button[type=submit]{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:1.5rem;padding:.7rem 1.3rem;font-weight:600;transition:background-color .2s,transform .15s}.guide-form>button[type=submit]:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.guide-form>button[type=submit]:disabled{opacity:.6;cursor:default}