*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c06888;--gold-light:#fdf0f5;--gold-dark:#884060;--pink:#d4537e;--color-success:#2e9e6a;--color-success-bg:#eaf7f2;--color-danger:#d04060;--color-danger-bg:#fdf0f4;--color-warning:#b88830;--color-warning-bg:#fdf8ee;--color-info:#4888c0;--color-info-bg:#eef5fd;--bg:#f5eff2;--bg-card:#fff;--bg-surface:#fbf5f8;--text-primary:#2c1820;--text-secondary:#7a5868;--text-muted:#b09098;--border:1px solid #edd8e0;--border-color:#edd8e0;--radius-sm:4px;--radius:10px;--radius-lg:16px;--radius-full:9999px;--shadow:0 8px 24px #c8648c24, 0 2px 6px #0000000d;--shadow-md:0 12px 32px #c8648c33, 0 4px 10px #00000014;--topbar-h:56px;--search-bar-h:40px}body{color:var(--text-primary);background:linear-gradient(#f5ede8,#f8f2ee) fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-color);z-index:100;background:linear-gradient(#fff 0%,#fdf6f8 100%);align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #c8648c1f,inset 0 -1px #c8648c0f}.topbar-search-trigger{top:var(--topbar-h);height:var(--search-bar-h);z-index:99;background:linear-gradient(135deg, #8a661f, var(--color-warning), #d4a855);border-bottom:1px solid var(--border-color);color:#fff8ea;cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex;position:fixed;left:0;right:0;box-shadow:0 2px 8px #b888304d}.topbar-search-trigger:hover{background:linear-gradient(135deg,#6e4f17,#987026,#b88c3e)}.topbar-search-trigger .icon{flex-shrink:0;font-size:14px}.topbar-search-trigger.pulse{animation:2.6s ease-in-out infinite searchTriggerBreathe}@keyframes searchTriggerBreathe{0%,to{box-shadow:0 2px 8px #b888304d}50%{box-shadow:0 2px 20px #b88830bf,0 0 0 2px #d4a85566}}.search-tip-bubble{top:calc(var(--topbar-h) + var(--search-bar-h) + 8px);z-index:99;background:var(--bg-card);border:1.5px solid var(--color-warning);color:var(--color-warning);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-family:inherit;font-size:12px;font-weight:600;animation:.3s tipBubblePopIn;display:flex;position:fixed;left:16px;box-shadow:0 6px 18px #b8883040}.search-tip-bubble:before{content:"";background:var(--bg-card);border-left:1.5px solid var(--color-warning);border-top:1.5px solid var(--color-warning);width:12px;height:12px;position:absolute;top:-7px;left:20px;transform:rotate(45deg)}.search-tip-bubble .dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 4px;font-size:13px;line-height:1}@keyframes tipBubblePopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-logo{white-space:nowrap;color:#fff0f4;letter-spacing:.3px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#a85870,#d07890,#f0a0b8,#d07890,#a85870);flex-shrink:0;align-items:center;gap:7px;padding:5px 12px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #b4648273,inset 0 1px #fff6}.topbar-user{align-items:center;gap:8px;min-width:0;display:flex}.topbar-user-name{white-space:nowrap;font-size:13px;font-weight:500}.sidebar{top:calc(var(--topbar-h) + var(--search-bar-h));border-right:var(--border);z-index:99;background:linear-gradient(#fff,#fdf8fa);width:220px;padding:12px 8px;transition:transform .2s;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.nav-section{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;padding:12px 8px 4px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius);color:var(--text-primary);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-item:hover{background:var(--bg-surface)}.nav-item.active{color:var(--gold-dark);border-left-color:var(--gold);background:linear-gradient(135deg,#c850962e,#c850960f);font-weight:700}.nav-item .icon{font-size:16px}.nav-item-row{align-items:center;display:flex}.nav-item-row .nav-item{flex:1;min-width:0}.nav-share-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;padding:8px 10px;font-size:14px}.nav-share-btn:hover{background:var(--bg-surface);color:var(--gold-dark)}.main-content{margin-top:calc(var(--topbar-h) + var(--search-bar-h));flex:1;width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding:20px 16px 40px}.card{border-radius:var(--radius-lg);background:#fff;margin-bottom:12px;padding:16px;position:relative;box-shadow:0 2px 12px #c0688814}.card-title{color:var(--text-muted);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:700}.rank-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.rank-1{color:#856404;background:#fff3cd}.rank-2{color:#0c5460;background:#e8f4fd}.rank-3{color:#721c24;background:#f8d7da}.rank-4{color:#1a3a8a;background:#e8f0fe}.rank-5{color:#6b008b;background:#f3e5f5}.rank-0{background:var(--bg-surface);color:var(--text-muted)}.stars-row{align-items:center;gap:6px;display:flex}.star{text-align:center;width:1.1em;font-size:20px;transition:transform .2s}.star.lit{animation:2.4s ease-in-out infinite starGlow;transform:scale(1.1)}.btn{border-radius:var(--radius);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#fdf4f7);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #c8648c1a,inset 0 1px #ffffffe6}.btn:hover{background:var(--bg-surface)}.btn:active{transform:scale(.94);box-shadow:none!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff0f4;background:linear-gradient(135deg,#884060,#c06080,#e890a8,#d07890,#a85870);border-color:#0000;position:relative;overflow:hidden;box-shadow:0 6px 20px #b4648273,inset 0 1px #ffffff47}.btn.primary:after{content:"";border-radius:var(--radius) var(--radius) 0 0;pointer-events:none;background:linear-gradient(#ffffff38,#0000);height:50%;position:absolute;top:0;left:0;right:0}.btn.primary:hover{background:linear-gradient(135deg,#7a3858,#a85878,#d07898,#b86880,#964860);box-shadow:0 8px 24px #b464828c,inset 0 1px #ffffff47}.btn.danger{background:var(--bg-card);color:var(--color-danger);border-color:var(--color-danger)}.btn.danger:hover{background:var(--color-danger-bg)}.btn.sm{padding:5px 10px;font-size:12px}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text-primary);background:linear-gradient(145deg,#fff,#fdf8fa);outline:none;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 4px #c8648c0f}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c0688826,inset 0 2px 4px #c8648c0f}.form-textarea{resize:vertical}.page-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:800}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header .page-title{margin-bottom:0}.section-label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.pill{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill-success{background:var(--color-success-bg);color:var(--color-success)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning)}.pill-info{background:var(--color-info-bg);color:var(--color-info)}.pill-neutral{background:var(--bg-surface);color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.spinner{color:var(--text-muted);justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.mb-1{margin-bottom:12px}.mb-2{margin-bottom:20px}#toast-root{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 32px);max-width:360px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{opacity:0;text-align:center;border-radius:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;transform:translateY(-8px);box-shadow:0 4px 16px #00000026}.toast.toast-show{opacity:1;transform:translateY(0)}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.toast-info{background:var(--text-primary);color:#fff}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 3px #ffc8008c)}50%{filter:drop-shadow(0 0 10px #ffd700f2)brightness(1.15)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes particleFloat{0%{opacity:.5;transform:translateY(0)translate(0)scale(1)}33%{opacity:.8;transform:translateY(-8px)translate(4px)scale(1.1)}66%{opacity:.6;transform:translateY(-4px)translate(-3px)scale(.9)}to{opacity:.5;transform:translateY(0)translate(0)scale(1)}}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes springUp{0%{transform:translateY(100%)}60%{transform:translateY(-6px)}80%{transform:translateY(3px)}to{transform:translateY(0)}}.live-dot{animation:1.4s ease-in-out infinite livePulse;display:inline-block}.fade-in-tab{animation:.18s ease-out both fadeInTab}.bottom-sheet-spring{animation:.38s cubic-bezier(.34,1.56,.64,1) both springUp}@keyframes spinRingAura{to{transform:rotate(360deg)}}@keyframes honorInnerRev{to{transform:rotate(-360deg)}}@keyframes honorAura{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.07)}}@keyframes honorCrownBob{0%,to{transform:translate(-50%)translateY(0)rotate(-4deg)}50%{transform:translate(-50%)translateY(-4px)rotate(4deg)}}@keyframes honorOrbit{0%{transform:rotate(var(--pa)) translateX(var(--pr))}to{transform:rotate(calc(var(--pa) + 360deg)) translateX(var(--pr))}}.honor-particle{border-radius:50%;animation-name:honorOrbit;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.honor-crown{pointer-events:none;z-index:10;animation:2s ease-in-out infinite honorCrownBob;position:absolute;left:50%}.honor-jewel-badge{white-space:nowrap;z-index:10;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:480px){.topbar{gap:5px;padding:0 8px}.topbar-menu-button{flex-shrink:0;margin-right:0!important;padding:2px 4px!important}.topbar-logo{letter-spacing:0;gap:4px;padding:4px 7px;font-size:12px}.topbar-logo img{width:23px!important;height:23px!important}.topbar-user{gap:4px;margin-left:auto}.topbar-user>.rank-badge{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:56px;overflow:hidden}.topbar-user-name{text-overflow:ellipsis;max-width:3.5em;overflow:hidden}.topbar-cofounder{display:none}.topbar-logout{flex-shrink:0;padding:6px 8px!important;font-size:12px!important}.discussion-card{padding:12px 13px!important}.discussion-head{gap:8px!important}.discussion-meta{grid-template-columns:1fr auto;row-gap:3px;align-items:start!important;display:grid!important}.discussion-meta>span:nth-child(2){display:none}.discussion-count{justify-self:end;margin-left:0!important}.discussion-detail-card{padding:13px!important}.discussion-detail-actions>button,.discussion-reply-card button,.discussion-official-card button{min-width:0}.discussion-detail-actions>button{flex:calc(50% - 6px)}.discussion-official{gap:8px!important}.discussion-reply-card{padding:11px 12px!important}}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes breatheSoft{0%,to{opacity:.6}50%{opacity:1}}@keyframes heroShimmer{0%{left:-80%}to{left:130%}}@keyframes heroPulseRing{0%{opacity:.9;transform:scale(.88)}50%{opacity:.2;transform:scale(1.1)}to{opacity:.9;transform:scale(.88)}}@keyframes heroAurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pillPopIn{0%{opacity:0;transform:scale(.94)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pillGlassShimmer{0%{left:-80%}to{left:130%}}.pill-section{background:linear-gradient(160deg,#f0edfb,#eee8ff,#f4eeff) 0 0/200% 200%;border-radius:18px;padding:14px 12px;animation:8s infinite heroAurora}.pill-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:99px;align-items:center;gap:12px;margin-bottom:10px;padding:11px 15px;animation:.4s both pillPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #a078dc1a,inset 0 1px #ffffffe6}.pill-card:last-child{margin-bottom:0}.pill-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;animation:5s ease-in-out infinite pillGlassShimmer;position:absolute;top:0;bottom:0}.pill-card:nth-child(2):after{animation-delay:1.5s}.pill-card:nth-child(3):after{animation-delay:2.8s}.pill-card:nth-child(4):after{animation-delay:1s}.pill-card:nth-child(5):after{animation-delay:2.2s}.pill-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2.5s ease-in-out infinite breatheSoft}.pill-name{color:#2c1820;flex:1;font-size:14px;font-weight:700}.pill-badge{border-radius:99px;flex-shrink:0;padding:4px 11px;font-size:11px;font-weight:700}.shimmer-approved{position:relative;overflow:hidden}.shimmer-approved:after{content:"";background:linear-gradient(#5dc694,#2e9e6a99,#5dc694) 0 0/100% 200%;width:4px;animation:2.2s linear infinite shimmerSlide;position:absolute;top:0;bottom:0;left:0}.global-search-backdrop{z-index:480;background:#0006;position:fixed;top:0;bottom:0;left:0;right:0}.global-search-panel{z-index:481;background:var(--bg-page,var(--bg));flex-direction:column;max-height:88vh;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 14px 34px #88406038}.global-search-input-row{padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));background:linear-gradient(120deg, var(--gold-dark), var(--gold));color:#fff;flex-shrink:0;align-items:center;gap:10px;display:flex}.global-search-input{color:var(--text-primary);background:#fffffff2;border:none;border-radius:9999px;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:14px}.global-search-close{color:#fff;cursor:pointer;background:#ffffff38;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:14px}.global-search-results{padding:12px 14px 24px;overflow-y:auto}.global-search-group{margin-bottom:14px}.global-search-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.global-search-result{text-align:left;background:var(--bg-card,#fff);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;width:100%;margin-bottom:7px;padding:10px 12px;font-family:inherit;display:block}.global-search-result-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.global-search-result-desc{color:var(--text-secondary);margin-top:3px;font-size:11.5px;line-height:1.5}.global-search-type-badge{border-radius:9999px;padding:1px 7px;font-size:9.5px;font-weight:700}.global-search-panel mark,.search-highlight mark{color:#7a2c48;background:#fbd9e4;border-radius:3px;padding:0 2px;font-weight:700}.search-highlight{animation:2.2s ease-out searchHighlightPulse}@keyframes searchHighlightPulse{0%{box-shadow:0 0 0 3px #c068888c}70%{box-shadow:0 0 0 3px #c0688859}to{box-shadow:0 0 #c0688800}}