*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #313338;--bg-hover: #393a41;--fg: #f2f3f5;--muted: #949ba4;--border: #3f4147;--accent: #b5bac1;--green: #23a559;--yellow: #f0b232;--red: #f23f43}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--fg);font-size:13px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:48px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}.logo{font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--fg);text-decoration:none}.header-actions{display:flex;align-items:center;gap:16px}.save-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.save-btn:hover{opacity:1}.save-btn svg,.save-icon svg{width:20px;height:20px;stroke:var(--fg);fill:none}.save-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--red);border-radius:50%;display:none}.save-badge.visible{display:block}.user-email{font-size:11px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-btn{font-size:11px;color:var(--muted);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.sign-out-btn:hover{color:var(--fg)}.hero{margin-bottom:64px}.hero h1{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px}.hero p{color:var(--muted);font-size:14px;max-width:400px}.features{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:64px}.feature{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg);text-decoration:none;color:var(--fg);transition:background .1s}.feature:hover{background:var(--bg-hover)}.feature-left{display:flex;align-items:center;gap:12px}.feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px}.feature-name{font-weight:500}.feature-desc{color:var(--muted);font-size:12px;margin-left:8px}.feature-tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:var(--border);color:var(--muted);border-radius:2px}.feature-tag.live{background:#22c55e1a;color:var(--green)}.feature-tag.soon{background:#eab3081a;color:var(--yellow)}footer{border-top:1px solid var(--border);padding-top:24px;text-align:center}.copyright{color:var(--muted);font-size:11px}