@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,300&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--bg:#f7f4ef;--surface:#fff;--surface-alt:#f2efe9;--border:#e2ddd6;--border-strong:#cfc9c0;--ink:#1a1714;--ink-2:#4a453f;--ink-3:#7a746c;--ink-4:#a09890;--green:#1a6b45;--green-light:#e8f5ee;--green-mid:#c4e8d4;--amber:#a35c0a;--amber-light:#fdf3e3;--amber-mid:#f5d9a0;--red:#c0392b;--code-bg:#faf8f4;--code-border:#e8e2d8;--code-text:#7c3a0e;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012, 0 1px 4px #0000000d;--shadow-hover:0 8px 28px #0000001a, 0 2px 6px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.container{max-width:820px;margin:0 auto;padding:0 20px 80px}.hero{text-align:center;padding:80px 24px 64px;animation:.6s both fadeUp;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a6b4514 0%,#0000 70%);width:380px;height:340px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero h1{color:var(--ink);letter-spacing:-.03em;margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;line-height:1.1;position:relative}.hero p{color:var(--ink-3);letter-spacing:.01em;font-size:1.05rem}.hero-bar{justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.hero-bar span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);font-size:.68rem;font-weight:600}.hero-bar-track{background:var(--border);border-radius:99px;width:160px;height:3px;overflow:hidden}.hero-bar-fill{background:linear-gradient(to right, var(--green), #34c97d);transform-origin:0;border-radius:99px;width:100%;height:100%;animation:1.4s cubic-bezier(.4,0,.2,1) .4s both barGrow}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:14px 0;padding:28px 32px;transition:box-shadow .25s,border-color .25s,transform .25s;animation:.5s both fadeUp}.section:nth-child(2){animation-delay:50ms}.section:nth-child(3){animation-delay:.1s}.section:nth-child(4){animation-delay:.15s}.section:nth-child(5){animation-delay:.2s}.section:nth-child(6){animation-delay:.25s}.section:nth-child(7){animation-delay:.3s}.section:nth-child(8){animation-delay:.35s}.section:nth-child(9){animation-delay:.4s}.section:nth-child(10){animation-delay:.45s}.section:nth-child(n+11){animation-delay:.5s}.section:hover{border-color:var(--green-mid);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.section h2{color:var(--ink);border-bottom:1.5px solid var(--border);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;display:flex}.section h3{color:var(--amber);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin:22px 0 10px;font-size:.72rem;font-weight:600;display:flex}.section h3:before{content:"";background:var(--amber-mid);border-radius:2px;flex-shrink:0;width:14px;height:2px}.content p{color:var(--ink-2);margin:5px 0;font-size:.9rem;line-height:1.75}.content p strong{color:var(--ink);font-weight:600}.inputs-section{background:var(--green-light);border-color:var(--green-mid)}.inputs-section:hover{border-color:var(--green)}.input-intro{color:var(--ink-3);font-size:.88rem;margin-bottom:20px!important}.input-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group.full-width{grid-column:1/-1}.input-group label{color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.input-group small{color:var(--ink-4);font-size:.75rem;line-height:1.4}.seo-input{color:var(--ink);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;width:100%;padding:9px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.seo-input::placeholder{color:var(--ink-4)}.seo-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1a6b451f}.seo-textarea{resize:vertical;min-height:80px}.twitter-input-wrap{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.twitter-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1a6b451f}.at-prefix{color:var(--green);background:var(--green-light);border-right:1.5px solid var(--green-mid);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:9px 10px 9px 12px;font-family:DM Mono,monospace;font-size:.88rem;font-weight:500}.twitter-input{flex:1;box-shadow:none!important;border:none!important;border-radius:0!important}.twitter-input:focus{box-shadow:none;border:none}.char-counter{color:var(--ink-4);letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.7rem;font-weight:500}.char-counter.warn{color:var(--amber)}.char-counter.over{color:var(--red);font-weight:700}.inline-code{background:var(--code-bg);border:1px solid var(--code-border);color:var(--code-text);border-radius:4px;padding:1px 6px;font-family:DM Mono,monospace;font-size:.8rem}.code-wrapper{margin:12px 0;position:relative}.code{background:var(--code-bg);border:1px solid var(--code-border);border-left:3px solid var(--green);border-radius:var(--radius-sm);padding:16px 72px 16px 18px;overflow-x:auto}.code code{color:var(--code-text);white-space:pre;font-family:DM Mono,monospace;font-size:.81rem;line-height:1.85;display:block}.copy-btn{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;position:absolute;top:10px;right:10px}.copy-btn:hover{color:var(--green);border-color:var(--green-mid);background:var(--green-light)}ul{margin:8px 0;padding:0;list-style:none}li{color:var(--ink-2);border-bottom:1px solid var(--surface-alt);padding:7px 0 7px 24px;font-size:.9rem;line-height:1.65;position:relative}li:last-child{border-bottom:none}li:before{content:"";background:var(--green-mid);border:1.5px solid var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}li strong{color:var(--ink);font-weight:600}.footer{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:60px;padding:32px 24px}.footer p{color:var(--ink-3);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:1.05rem;font-style:italic}.footer p:before,.footer p:after{content:"\"";color:var(--green);vertical-align:-.18em;margin:0 2px;font-size:1.4rem;line-height:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--green)}.sitemap-builder{margin-top:4px}.sitemap-tip{color:var(--ink-3);font-size:.85rem;line-height:1.6;margin:6px 0 16px!important}.sitemap-header-row{border-bottom:1.5px solid var(--border);grid-template-columns:1fr 140px 90px 32px;gap:8px;margin-bottom:6px;padding:0 0 6px;display:grid}.sitemap-col-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:.68rem;font-weight:600}.sitemap-row{border-bottom:1px solid var(--surface-alt);grid-template-columns:1fr 140px 90px 32px;align-items:center;gap:8px;padding:6px 0;display:grid}.sitemap-row:last-of-type{border-bottom:none}.sitemap-path-wrap{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.sitemap-path-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1a6b451f}.sitemap-slash{color:var(--green);background:var(--green-light);border-right:1.5px solid var(--green-mid);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:8px 6px 8px 10px;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;line-height:1}.sitemap-path-input{flex:1;min-width:0;box-shadow:none!important;border:none!important;border-radius:0!important;padding-left:8px!important}.sitemap-path-input:focus{box-shadow:none;border:none}.sitemap-select{cursor:pointer;appearance:auto;padding:8px 10px;font-size:.82rem}.sitemap-remove-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:30px;height:30px;color:var(--ink-4);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:color .15s,background .15s,border-color .15s;display:flex}.sitemap-remove-btn:hover:not(:disabled){color:var(--red,#c0392b);background:#fdf2f2;border-color:#f5c6c6}.sitemap-remove-btn:disabled{opacity:.3;cursor:not-allowed}.sitemap-add-btn{color:var(--green);background:var(--green-light);border:1.5px dashed var(--green-mid);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;width:100%;margin-top:14px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s}.sitemap-add-btn:hover{background:var(--green-mid);border-color:var(--green);border-style:solid}.sitemap-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin:20px 0 4px;font-size:.72rem;font-weight:600}@media (width<=640px){.section{padding:20px 18px}.hero{padding:56px 16px 44px}.container{padding:0 12px 60px}.code code{font-size:.76rem}.input-grid{grid-template-columns:1fr}.input-group.full-width{grid-column:1}.code{padding-right:18px}.copy-btn{width:fit-content;margin-top:8px;display:block;position:static}.sitemap-header-row{display:none}.sitemap-row{grid-template-rows:auto auto;grid-template-columns:1fr 32px;row-gap:6px}.sitemap-path-wrap{grid-column:1}.sitemap-remove-btn{grid-area:1/2;align-self:start}.sitemap-select:first-of-type{grid-area:2/1}.sitemap-select:nth-of-type(2){grid-area:3/1}}.ref-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.yt-btn{color:#c4302b;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:#fff5f5;border:1.5px solid #f5c6c4;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.yt-btn:hover{color:#fff;background:#c4302b;border-color:#c4302b;transform:translateY(-1px)}.yt-icon{flex-shrink:0;width:16px;height:16px}.ext-btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;letter-spacing:.01em;border:1.5px solid #0000;align-items:center;gap:7px;padding:6px 14px 6px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.ext-btn:hover{transform:translateY(-1px)}.ext-btn-icon{flex-shrink:0;width:16px;height:16px}.ext-btn--google{color:#1a73e8;background:#f0f6ff;border-color:#c5d9f7}.ext-btn--google:hover{color:#fff;background:#1a73e8;border-color:#1a73e8}.ext-btn--google:hover .ext-btn-icon path{fill:#fff!important}.ext-btn--bing{color:#008373;background:#f0faf9;border-color:#b2dfd9}.ext-btn--bing:hover{color:#fff;background:#008373;border-color:#008373}@media (width<=640px){.ref-row{gap:6px;margin-bottom:10px}.yt-btn,.ext-btn{padding:5px 10px 5px 8px;font-size:.72rem}}