body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9fafb;color:#111827;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(16,185,129,.15) 1px,transparent 0);background-size:20px 20px;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:10%;right:10%;width:100px;height:100px;background:linear-gradient(45deg,#10b9811a,#10b9810d);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:-1}.topbar{background:linear-gradient(135deg,#10b981,#059669);height:55px;display:flex;align-items:center;padding:0 24px;width:100%;box-sizing:border-box;box-shadow:0 4px 20px #10b98133;position:relative}.topbar:before{content:"";position:absolute;inset:0;background-size:40px 40px;animation:shimmer 4s linear infinite;pointer-events:none}.back-btn{background:#fffffff2;color:#111827;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.back-btn:hover{background:#f3f4f6f2;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.public-generator{padding:60px 20px;max-width:900px;margin:0 auto;text-align:center;position:relative}.public-generator:before{content:"";position:absolute;top:20px;left:-50px;width:60px;height:60px;background:linear-gradient(45deg,rgba(16,185,129,.1),transparent);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 8s ease-in-out infinite;z-index:-1}.public-generator:after{content:"";position:absolute;bottom:20px;right:-50px;width:80px;height:80px;background:linear-gradient(135deg,rgba(16,185,129,.08),transparent);border-radius:50%;animation:float 10s ease-in-out infinite reverse;z-index:-1}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0)}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:rotate(180deg)}}.title{font-size:40px;font-weight:800;margin-bottom:12px;color:#111827;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.subtitle{font-size:17px;color:#6b7280;margin-bottom:36px;line-height:1.6}.input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:24px;font-size:16px;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 4px 12px #10b98126;outline:none;background:#fffffff2;transform:translateY(-1px)}.generate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 28px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;position:relative;overflow:hidden}.generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.generate-btn:hover:before{left:100%}.generate-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.error{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fdf2f8);border:1px solid #fecaca;border-radius:12px;padding:14px 16px;margin-top:20px;font-size:14px;text-align:left;box-shadow:0 2px 8px #dc26261a}.readme-box{margin-top:40px;text-align:left;position:relative}.readme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.readme-header h2{font-size:22px;font-weight:600;margin:0;color:#111827}.copy-btn,.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b98133}.copy-btn:hover,.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.readme-actions{display:flex;gap:12px;margin-bottom:12px}.readme-content{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb;padding:24px;border-radius:16px;font-size:14px;line-height:1.7;overflow:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;word-break:break-word;box-shadow:0 8px 32px #0003;border:1px solid rgba(16,185,129,.1);position:relative}.readme-content:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(16,185,129,.05),transparent,rgba(16,185,129,.05));border-radius:16px;pointer-events:none}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.public-generator{position:relative}.public-generator .star-1,.public-generator .star-2,.public-generator .star-3{position:absolute;width:2px;height:2px;background:#10b981;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.public-generator .star-1{top:15%;left:15%;animation-delay:0s}.public-generator .star-2{top:25%;right:20%;animation-delay:1s}.public-generator .star-3{bottom:30%;left:25%;animation-delay:2s}@media (max-width: 768px){.public-generator{padding:40px 16px}.title{font-size:32px}.topbar{padding:0 16px}.readme-header{flex-direction:column;gap:12px;align-items:flex-start}.readme-actions{width:100%;justify-content:flex-start}}.public-generator:before{background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:20px 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;background-color:#fff;background-image:radial-gradient(circle at 1px 1px,rgba(16,185,129,.08) 1px,transparent 0);background-size:20px 20px}.main{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;position:relative;overflow-x:hidden}.main:before{content:"";position:absolute;top:10%;right:-50px;width:100px;height:100px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:50%;z-index:0;animation:float 6s ease-in-out infinite}.main:after{content:"";position:absolute;bottom:20%;left:-30px;width:60px;height:60px;background:linear-gradient(45deg,#10b98114,#10b98108);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;z-index:0;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero{background-color:#fff;padding:80px 24px 60px;text-align:center;position:relative;z-index:1;background-image:radial-gradient(circle at 1px 1px,rgba(16,185,129,.05) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.02) 1px,transparent 1px),linear-gradient(rgba(16,185,129,.02) 1px,transparent 1px);background-size:20px 20px,40px 40px,40px 40px}.hero h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px;color:#1f2937;letter-spacing:-.02em;max-width:800px;margin-left:auto;margin-right:auto}.hero .highlight{color:#10b981;font-weight:700}.hero p{font-size:1.125rem;color:#6b7280;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;background-color:#10b981;color:#fff;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn:hover{background-color:#059669;transform:translateY(-1px)}.btn+*{display:block;color:#6b7280;font-size:.875rem;text-decoration:none;margin-top:16px}.preview{padding:40px 24px 80px;background-color:#3a3b3c;display:flex;justify-content:center;align-items:center;position:relative;background-image:radial-gradient(circle at 20% 80%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.02) 0%,transparent 50%),radial-gradient(circle at 1px 1px,rgba(107,114,128,.05) 1px,transparent 0);background-size:600px 600px,800px 800px,30px 30px}.preview:before{content:"";position:absolute;top:20%;left:10%;width:4px;height:4px;background-color:#10b9814d;border-radius:50%;box-shadow:20px 30px #10b98133,-15px 20px #10b98126,40px -10px #10b98140,-30px -20px #10b9811a;animation:twinkle 4s ease-in-out infinite}.preview:after{content:"";position:absolute;bottom:20%;right:15%;width:3px;height:3px;background-color:#10b98166;border-radius:50%;box-shadow:-25px 15px #10b98133,15px -25px #10b9814d,-10px -15px #10b98126;animation:twinkle 3s ease-in-out infinite reverse}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.preview img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000026;border:1px solid #e5e7eb;background-color:#fff;position:relative;z-index:1}.footer{background-color:#1f2937;color:#9ca3af;padding:32px 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.875rem;margin-top:auto;position:relative;background-image:radial-gradient(circle at 1px 1px,rgba(156,163,175,.1) 1px,transparent 0);background-size:25px 25px}.footer img{width:20px;height:20px;opacity:.8;filter:invert(1);border-radius:50px}@media (max-width: 768px){.hero{padding:60px 20px 40px}.hero h1{font-size:2.5rem;margin-bottom:20px}.hero p{font-size:1rem;margin-bottom:32px}.btn{padding:14px 28px;font-size:.95rem}.preview{padding:32px 20px 60px}.footer{padding:24px 20px}}@media (max-width: 480px){.hero h1{font-size:2rem}.hero p{font-size:.95rem}.btn{padding:12px 24px;font-size:.9rem}}