*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.15}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}ul,ol,menu{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}hr{border:none;height:1px}:focus-visible{outline:2px solid #4fbcff;outline-offset:2px}::selection{background:#4fbcff4d;color:#d7dadc}:root{--bg-canvas: #030303;--bg-card: #1a1a1b;--bg-elevated: #272729;--bg-input: #272729;--border: #343536;--text-primary: #d7dadc;--text-secondary: #818384;--text-link: #4fbcff;--accent: #ff4500;--accent-hover: #cc3700;--upvote: #ff4500;--downvote: #7193ff;--green: #46d160;--green-glow: #00e676;--amber: #ffc107;--amber-glow: #ffab00;--red: #ff1744;--red-glow: #ff5252;--radius: 4px;--radius-lg: 8px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--fs-xs: 10px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 24px;--fs-3xl: 32px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-md);padding-bottom:80px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-canvas)}#demo-header{position:fixed;top:0;left:0;right:0;height:48px;background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-4)}#demo-header .header-inner{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:1200px}#demo-header .header-logo{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);white-space:nowrap}#demo-header .header-logo .logo-icon{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);color:#fff;flex-shrink:0}#demo-header .header-subreddit{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);background:var(--bg-elevated);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);cursor:default}#demo-header .header-search{flex:1;max-width:480px;height:36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 var(--sp-4);color:var(--text-secondary);font-size:var(--fs-md);display:flex;align-items:center;margin-left:auto}#demo-header .header-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}#demo-header .header-actions .header-btn{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--fs-lg);transition:background .15s ease}#demo-header .header-actions .header-btn:hover{background:var(--bg-elevated)}#reddit-layout{display:flex;flex-direction:row;max-width:1200px;margin:0 auto;padding-top:56px;gap:var(--sp-6);align-items:flex-start}#reddit-layout.multi-view{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px}#reddit-layout.multi-view>#sidebar-left,#reddit-layout.multi-view>#sidebar-right{display:none}#sidebar-left{width:280px;flex-shrink:0;position:sticky;top:56px;max-height:calc(100vh - 56px);overflow-y:auto;padding:var(--sp-2) 0}#feed-main{flex:1;min-width:0;padding:var(--sp-2) 0}#sidebar-right{width:312px;flex-shrink:0;position:sticky;top:56px;max-height:calc(100vh - 56px);overflow-y:auto;padding:var(--sp-2) 0}.feed-sort-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.feed-sort-bar .sort-btn{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:20px;font-size:var(--fs-md);font-weight:600;color:var(--text-secondary);transition:background .15s ease,color .15s ease;cursor:pointer}.feed-sort-bar .sort-btn:hover{background:var(--bg-elevated)}.feed-sort-bar .sort-btn.active{color:var(--text-primary);background:var(--bg-elevated)}.feed-post{display:flex;flex-direction:row;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;transition:border-color .15s ease;overflow:hidden;cursor:pointer}.feed-post:hover{border-color:var(--text-secondary)}.feed-post .post-vote{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2);background:#00000026;min-width:40px;flex-shrink:0}.feed-post .post-vote .vote-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:2px;color:var(--text-secondary);font-size:var(--fs-lg);transition:color .15s ease,background .15s ease;cursor:pointer}.feed-post .post-vote .vote-btn:hover{background:var(--bg-elevated)}.feed-post .post-vote .vote-btn.upvoted{color:var(--upvote)}.feed-post .post-vote .vote-btn.downvoted{color:var(--downvote)}.feed-post .post-vote .vote-score{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);line-height:1}.feed-post .post-content{flex:1;min-width:0;padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.feed-post .post-meta{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-secondary);flex-wrap:wrap}.feed-post .post-meta .post-subreddit{font-weight:700;color:var(--text-primary)}.feed-post .post-meta .post-author{color:var(--text-secondary)}.feed-post .post-meta .post-author:hover{color:var(--text-link);text-decoration:underline}.feed-post .post-meta .meta-dot{color:var(--text-secondary)}.feed-post .post-title{font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word}.feed-post .post-title:visited{color:var(--text-secondary)}.feed-post .post-body-preview{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-post .post-actions{display:flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-1)}.feed-post .post-actions .action-btn{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);transition:background .15s ease,color .15s ease;cursor:pointer;white-space:nowrap}.feed-post .post-actions .action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.feed-post .post-actions .action-btn .action-icon{font-size:var(--fs-lg)}.post-flair{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:var(--fs-xs);font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}.post-flair.flair-dd{background:#ff450026;color:#ff6b3d}.post-flair.flair-discussion{background:#4fbcff26;color:var(--text-link)}.post-flair.flair-yolo{background:#46d16026;color:var(--green)}.post-flair.flair-meme{background:#ffc10726;color:var(--amber)}.post-flair.flair-gain{background:#00e67626;color:var(--green-glow)}.post-flair.flair-loss{background:#ff174426;color:var(--red)}.post-flair.flair-news{background:#a35cff26;color:#a35cff}.post-flair.flair-mod{background:#46d16033;color:var(--green);border:1px solid rgba(70,209,96,.3)}.feed-post.post-pinned{border-left:3px solid var(--green)}.feed-post.post-pinned .post-pinned-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:600;color:var(--green)}.subreddit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.subreddit-card .sub-banner{height:80px;background:linear-gradient(135deg,#1a3a5c,#0d2137,#1a1a2e);position:relative}.subreddit-card .sub-icon{width:48px;height:48px;border-radius:50%;border:3px solid var(--bg-card);background:#1a1a2e;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);position:absolute;bottom:-16px;left:var(--sp-4);z-index:2;color:#fff}.subreddit-card .sub-body{padding:var(--sp-6) var(--sp-4) var(--sp-4)}.subreddit-card .sub-name{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.subreddit-card .sub-fullname{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-3)}.subreddit-card .sub-desc{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-4)}.subreddit-card .sub-stats{display:flex;gap:var(--sp-6);padding-top:var(--sp-3);border-top:1px solid var(--border)}.subreddit-card .sub-stat{display:flex;flex-direction:column}.subreddit-card .sub-stat .stat-value{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.subreddit-card .sub-stat .stat-label{font-size:var(--fs-sm);color:var(--text-secondary)}.subreddit-card .sub-members{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-secondary)}.subreddit-card .sub-members .online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.subreddit-card .sub-join-btn{display:block;width:100%;margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--text-primary);color:var(--bg-card);font-size:var(--fs-md);font-weight:700;border-radius:9999px;text-align:center;cursor:pointer;transition:opacity .15s ease}.subreddit-card .sub-join-btn:hover{opacity:.85}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--sp-3);overflow:hidden}.sidebar-card .sidebar-card-header{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.sidebar-card .sidebar-card-body{padding:var(--sp-3) var(--sp-4)}.sidebar-card .rule-item{display:flex;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-md);color:var(--text-primary)}.sidebar-card .rule-item:last-child{border-bottom:none}.sidebar-card .rule-item .rule-num{font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:20px}.create-post-bar{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.create-post-bar .avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0;border:1px solid var(--border)}.create-post-bar .create-input{flex:1;height:36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--sp-4);font-size:var(--fs-md);color:var(--text-secondary);display:flex;align-items:center;cursor:text;transition:border-color .15s ease}.create-post-bar .create-input:hover{border-color:var(--text-primary)}.thread-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3)}.thread-header .thread-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-2);flex-wrap:wrap}.thread-header .thread-subreddit{font-weight:700;color:var(--text-primary)}.thread-header .thread-author{color:var(--text-link);font-weight:500}.thread-header .thread-time{color:var(--text-secondary)}.thread-header .thread-title{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:var(--sp-2)}.thread-header .thread-flair{margin-bottom:var(--sp-2)}.thread-header .thread-actions{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.thread-header .thread-action-btn{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);cursor:pointer;transition:background .15s ease}.thread-header .thread-action-btn:hover{background:var(--bg-elevated)}.thread-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3);font-size:var(--fs-md);color:var(--text-primary);line-height:1.6}.thread-body p{margin-bottom:var(--sp-3)}.thread-body p:last-child{margin-bottom:0}.comment-sort-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;font-size:var(--fs-sm);color:var(--text-secondary)}.comment-sort-bar .sort-label{font-weight:600}.comment-sort-bar .sort-value{color:var(--text-link);font-weight:600;cursor:pointer}.comment-tree{display:flex;flex-direction:column;gap:0}.comment{display:flex;flex-direction:row;position:relative;transition:background .3s ease,border-color .3s ease,opacity .5s ease}.comment .comment-line{width:20px;flex-shrink:0;position:relative;cursor:pointer}.comment .comment-body{flex:1;min-width:0;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-2);border-radius:var(--radius)}.comment .comment-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);flex-wrap:wrap}.comment .comment-author{font-size:var(--fs-sm);font-weight:700;color:var(--text-link);cursor:pointer;text-decoration:none}.comment .comment-author:hover{text-decoration:underline}.comment .comment-author.op{color:var(--accent)}.comment .comment-author.mod{color:var(--green)}.comment .comment-author-flair{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);padding:1px 6px;border-radius:10px}.comment .comment-time{font-size:var(--fs-xs);color:var(--text-secondary)}.comment .comment-text{font-size:var(--fs-md);color:var(--text-primary);line-height:1.5;margin-bottom:var(--sp-2);word-break:break-word}.comment .comment-text p{margin-bottom:var(--sp-2)}.comment .comment-text p:last-child{margin-bottom:0}.comment .comment-votes{display:flex;align-items:center;gap:var(--sp-1)}.comment .comment-votes .vote-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:2px;color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;transition:color .15s ease,background .15s ease}.comment .comment-votes .vote-btn:hover{background:var(--bg-elevated)}.comment .comment-votes .vote-btn.upvoted{color:var(--upvote)}.comment .comment-votes .vote-btn.downvoted{color:var(--downvote)}.comment .comment-votes .vote-score{font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary);min-width:20px;text-align:center}.comment .comment-votes .comment-action-btn{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s ease;margin-left:var(--sp-1)}.comment .comment-votes .comment-action-btn:hover{background:var(--bg-elevated)}.comment .comment-children{display:flex;flex-direction:column}.comment.flagged{background:#ff174414;border-left:3px solid var(--red);border-radius:var(--radius);position:relative}.comment.flagged .comment-body{padding-right:80px}.comment.flagged>.comment-line:before{background:var(--red)!important}.comment-threat-badge{position:absolute;top:var(--sp-2);right:var(--sp-2);display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 8px;border-radius:10px;font-size:var(--fs-xs);font-weight:700;color:#fff;background:var(--red);white-space:nowrap;z-index:2;box-shadow:0 0 8px #ff174466}.comment-threat-badge .threat-icon{font-size:var(--fs-xs)}.comment.quarantined{opacity:.4;position:relative}.comment.quarantined .comment-text{text-decoration:line-through;color:var(--text-secondary)}.comment.quarantined .comment-removed-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:700;color:#fff;background:var(--red);text-transform:uppercase;letter-spacing:1px;z-index:3;white-space:nowrap;box-shadow:0 2px 12px #ff174480}.comment-load-more{padding:var(--sp-2) 0 var(--sp-2) 30px;font-size:var(--fs-sm);color:var(--text-link);font-weight:600;cursor:pointer}.comment-load-more:hover{text-decoration:underline}.comment-reply-box{margin-top:var(--sp-2);padding:var(--sp-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.comment-reply-box textarea{width:100%;min-height:80px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2);font-size:var(--fs-md);color:var(--text-primary);resize:vertical}.comment-reply-box textarea:focus{border-color:var(--text-link)}.comment-reply-box .reply-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.mod-console{--glow-color: var(--green);background:#0d1117;border:2px solid var(--glow-color);border-radius:var(--radius-lg);box-shadow:0 0 20px #00e67626;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;margin-bottom:10px}.mod-console[data-glow=green]{--glow-color: var(--green);box-shadow:0 0 20px #46d16026}.mod-console[data-glow=amber]{--glow-color: var(--amber);box-shadow:0 0 20px #ffc10726}.mod-console[data-glow=red]{--glow-color: var(--red);box-shadow:0 0 20px #ff174433}.console-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid rgba(255,255,255,.06)}.console-header .console-title-group{display:flex;align-items:center;gap:var(--sp-3)}.console-header .console-shield-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#46d1601a;border-radius:var(--radius);color:var(--glow-color);transition:color .3s ease,background .3s ease}.console-header .console-title{font-size:var(--fs-lg);font-weight:700;color:#fff;letter-spacing:.3px}.console-header .console-version{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius);margin-left:var(--sp-1)}.console-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:9999px;font-size:var(--fs-sm);font-weight:600;color:var(--glow-color);background:#46d1601a;border:1px solid rgba(70,209,96,.2);transition:color .3s ease,background .3s ease,border-color .3s ease}.mod-console[data-glow=amber] .console-badge{color:var(--amber);background:#ffc1071a;border-color:#ffc10733}.mod-console[data-glow=red] .console-badge{color:var(--red);background:#ff17441a;border-color:#ff174433}.console-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--glow-color);animation:pulseDot 1.5s ease infinite}.mod-console[data-glow=amber] .console-badge .badge-dot{background:var(--amber)}.mod-console[data-glow=red] .console-badge .badge-dot{background:var(--red)}.console-alert{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:#ffffff05;border-left:3px solid var(--glow-color);margin:0 var(--sp-4);border-radius:0 var(--radius) var(--radius) 0;margin-top:var(--sp-3);transition:border-color .3s ease,background .3s ease}.console-alert .alert-status{font-size:var(--fs-md);font-weight:700;color:var(--glow-color);display:flex;align-items:center;gap:var(--sp-2);transition:color .3s ease}.console-alert .alert-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.4}.console-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding:var(--sp-4)}.console-metrics .metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);transition:border-color .3s ease}.console-metrics .metric-card:hover{border-color:#ffffff1a}.console-metrics .metric-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.console-metrics .metric-value{font-size:var(--fs-3xl);font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums;transition:color .3s ease}.console-metrics .metric-sublabel{font-size:var(--fs-xs);color:var(--text-secondary)}.console-metrics .metric-value.value-green{color:var(--green)}.console-metrics .metric-value.value-amber{color:var(--amber)}.console-metrics .metric-value.value-red{color:var(--red)}.console-actions{display:flex;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4)}.btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--fs-md);font-weight:700;color:#fff;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;text-transform:none;letter-spacing:.2px}.btn-primary.btn-deploy{background:linear-gradient(135deg,#46d160,#2ea043);box-shadow:0 2px 8px #46d1604d}.btn-primary.btn-deploy:hover{box-shadow:0 4px 16px #46d16066;transform:translateY(-1px)}.btn-primary.btn-deploy:active{transform:translateY(0);box-shadow:0 1px 4px #46d1604d}.btn-primary.btn-engaged{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 2px 8px #ffc1074d}.btn-primary.btn-engaged:hover{box-shadow:0 4px 16px #ffc10766;transform:translateY(-1px)}.btn-primary.btn-engaged:active{transform:translateY(0);box-shadow:0 1px 4px #ffc1074d}.btn-primary.btn-danger{background:linear-gradient(135deg,#ff1744,#d50000);box-shadow:0 2px 8px #ff17444d}.btn-primary.btn-danger:hover{box-shadow:0 4px 16px #ff174466;transform:translateY(-1px)}.btn-primary.btn-danger:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary);background:#ffffff08}.btn-secondary:active{transform:scale(.97)}.console-log{background:#0000004d;border-top:1px solid rgba(255,255,255,.06);max-height:120px;overflow-y:auto;padding:var(--sp-2) var(--sp-4)}.console-log .log-entry{display:flex;align-items:flex-start;gap:var(--sp-2);padding:2px 0;font-size:var(--fs-xs);line-height:1.4;color:var(--text-secondary)}.console-log .log-entry .log-time{color:var(--text-secondary);opacity:.6;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:56px}.console-log .log-entry .log-msg{flex:1;min-width:0;word-break:break-word}.console-log .log-entry.log-success .log-msg{color:var(--green)}.console-log .log-entry.log-warning .log-msg{color:var(--amber)}.console-log .log-entry.log-error .log-msg{color:var(--red)}.console-log .log-entry.log-info .log-msg{color:var(--text-link)}.console-shield-active{animation:pulseGlow 2s ease-in-out infinite}.console-shield-active.mod-console[data-glow=green]{box-shadow:0 0 30px #46d16040,0 0 60px #46d1601a}.console-shield-active.mod-console[data-glow=amber]{box-shadow:0 0 30px #ffc10740,0 0 60px #ffc1071a;animation:pulseGlowAmber 2s ease-in-out infinite}.console-shield-active.mod-console[data-glow=red]{box-shadow:0 0 30px #ff17444d,0 0 60px #ff174426;animation:pulseGlowRed 2s ease-in-out infinite}@keyframes pulseGlowAmber{0%,to{box-shadow:0 0 20px #ffc10726,0 0 40px #ffc1070d}50%{box-shadow:0 0 35px #ffc1074d,0 0 70px #ffc1071f}}@keyframes pulseGlowRed{0%,to{box-shadow:0 0 20px #ff174433,0 0 40px #ff174414}50%{box-shadow:0 0 40px #ff174466,0 0 80px #ff17442e}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #46d16026,0 0 40px #46d1600d}50%{box-shadow:0 0 35px #46d1604d,0 0 70px #46d1601f}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shakeX{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}@keyframes flashRed{0%{background-color:#ff174440}50%{background-color:#ff17441f}to{background-color:#ff174414}}@keyframes countUp{0%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:slideInUp .4s ease both}.animate-slide-out{animation:slideOutRight .5s ease forwards}.animate-flash-red{animation:flashRed .6s ease}.animate-fade-in{animation:fadeIn .3s ease both}.animate-shake{animation:shakeX .4s ease}.animate-pulse{animation:pulseDot 1.5s ease infinite}.animate-count-up{animation:countUp .4s ease both}.animate-slide-in:nth-child(1){animation-delay:0ms}.animate-slide-in:nth-child(2){animation-delay:60ms}.animate-slide-in:nth-child(3){animation-delay:.12s}.animate-slide-in:nth-child(4){animation-delay:.18s}.animate-slide-in:nth-child(5){animation-delay:.24s}.animate-slide-in:nth-child(6){animation-delay:.3s}.animate-slide-in:nth-child(7){animation-delay:.36s}.animate-slide-in:nth-child(8){animation-delay:.42s}.animate-slide-in:nth-child(9){animation-delay:.48s}.animate-slide-in:nth-child(10){animation-delay:.54s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}