*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;min-height:100vh;color:#e5e5e5;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(249,115,22,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(251,146,60,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app{min-height:100vh;padding:24px 16px;position:relative;z-index:1}.container{max-width:1400px;margin:0 auto}.header{text-align:center;margin-bottom:48px;padding:40px 32px;background:#171717cc;border-radius:16px;border:1px solid rgba(38,38,38,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000080}.logo{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:8px}.logo-icon-wrapper{position:relative;transition:transform .3s ease}.logo-icon-wrapper:hover{transform:translateY(-2px)}.logo-icon{width:56px;height:56px;filter:drop-shadow(0 8px 24px rgba(249,115,22,.4));transition:filter .3s ease}.logo-icon-wrapper:hover .logo-icon{filter:drop-shadow(0 12px 32px rgba(249,115,22,.6))}.logo-text{position:relative;overflow:hidden}.logo-text h1{font-size:48px;font-weight:700;background:linear-gradient(135deg,#fff,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;margin:0;position:relative;z-index:1}.logo-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite;z-index:2;pointer-events:none}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.header h1{font-size:42px;font-weight:600;color:#f5f5f5;letter-spacing:-.5px}.tagline{font-size:15px;color:#a3a3a3;font-weight:500;margin-bottom:32px;letter-spacing:.3px}.stats-bar{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:32px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;background:#26262699;border-radius:12px;border:1px solid rgba(64,64,64,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{border-color:#f9731666;box-shadow:0 4px 16px #f973161a}.stat-value{font-size:32px;font-weight:700;color:#f97316}.stat-label{font-size:12px;color:#737373;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.tabs{display:flex;gap:8px;margin-bottom:24px;background:#171717cc;padding:8px;border-radius:12px;box-shadow:0 2px 16px #0006;border:1px solid rgba(38,38,38,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-x:auto}.tab-button{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#a3a3a3;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}.tab-button:hover{background:#26262699;color:#e5e5e5}.tab-button.active{background:#f9731626;color:#fb923c;font-weight:600;border:1px solid rgba(249,115,22,.3)}.tab-content{background:#171717cc;border-radius:16px;padding:40px;box-shadow:0 4px 24px #00000080;border:1px solid rgba(38,38,38,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.form-group{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#f5f5f5;font-size:14px;letter-spacing:.2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(64,64,64,.8);border-radius:8px;font-size:15px;transition:all .2s ease;background:#26262699;color:#f5f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group select{cursor:pointer;color:#fff!important;-webkit-text-fill-color:#ffffff!important;-moz-text-fill-color:#ffffff!important;background-color:#1a1a1a!important;opacity:1!important;font-weight:400}.form-group select:disabled{opacity:.5!important;cursor:not-allowed}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a;background:#262626cc}.form-group select option{background:#262626;color:#f5f5f5;padding:12px}.form-group select option:checked{background:#f97316;color:#fff}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.form-group small{display:block;margin-top:6px;color:#a3a3a3;font-size:13px;font-weight:400}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:#f97316}.checkbox-label span{color:#f5f5f5;font-size:14px}.info-card{background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card h3{color:#fb923c;font-size:16px;font-weight:600;margin-bottom:12px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:#d4d4d4;font-size:14px;padding:8px 0 8px 24px;position:relative;line-height:1.6}.info-card li:before{content:"→";position:absolute;left:0;color:#fb923c;font-weight:700}.button{padding:12px 24px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #f973164d;letter-spacing:.2px}.button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button:disabled:hover{transform:none;box-shadow:0 2px 12px #f973164d}.button-secondary{background:#40404099;color:#e5e5e5;box-shadow:0 2px 12px #0000004d;border:1px solid rgba(82,82,82,.4)}.button-secondary:hover{background:#404040cc;box-shadow:0 4px 16px #0006;border-color:#73737399}.button-danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 12px #dc26264d}.button-danger:hover{box-shadow:0 4px 16px #dc262666}.link-bank-list{margin-top:32px}.link-item{background:#26262699;border:1px solid rgba(64,64,64,.5);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:start;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-item:hover{border-color:#f9731666;box-shadow:0 2px 12px #f973161a}.link-info{flex:1}.link-info strong{display:block;color:#fb923c;margin-bottom:6px;word-break:break-all;font-size:15px;font-weight:600}.link-info span{color:#a3a3a3;font-size:14px}.alert{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-weight:500;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px}.alert-success{background:#22c55e1a;color:#86efac;border-color:#22c55e4d}.alert-error{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}.alert-info{background:#f973161a;color:#fdba74;border-color:#f973164d}.posts-list{margin-top:32px}.post-item{background:#26262699;border:1px solid rgba(64,64,64,.5);border-radius:12px;padding:24px;margin-bottom:20px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-item:hover{border-color:#f9731666;box-shadow:0 4px 16px #f973161a}.post-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.post-title{font-size:20px;font-weight:600;color:#f5f5f5;margin-bottom:6px;letter-spacing:-.3px}.post-keyword{font-size:14px;color:#a3a3a3;font-weight:500}.post-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.status-draft{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.status-published{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.status-failed{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.post-meta{font-size:14px;color:#a3a3a3;margin-top:12px;font-weight:400}.loading{text-align:center;padding:60px;color:#a3a3a3;font-size:16px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.progress-container{margin-top:32px}.progress-item{background:#26262699;border:1px solid rgba(64,64,64,.5);border-radius:12px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.progress-item:hover{border-color:#f9731666}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-keyword{font-weight:600;color:#f5f5f5;font-size:16px}.progress-status{font-size:14px;color:#a3a3a3;font-weight:500}.progress-status.success{color:#86efac}.progress-status.error{color:#fca5a5}.progress-status.processing{color:#fb923c}.settings-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(64,64,64,.3)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:20px;color:#f5f5f5;margin-bottom:24px;font-weight:600;letter-spacing:-.2px}.connection-status{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid}.connection-status.connected{background:#22c55e1a;color:#86efac;border-color:#22c55e4d}.connection-status.disconnected{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}.button-group{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.post-content-html h1,.post-content-html h2,.post-content-html h3,.post-content-html h4,.post-content-html h5,.post-content-html h6{color:#f5f5f5;margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.4}.post-content-html h1{font-size:2em}.post-content-html h2{font-size:1.75em}.post-content-html h3{font-size:1.5em}.post-content-html h4{font-size:1.25em}.post-content-html h5{font-size:1.1em}.post-content-html h6{font-size:1em}.post-content-html p{margin-bottom:1em;line-height:1.8}.post-content-html ul,.post-content-html ol{margin-left:1.5em;margin-bottom:1em}.post-content-html li{margin-bottom:.5em;line-height:1.8}.post-content-html strong{color:#fb923c;font-weight:600}.post-content-html a{color:#fb923c;text-decoration:underline}.post-content-html a:hover{color:#f97316}.post-content-html blockquote{border-left:3px solid #fb923c;padding-left:1em;margin-left:0;margin-bottom:1em;font-style:italic;color:#d4d4d4}.post-content-html code{background:#0000004d;padding:.2em .4em;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-content-html pre{background:#0000004d;padding:1em;border-radius:6px;overflow-x:auto;margin-bottom:1em}.post-content-html pre code{background:none;padding:0}@media(max-width:768px){.header h1{font-size:32px}.stats-bar{flex-direction:column;gap:12px}.stat-item{width:100%}.tabs{flex-wrap:nowrap;overflow-x:auto}.tab-content{padding:24px}}