:root{--brand: #6d28d9;--brand-light: #7c3aed;--brand-soft: #ede9fe;--brand-glow: rgba(109, 40, 217, .15);--bg-page: #f5f3ff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-sub: #f9f8ff;--bg-muted: #f3f0ff;--text-strong: #0f0a1e;--text-body: #2d2244;--text-muted: #6b6483;--text-faint: #a89fbc;--border: rgba(109, 40, 217, .12);--border-focus: #7c3aed;--shadow-xs: 0 1px 2px rgba(15, 10, 30, .04);--shadow-sm: 0 2px 8px rgba(15, 10, 30, .06);--shadow-md: 0 4px 20px rgba(109, 40, 217, .1);--shadow-lg: 0 8px 32px rgba(109, 40, 217, .14);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--page-max: 660px;--page-px: 1.25rem;--t-fast: .15s ease;--t-normal: .25s ease}body[data-theme=dark]{--brand: #8b5cf6;--brand-light: #a78bfa;--brand-soft: #1e1433;--brand-glow: rgba(139, 92, 246, .2);--bg-page: #0d0b14;--bg-card: #14111f;--bg-input: #1c1728;--bg-sub: #1a1628;--bg-muted: #1c1728;--text-strong: #f0ebff;--text-body: #c4b8e0;--text-muted: #7e6fa6;--text-faint: #4a3f66;--border: rgba(139, 92, 246, .15);--border-focus: #8b5cf6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Poppins,sans-serif;font-size:15px;line-height:1.6;color:var(--text-body);background-color:var(--bg-page);transition:background-color var(--t-normal),color var(--t-normal);min-height:100vh}.navbar{background:var(--brand);background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;padding:0 var(--page-px);height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff14,var(--shadow-md)}.navbar h1{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;color:#fff;display:flex;align-items:center;gap:.4rem}.navbar h1:before{content:"✦";font-size:.8rem;opacity:.7}.navbar-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.secret-count{font-size:.75rem;font-weight:600;color:#ffffffd9;background:#ffffff1f;padding:.3rem .75rem;border-radius:var(--r-pill);white-space:nowrap;display:none}.navbar-buttons button,.login-btn,.logout-btn,.info-btn,.mod-panel-btn{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:var(--r-pill);padding:.4rem 1rem;transition:all var(--t-fast);border:none;white-space:nowrap;letter-spacing:.01em}.login-btn{background:#fff;color:var(--brand);box-shadow:0 2px 8px #0000001f}.login-btn:hover{background:#f5f0ff;transform:none;opacity:1;box-shadow:0 4px 12px #00000029}.logout-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.logout-btn:hover{background:#ffffff40;transform:none;opacity:1}.info-btn{background:#ffffff1f;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem}.info-btn:hover{background:#fff3;color:#fff;transform:none;opacity:1}.mod-panel-btn{background:#ffb40026;color:#fbbf24;border:1px solid rgba(251,191,36,.3);font-size:.78rem}.mod-panel-btn:hover{background:#ffb40040;transform:none;opacity:1}.nav-tabs{display:flex;align-items:center;gap:.25rem;padding:.75rem var(--page-px);background:var(--bg-card);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-decoration:none;padding:.5rem 1rem;border-radius:var(--r-md);color:var(--text-muted);font-size:.78rem;font-weight:500;white-space:nowrap;transition:all var(--t-fast);flex-shrink:0;line-height:1.2}.nav-tab span:first-child{font-size:1rem}.nav-tab:hover{background:var(--bg-muted);color:var(--text-body)}.nav-tab.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.anonymous-info{max-width:var(--page-max);margin:1rem auto 0;padding:0 var(--page-px)}.anonymous-info p{background:var(--brand-soft);color:var(--brand);border:1px solid var(--border);border-radius:var(--r-md);padding:.7rem 1rem;font-size:.82rem;font-weight:500;text-align:center;margin:0}.secret-form{max-width:var(--page-max);margin:1.25rem auto 0;padding:0 var(--page-px)}.secret-form>.input-wrapper{position:relative}.secret-form textarea{width:100%;padding:1rem 1rem 2rem;font-family:Poppins,sans-serif;font-size:.95rem;color:var(--text-strong);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-sm);resize:none;min-height:110px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);box-shadow:var(--shadow-xs);line-height:1.6}.secret-form textarea::placeholder{color:var(--text-faint)}.secret-form textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-glow),var(--shadow-sm)}.char-count{position:absolute;bottom:12px;right:14px;font-size:.72rem;font-weight:500;color:var(--text-faint);pointer-events:none}.char-count.warning{color:#f59e0b;font-weight:600}.char-count.limit{color:#ef4444;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-top:.5rem}.secret-form input[type=number],.secret-form select{font-family:Poppins,sans-serif;font-size:.875rem;color:var(--text-strong);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:.65rem .85rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.secret-form input[type=number]:focus,.secret-form select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-glow)}.secret-form input[type=number]::placeholder{color:var(--text-faint)}.secret-form .form-row>button{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;background:var(--brand);color:#fff;border:none;border-radius:var(--r-sm);padding:.65rem 1.25rem;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);box-shadow:0 2px 8px #6d28d94d}.secret-form .form-row>button:hover{background:#5b21b6;box-shadow:0 4px 14px #6d28d966;transform:translateY(-1px);opacity:1}.secret-form .form-row>button:active{transform:translateY(0)}.secrets-container{max-width:var(--page-max);margin:1.25rem auto 3rem;padding:0 var(--page-px);display:flex;flex-direction:column;gap:.875rem}.secret-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow-xs);transition:box-shadow var(--t-normal),transform var(--t-normal);opacity:0;animation:cardIn .3s ease forwards}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.secret-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.secret-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.author-info{display:flex;flex-direction:column}.secret-metadata{font-size:.75rem;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:.2rem .6rem;border-radius:var(--r-pill);display:inline-block}.secret-actions{display:flex;align-items:center;gap:.5rem}.secret-date{font-size:.72rem;color:var(--text-faint);font-weight:400}.report-btn{background:none;border:none;padding:.2rem .3rem;cursor:pointer;font-size:.85rem;opacity:.35;transition:opacity var(--t-fast);line-height:1}.report-btn:hover{opacity:.8;transform:none}.secret-text{font-size:.95rem;line-height:1.65;color:var(--text-strong);font-weight:400;margin-bottom:1rem;word-break:break-word}.secret-footer{display:flex;flex-direction:column;gap:.75rem}.reactions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.reaction-btn{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;background:var(--bg-sub);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:.35rem .85rem;cursor:pointer;transition:all var(--t-fast);display:inline-flex;align-items:center;gap:.3rem}.reaction-btn:hover{background:var(--bg-muted);border-color:var(--brand);color:var(--brand);transform:translateY(-1px);opacity:1}.toggle-replies-btn{font-family:Poppins,sans-serif;font-size:.78rem;font-weight:500;background:none;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:.35rem .85rem;cursor:pointer;transition:all var(--t-fast)}.toggle-replies-btn:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft);transform:none;opacity:1}.reply-section{display:flex;gap:.4rem}.reply-input{flex:1;font-family:Poppins,sans-serif;font-size:.82rem;color:var(--text-strong);background:var(--bg-sub);border:1.5px solid var(--border);border-radius:var(--r-pill);padding:.45rem .9rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.reply-input::placeholder{color:var(--text-faint)}.reply-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-glow);background:var(--bg-card)}.reply-section .reply-btn{font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;background:var(--brand);color:#fff;border:none;border-radius:var(--r-pill);padding:.45rem 1rem;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.reply-section .reply-btn:hover{background:#5b21b6;opacity:1;transform:none}.replies-section{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.reply{background:var(--bg-sub);border-radius:var(--r-md);padding:.75rem 1rem;border-left:3px solid var(--brand)}.reply-content{display:flex;flex-direction:column;gap:.3rem}.reply-content p{font-size:.85rem;color:var(--text-body);line-height:1.5;word-break:break-word}.reply-metadata{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.reply-author{color:var(--brand);font-weight:600}.reply-date{color:var(--text-faint)}.loading{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.loading:before{content:"";width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sk-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow-xs);margin-bottom:.75rem}.skeleton-pill,.skeleton-date,.skeleton-line,.skeleton-btn,.skeleton-reply{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-sub) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.skeleton-pill{height:22px;width:120px;border-radius:var(--r-pill)}.skeleton-date{height:13px;width:80px}.skeleton-line{height:13px;margin-bottom:.5rem}.skeleton-line--long{width:88%}.skeleton-line--medium{width:58%;margin-bottom:0}.skeleton-footer{display:flex;gap:.4rem;margin-top:.85rem}.skeleton-btn{height:32px;width:64px;border-radius:var(--r-pill)}.skeleton-reply{height:38px;width:100%;margin-top:.75rem;border-radius:var(--r-pill)}@media (prefers-reduced-motion: reduce){.skeleton-pill,.skeleton-date,.skeleton-line,.skeleton-btn,.skeleton-reply{animation:none}}.new-content-banner{display:none;width:100%;background:var(--brand);color:#fff;font-size:.85rem;font-weight:600;text-align:center;padding:.6rem 1rem;border-radius:var(--r-pill);cursor:pointer;margin-bottom:.75rem;border:none;box-shadow:0 2px 8px #0000002e;position:sticky;top:.5rem;z-index:50;transition:opacity var(--t-fast),transform var(--t-fast)}.new-content-banner.visible{display:block}.new-content-banner:hover{opacity:.9;transform:translateY(-1px)}.new-content-banner:active{transform:translateY(0);opacity:1}.error{text-align:center;padding:1.25rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--r-md);font-size:.875rem}body[data-theme=dark] .error{background:#2d1515;border-color:#7f1d1d;color:#f87171}.login-message{display:flex;justify-content:center;align-items:center;padding:2rem var(--page-px)}.login-content{text-align:center;background:var(--bg-card);border:1px solid var(--border);padding:2.5rem 2rem;border-radius:var(--r-xl);box-shadow:var(--shadow-sm);max-width:380px;width:100%}.login-content h2{color:var(--brand);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.login-content p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.login-content .login-btn{background:var(--brand);color:#fff;border:none;border-radius:var(--r-pill);padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--t-fast);box-shadow:0 4px 14px var(--brand-glow)}.login-content .login-btn:hover{background:#5b21b6;transform:translateY(-1px);opacity:1}.info-panel-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a1e99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-end;z-index:200;animation:overlayIn .2s ease forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.info-panel-content{background:var(--bg-card);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -8px 40px #0f0a1e40;animation:sheetIn .3s cubic-bezier(.32,.72,0,1) forwards;border:1px solid var(--border);border-bottom:none}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 640px){.info-panel-modal{align-items:center}.info-panel-content{border-radius:var(--r-xl);max-height:85vh;border-bottom:1px solid var(--border);animation:modalIn .25s cubic-bezier(.32,.72,0,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}}.info-panel-header{padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0}.info-panel-header h2{font-size:1rem;font-weight:700;color:var(--text-strong);letter-spacing:-.2px}.info-panel-close{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;transition:all var(--t-fast);padding:0}.info-panel-close:hover{background:var(--bg-card);color:var(--text-strong);transform:none;opacity:1}.info-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1.25rem;gap:0;background:var(--bg-card);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.info-tabs::-webkit-scrollbar{display:none}.info-tab-btn{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;padding:.75rem 1rem;cursor:pointer;transition:all var(--t-fast);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.info-tab-btn:hover{color:var(--text-body);background:var(--bg-sub);transform:none;opacity:1}.info-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600;background:transparent}.info-tabs-content{flex:1;overflow-y:auto}.info-tab-content{display:none;padding:1.5rem;animation:fadeIn .2s ease}.info-tab-content.active{display:block}.info-faq-container{display:flex;flex-direction:column;gap:.5rem}.info-faq-item{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-card)}.info-faq-question{font-family:Poppins,sans-serif;width:100%;text-align:left;padding:.9rem 1rem;background:var(--bg-sub);border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-body);display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:background var(--t-fast)}.info-faq-question:hover{background:var(--bg-muted);color:var(--brand);transform:none;opacity:1}.info-faq-icon{font-size:.7rem;color:var(--brand);transition:transform var(--t-fast);flex-shrink:0}.info-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:var(--bg-card);padding:0 1rem}.info-faq-answer.show{max-height:500px;padding:.875rem 1rem;border-top:1px solid var(--border)}.info-faq-answer p{font-size:.85rem;color:var(--text-muted);line-height:1.65;white-space:pre-line}.info-theme-container{text-align:center;max-width:360px;margin:0 auto;padding:1rem 0}.info-theme-container h3{font-size:1rem;font-weight:700;color:var(--text-strong);margin-bottom:.5rem}.info-theme-container p{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.info-theme-btn{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;background:var(--brand);color:#fff;border:none;border-radius:var(--r-pill);padding:.75rem 1.75rem;cursor:pointer;transition:all var(--t-fast);display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 4px 14px var(--brand-glow)}.info-theme-btn:hover{background:#5b21b6;transform:translateY(-1px);opacity:1}.info-theme-note{font-size:.78rem;color:var(--text-faint);margin-top:1.25rem}.info-terms-container,.info-privacy-container{overflow-y:auto}.info-terms-container pre,.info-privacy-container pre{font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.75;color:var(--text-body);background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--r-md);padding:1.25rem;white-space:pre-wrap;word-wrap:break-word;margin:0}.info-content-text{font-size:.875rem;line-height:1.7;color:var(--text-body)}.info-content-text p{margin:.4rem 0;color:var(--text-body)}.info-content-text p:first-child{font-weight:700;font-size:.95rem;color:var(--brand);margin-bottom:.75rem}.info-content-text p:empty{display:none}.terms-modal,.privacy-modal,.faq-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a1e99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:300;padding:var(--page-px);animation:overlayIn .2s ease}.terms-content,.privacy-content,.faq-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:2rem;max-width:640px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn2 .25s cubic-bezier(.32,.72,0,1)}@keyframes modalIn2{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.terms-content h2,.privacy-content h2,.faq-content h2{font-size:1.2rem;font-weight:700;color:var(--brand);margin-bottom:1.25rem;text-align:center;letter-spacing:-.3px}.terms-content pre,.privacy-content pre{font-family:Poppins,sans-serif;font-size:.85rem;line-height:1.75;color:var(--text-body);background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--r-md);padding:1.25rem;white-space:pre-wrap;word-break:break-word;margin-bottom:1.25rem}.terms-content button,.privacy-content button,.faq-content>button{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;background:var(--brand);color:#fff;border:none;border-radius:var(--r-pill);padding:.7rem 1.75rem;cursor:pointer;transition:all var(--t-fast);display:block;margin:1.5rem auto 0;box-shadow:0 4px 14px var(--brand-glow)}.terms-content button:hover,.privacy-content button:hover,.faq-content>button:hover{background:#5b21b6;transform:translateY(-1px);opacity:1}.faq-item{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:.5rem;background:var(--bg-card)}.faq-question{font-family:Poppins,sans-serif;width:100%;text-align:left;padding:.9rem 1rem;background:var(--bg-sub);border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-body);display:flex;justify-content:space-between;align-items:center;transition:background var(--t-fast)}.faq-question:hover{background:var(--bg-muted);color:var(--brand);transform:none;opacity:1}.faq-icon{font-size:.7rem;color:var(--brand);transition:transform var(--t-fast);flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:var(--bg-card);padding:0 1rem}.faq-answer.show{max-height:500px;padding:.875rem 1rem;border-top:1px solid var(--border)}.faq-answer p{font-size:.85rem;color:var(--text-muted);line-height:1.65;white-space:pre-line}.report-list{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-px)}.report-card{transition:transform var(--t-fast);margin-bottom:.875rem}.report-card:hover{transform:none}.report-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mod-panel-header{max-width:var(--page-max);margin:0 auto 1.25rem;padding:0 var(--page-px)}.mod-panel-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.mod-panel-title{font-size:1.15rem;font-weight:700;color:var(--text-strong);margin:0}.mod-panel-stats{display:flex;gap:.5rem}.mod-stat{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;padding:.3rem .7rem;border-radius:999px}.mod-stat--open{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.mod-stat--resolved{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}[data-theme=dark] .mod-stat--open{background:#ef444426;color:#f87171}[data-theme=dark] .mod-stat--resolved{background:#22c55e1f;color:#4ade80}.mod-panel-filters{display:flex;gap:.375rem;background:var(--bg-sub);border-radius:var(--r-lg);padding:.3rem;width:fit-content}.mod-filter-btn{background:transparent;border:none;border-radius:var(--r-md);padding:.35rem .85rem;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.mod-filter-btn:hover{color:var(--text-body);background:var(--bg-card)}.mod-filter-btn.active{background:var(--bg-card);color:var(--brand);font-weight:600;box-shadow:var(--shadow-sm)}.mod-report-card{max-width:var(--page-max);margin:0 auto .875rem;padding:1rem 1.125rem;background:var(--bg-card);border-radius:var(--r-xl);border:1.5px solid transparent;transition:opacity var(--t-normal),border-color var(--t-fast),box-shadow var(--t-fast);box-shadow:var(--shadow-sm)}.mod-report-card--open{border-color:#ef444440}.mod-report-card--resolved{border-color:#22c55e33;opacity:.75}.mod-report-card--resolved:hover{opacity:1}.mod-report-card--busy{pointer-events:none;opacity:.6}.mod-report-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.mod-report-status{display:flex;align-items:center;gap:.45rem}.mod-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mod-status-dot--open{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.mod-status-dot--resolved{background:#22c55e}.mod-status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.mod-report-date{font-size:.75rem;color:var(--text-muted)}.mod-report-reason{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.mod-reason-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);white-space:nowrap}.mod-reason-text{font-size:.85rem;font-weight:500;color:var(--text-body)}.mod-secret-preview{background:var(--bg-sub);border-radius:var(--r-md);padding:.75rem .875rem;margin-bottom:.75rem;border-left:3px solid var(--brand)}.mod-secret-text{font-size:.9rem;color:var(--text-body);line-height:1.55;margin:0 0 .35rem;word-break:break-word}.mod-secret-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mod-secret-deleted{font-size:.85rem;color:var(--text-faint);font-style:italic}.mod-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600}.mod-badge--hidden{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .mod-badge--hidden{color:#f87171}.mod-action-log{display:flex;flex-direction:column;gap:.45rem;background:var(--bg-sub);border-left:3px solid var(--border);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.55rem .75rem;margin:0 0 .625rem}.mod-log-entry{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem}.mod-log-entry--resolved .mod-log-icon{filter:grayscale(0)}.mod-log-icon{flex-shrink:0;line-height:1.5}.mod-log-body{display:flex;flex-direction:column;gap:.1rem}.mod-log-label{color:var(--text-body);font-weight:500;line-height:1.3}.mod-log-actor{color:var(--brand)}.mod-log-time{color:var(--text-faint);font-size:.73rem}.mod-report-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;min-height:2.25rem}.mod-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:var(--r-md);border:1.5px solid transparent;font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--t-fast),opacity var(--t-fast),transform var(--t-fast);line-height:1}.mod-btn:disabled{opacity:.38;cursor:not-allowed}.mod-btn:not(:disabled):active{transform:scale(.97)}.mod-btn--danger{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.mod-btn--danger:not(:disabled):hover{background:#ef44442e}.mod-btn--success{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.mod-btn--success:not(:disabled):hover{background:#22c55e2e}.mod-btn--secondary{background:var(--bg-sub);border-color:var(--border);color:var(--text-muted)}.mod-btn--secondary:not(:disabled):hover{background:var(--bg-card)}.mod-btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.mod-btn--ghost:not(:disabled):hover{background:var(--bg-sub)}.mod-btn--sm{padding:.35rem .7rem;font-size:.78rem}[data-theme=dark] .mod-btn--danger{color:#f87171}[data-theme=dark] .mod-btn--success{color:#4ade80}.mod-confirm-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:var(--r-md);padding:.5rem .75rem;width:100%;animation:fadeIn .15s ease}.mod-confirm-msg{font-size:.82rem;font-weight:500;color:var(--text-body);flex:1;min-width:12ch}.mod-resolved-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:#16a34a}[data-theme=dark] .mod-resolved-badge{color:#4ade80}.info-tabs-content::-webkit-scrollbar,.info-terms-container::-webkit-scrollbar,.info-privacy-container::-webkit-scrollbar{width:5px}.info-tabs-content::-webkit-scrollbar-track,.info-terms-container::-webkit-scrollbar-track,.info-privacy-container::-webkit-scrollbar-track{background:transparent}.info-tabs-content::-webkit-scrollbar-thumb,.info-terms-container::-webkit-scrollbar-thumb,.info-privacy-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill)}.info-tabs-content::-webkit-scrollbar-thumb:hover,.info-terms-container::-webkit-scrollbar-thumb:hover,.info-privacy-container::-webkit-scrollbar-thumb:hover{background:var(--brand)}@media (max-width: 600px){.navbar h1{font-size:1.1rem}.navbar-buttons{gap:.375rem}.form-row{grid-template-columns:1fr 1fr}.form-row>button{grid-column:1 / -1}.secret-card{padding:1rem}.nav-tab{padding:.4rem .75rem;font-size:.72rem}}@media (max-width: 380px){.navbar-buttons .secret-count{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{font-family:Poppins,sans-serif}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:calc(100vw - 2rem)}.toast{display:flex;align-items:center;gap:.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:.75rem 1rem;box-shadow:var(--shadow-lg);font-size:.85rem;font-weight:500;color:var(--text-body);pointer-events:all;max-width:320px;animation:toastIn .25s cubic-bezier(.32,.72,0,1) forwards}.toast.toast-exit{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(12px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(12px) scale(.97)}}.toast-icon{font-size:1rem;flex-shrink:0;line-height:1}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid var(--brand)}.toast-warning{border-left:3px solid #f59e0b}@media (max-width: 600px){.toast-container{top:auto;bottom:1rem;right:1rem;left:1rem;max-width:100%}.toast{max-width:100%}}.btn-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}button.loading .btn-text{opacity:.6}button.loading .btn-spinner{display:inline-block}button.loading{cursor:not-allowed;pointer-events:none}#shareBtn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.form-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.65rem;flex-wrap:wrap;gap:.25rem}.form-title{font-size:.88rem;font-weight:600;color:var(--text-strong)}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-field{display:flex;flex-direction:column;gap:.2rem}.field-error{font-size:.78rem;color:#ef4444;font-weight:500;min-height:1.1em;padding:0 .15rem;display:none}.field-error.visible{display:block;animation:fadeIn .15s ease}.field-error-inline{font-size:.72rem;color:#ef4444;font-weight:500;min-height:0;padding:0 .15rem;display:none}.field-error-inline.visible{display:block;animation:fadeIn .15s ease}.secret-form textarea.has-error,.secret-form input.has-error,.secret-form select.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.reaction-btn.voted-like{background:#22c55e1f;border-color:#22c55e;color:#16a34a}.reaction-btn.voted-dislike{background:#ef44441a;border-color:#ef4444;color:#dc2626}body[data-theme=dark] .reaction-btn.voted-like{background:#22c55e26;color:#4ade80}body[data-theme=dark] .reaction-btn.voted-dislike{background:#ef444426;color:#f87171}.reply-btn{display:inline-flex;align-items:center;gap:.35rem}#shareBtn.rate-limited{background:var(--text-faint);box-shadow:none;cursor:not-allowed;pointer-events:none}.report-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a1ea6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-end;z-index:400;padding:0;animation:overlayIn .2s ease forwards}@media (min-width: 540px){.report-modal{align-items:center;padding:1rem}}.report-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:1.5rem;width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:sheetIn .3s cubic-bezier(.32,.72,0,1) forwards}@media (min-width: 540px){.report-modal-content{border-radius:var(--r-xl);animation:modalIn .25s cubic-bezier(.32,.72,0,1) forwards}}.report-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.report-modal-header h3{font-size:1rem;font-weight:700;color:var(--text-strong)}.report-modal-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.report-modal-options{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.875rem}.report-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .875rem;border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-size:.85rem;color:var(--text-body);transition:all var(--t-fast);background:var(--bg-sub)}.report-option:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.report-option input[type=radio]{accent-color:var(--brand);width:16px;height:16px;flex-shrink:0;cursor:pointer}.report-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.report-other-input{width:100%;font-family:Poppins,sans-serif;font-size:.85rem;color:var(--text-strong);background:var(--bg-sub);border:1.5px solid var(--border);border-radius:var(--r-md);padding:.65rem .875rem;resize:none;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);margin-bottom:.75rem}.report-other-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-glow);background:var(--bg-card)}.report-other-input::placeholder{color:var(--text-faint)}.report-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.report-cancel-btn{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;background:var(--bg-sub);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:.6rem 1.25rem;cursor:pointer;transition:all var(--t-fast)}.report-cancel-btn:hover{background:var(--bg-muted);color:var(--text-body);transform:none;opacity:1}.report-submit-btn{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;background:#ef4444;color:#fff;border:none;border-radius:var(--r-pill);padding:.6rem 1.25rem;cursor:pointer;transition:all var(--t-fast);display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 2px 8px #ef44444d}.report-submit-btn:hover{background:#dc2626;transform:translateY(-1px);opacity:1}.secret-card.just-posted{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26,var(--shadow-md);animation:cardIn .3s ease forwards,successPulse .6s .3s ease forwards}@keyframes successPulse{0%{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33,var(--shadow-md)}to{border-color:var(--border);box-shadow:var(--shadow-xs)}}.my-secrets-header{font-size:1rem;font-weight:700;color:var(--text-strong);margin-bottom:.25rem;padding:.25rem 0}.feed-end{text-align:center;padding:1.5rem 1rem;font-size:.8rem;color:var(--text-faint);font-weight:500}.no-secrets{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem;background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border)}.no-secrets-icon{font-size:2rem;display:block;margin-bottom:.5rem;opacity:.5}.reply-char-count{font-size:.68rem;color:var(--text-faint);text-align:right;margin-top:.15rem}.replies-hidden{display:none}.secret-card{content-visibility:auto;contain-intrinsic-size:0 180px}button,a,[role=button],.nav-tab,.reaction-btn,.report-btn,.reply-btn,.mod-btn,.mod-filter-btn{touch-action:manipulation}.nav-tabs{-webkit-overflow-scrolling:touch}@media (max-width: 480px){.reply-section{flex-direction:column}.reply-section .reply-input{width:100%;border-radius:var(--r-md)}.reply-section .reply-btn{width:100%;justify-content:center;border-radius:var(--r-md)}.form-row{grid-template-columns:1fr 1fr}.form-row>button{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
