@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--bg-container:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--accent:#8b5cf6;--accent-light:#f5f3ff;--border:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-float:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-blur:blur(12px);--app-max-width:480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex}#root{width:100%;max-width:var(--app-max-width);background-color:var(--bg-container);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}@media (width>=481px){#root{border-radius:var(--radius-xl);min-height:calc(100vh - 40px);box-shadow:var(--shadow-float);border:1px solid var(--border);margin:20px 0;overflow:hidden}}.h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.2}.h2{font-size:1.25rem;font-weight:600;line-height:1.3}.h3{font-size:1.125rem;font-weight:600}.text-body{color:var(--text-primary);font-size:1rem}.text-sm{color:var(--text-secondary);font-size:.875rem}.text-xs{color:var(--text-tertiary);font-size:.75rem}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.active-bounce:active{transform:scale(.96)}.glass-header{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);padding:16px 20px;position:sticky;top:0}.page-container{flex:1;padding:20px}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.comment-section{border-top:8px solid var(--bg-color);margin-top:32px;padding:24px 16px}.comment-item{gap:12px;margin-bottom:24px;display:flex}.avatar-sm{object-fit:cover;background:var(--primary-light);border-radius:50%;flex-shrink:0;width:36px;height:36px}.avatar-xs{object-fit:cover;background:var(--primary-light);border-radius:50%;flex-shrink:0;width:24px;height:24px}.comment-content{flex:1}.comment-user{color:var(--text-secondary);margin-bottom:2px;font-size:13px;font-weight:600}.comment-text{color:var(--text-primary);margin-bottom:6px;font-size:14.5px;line-height:1.5}.comment-meta{color:var(--text-tertiary);align-items:center;gap:16px;font-size:12px;display:flex}.reply-btn{cursor:pointer;font-weight:600}.reply-list{border-radius:var(--radius-md);background:#f1f5f9;margin-top:10px;padding:8px 12px}.reply-item{border-bottom:1px solid #00000008;gap:8px;padding:8px 0;display:flex}.reply-item:last-child{border-bottom:none}.like-area{color:var(--text-tertiary);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-width:32px;transition:all .2s;display:flex}.like-area.active{color:#ff2442}.like-area.active svg{animation:.3s ease-in-out pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comment-input-bar{background:var(--glass-bg);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:120;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.comment-input-box{background:var(--bg-color);border:1px solid var(--border);color:var(--text-primary);border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:14px}.send-btn{color:var(--primary);font-size:14px;font-weight:700}.send-btn:disabled{color:var(--text-tertiary)}.tech-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.tech-loader{width:80px;height:80px;position:relative}.loader-ring{border:2px solid #0000;border-top-color:var(--primary);border-right-color:var(--accent);border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.5,0,.5,1) infinite tech-rotate;position:absolute}.loader-ring:nth-child(2){border-bottom-color:var(--primary);border-left-color:var(--accent);width:70%;height:70%;animation-duration:1.5s;animation-direction:reverse;top:15%;left:15%}.loader-scan{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:2px;box-shadow:0 0 15px var(--primary);animation:2s ease-in-out infinite tech-scan;position:absolute;top:50%;transform:translateY(-50%)}.tech-loading-text{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;font-family:Inter,monospace;font-size:14px;font-weight:700;animation:1.5s linear infinite tech-flicker}@keyframes tech-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tech-scan{0%,to{opacity:0;top:10%}50%{opacity:1;top:90%}}@keyframes tech-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.4}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}