*{box-sizing:border-box;margin:0;padding:0}body{background-color:#c2dad5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.1'/%3E%3C/svg%3E");color:#2a2622;font-family:Jost,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.retro-header{background-color:#18665c;background-image:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03) 40%,transparent 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='.5' d='m0 0 8 8m0-8L0 8'/%3E%3Cpath fill='none' stroke='rgba(0,0,0,0.08)' stroke-width='.5' d='M0 4h8M4 0v8'/%3E%3C/svg%3E");border-bottom:4px solid #0e3e38;box-shadow:0 2px 8px #0000004d;overflow:visible;padding:3rem 1rem 2.5rem;position:relative;text-align:center}.retro-header-inner{margin:0 auto;max-width:720px}.retro-title{color:#fff;font-family:Dela Gothic One,sans-serif;font-size:3.5rem;letter-spacing:.06em;margin-bottom:1rem;text-shadow:3px 3px 0 rgba(0,0,0,.25),0 0 20px rgba(0,0,0,.08);text-transform:uppercase}.retro-tagline{margin-top:.5rem}.tagline-burst{background:#ffd54f;border:1px solid #d4a800;box-shadow:2px 2px #0003;color:#3a2800;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.06em;padding:.4rem 1.5rem;text-transform:uppercase;transform:rotate(-2deg)}@media(max-width:600px){.retro-title{font-size:2.4rem}.tagline-burst{font-size:.75rem;padding:.3rem 1rem}}#root{margin:0 auto;max-width:720px;padding:2rem 1rem}.tab-switcher{display:flex;gap:0;justify-content:center;margin-bottom:2rem}.tab-btn{background:linear-gradient(180deg,#fff,#f0efed);border:2px solid #8aada4;color:#5a7a74;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:background .15s,color .15s}.tab-btn:first-child{border-radius:4px 0 0 4px;border-right:none}.tab-btn:last-child{border-radius:0 4px 4px 0}.tab-btn.active{background:linear-gradient(180deg,#18665c,#145a52);border-color:#0e3e38;box-shadow:inset 0 1px 3px #00000026;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.tab-btn:not(.active):hover{background:linear-gradient(180deg,#fff,#e8ebe9);color:#2a3a38}.newsletter-result{background:#fefefe;border-color:#68a860 #88c080 #90c888 #78b070;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;padding:2rem;text-align:center}.newsletter-result-heading{color:#3a7a40;font-size:1.4rem;margin-bottom:.5rem}.newsletter-result-intro{color:#4a6040;font-size:.95rem;margin-bottom:1.5rem}.newsletter-field{margin-bottom:1rem;text-align:left}.newsletter-field-label{color:#6a8882;display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.3rem;text-transform:uppercase}.newsletter-detail-header{gap:.75rem}.inline-edit-form,.newsletter-detail-header{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.inline-edit-form{gap:.5rem}.inline-edit-input{background:#fefefe;border:2px solid #8aada4;border-radius:4px;box-shadow:inset 0 2px 6px #0000001a;color:#2a3a38;flex:1;font-family:inherit;font-size:1.1rem;max-width:300px;padding:.4rem .6rem}.inline-edit-input:focus{border-color:#3a7a40;box-shadow:inset 0 2px 6px #0000001a,0 0 0 3px #3a7a402e;outline:none}.newsletter-meta{color:#6a8882;margin-top:1rem}.newsletter-meta,.save-error{font-size:.85rem;text-align:center}.save-error{color:#b82020;margin-bottom:.5rem}.btn-danger{background:transparent;border:solid transparent;border-width:2px 2px 4px;box-shadow:none;color:#b04030}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#e06050,#c04838 40%,#b04030);border-color:#903028;box-shadow:0 2px 4px #00000040,inset 0 1px #fff3;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-danger:active:not(:disabled){border-bottom-width:2px;box-shadow:0 1px 2px #0003;transform:translateY(2px)}.btn-danger-solid{background:linear-gradient(180deg,#e06050,#c04838 40%,#b04030);border:solid #903028;border-width:2px 2px 4px;box-shadow:0 2px 4px #00000040,inset 0 1px #fff3;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-danger-solid:hover:not(:disabled){background:linear-gradient(180deg,#e87060,#d05848 40%,#c04838);box-shadow:0 3px 8px #0000004d,inset 0 1px #fff3}.btn-danger-solid:active:not(:disabled){border-bottom-width:2px;box-shadow:0 1px 2px #0003;transform:translateY(2px)}.delete-confirm-box{background:#fff8f6;border:2px solid #c08070;border-radius:4px;box-shadow:inset 0 1px 3px #0000000f;margin-top:1.5rem;padding:1.5rem}.delete-confirm-box p{color:#8a3020;font-size:.9rem;margin-bottom:1rem}.hero-description{color:#2a3530;font-size:1.05rem;line-height:1.7;margin:0 auto 2rem;max-width:520px;text-align:center}.url-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}@media(max-width:600px){.url-form{flex-direction:column}}.url-form input{background:#fefefe;border-color:#8aada4 #a8c8c0 #b0d0c8 #98b8b0;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 2px 6px #0000001a,inset 0 0 0 1px #00000008;color:#2a2622;flex:1;font-family:inherit;font-size:1rem;padding:.75rem 1rem}.url-form input:focus{border-color:#18665c;box-shadow:inset 0 2px 6px #0000001a,0 0 0 3px #18665c2e;outline:none}.url-form input::-moz-placeholder{color:#7a9a94}.url-form input::placeholder{color:#7a9a94}.form-hint{color:#4a6860;flex-basis:100%;font-size:.8rem;margin-top:.25rem;text-align:center}.btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;isolation:isolate;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:box-shadow .15s,transform .1s}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(180deg,#f0c840,#d4a820 40%,#c49818);border:solid #a07810;border-width:2px 2px 4px;box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff4d;color:#3a2800;text-shadow:0 1px 0 hsla(0,0%,100%,.15)}.btn-primary:after{background:linear-gradient(180deg,hsla(0,0%,100%,.15),transparent 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#f5d050,#e0b428 40%,#d0a820);box-shadow:0 3px 8px #0000004d,inset 0 1px #ffffff4d}.btn-primary:active:not(:disabled){background:linear-gradient(180deg,#d0a820,#c49818 40%,#b08810);border-bottom-width:2px;box-shadow:0 1px 2px #0003;transform:translateY(2px)}.btn-primary:active:not(:disabled):after{opacity:0}.btn-secondary{background:linear-gradient(180deg,#fff,#f0efed);border:solid #8aada4;border-width:2px 2px 3px;box-shadow:0 1px 3px #00000026,inset 0 1px #fff9;color:#2a3a38}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f5f4f2)}.btn-secondary:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}@keyframes spin{to{transform:rotate(1turn)}}.progress-panel{padding:1rem 0;text-align:center}.feed-url-box{align-items:center;background:#fefefe;border-color:#68a860 #88c080 #90c888 #78b070;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.feed-url-box code{color:#3a6a38;flex:1;font-size:.9rem;word-break:break-all}.items-list{list-style:none}.items-list li{background:#fefefe;border-color:#8aada4 #a8c8c0 #b0d0c8 #98b8b0;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000d;margin-bottom:.5rem;padding:1rem}.items-list li h3{font-size:.95rem;margin-bottom:.25rem}.items-list li h3 a{color:#15605a;text-decoration:none}.items-list li h3 a:hover{text-decoration:underline}.items-list li .meta{color:#6a8882;font-size:.8rem}.items-list li .desc{color:#4a5854;font-size:.85rem;margin-top:.25rem}.error-box{background:#fefefe;border-color:#c08070 #d0a090 #d8a898 #c88878;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;padding:1.5rem;text-align:center}.error-box p{color:#b82020;margin-bottom:1rem}.error-actions{display:flex;gap:.75rem;justify-content:center}a.btn{display:inline-block;text-decoration:none}.existing-feed-box{background:#fefefe;border-color:#68a860 #88c080 #90c888 #78b070;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;padding:2rem;text-align:center}.existing-feed-heading{color:#3a7a40;font-size:1.4rem;margin-bottom:.5rem}.existing-feed-message{color:#4a6040;font-size:.95rem;margin-bottom:1.5rem}.existing-feed-list{list-style:none;margin-bottom:1.5rem}.existing-feed-item{background:#fefefe;border-color:#68a860 #88c080 #90c888 #78b070;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000a;margin-bottom:.5rem;padding:1rem;text-align:left}.existing-feed-url-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.feed-type-badge{background:linear-gradient(180deg,#4a8a48,#3a7a40);border:1px solid #2a6030;border-radius:3px;color:#fff;display:inline-block;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.15rem .5rem;text-shadow:0 1px 0 rgba(0,0,0,.2)}.existing-feed-link{color:#3a7a40;font-size:.95rem;font-weight:600;text-decoration:none}.existing-feed-link:hover{text-decoration:underline}.existing-feed-actions{align-items:center;display:flex;gap:.5rem}.existing-feed-url{color:#5a7a50;flex:1;font-size:.8rem;word-break:break-all}.btn-sm{font-size:.8rem;padding:.4rem .75rem}.unsuitable-box{background:#fefefe;border-color:#c8a850 #d8c070 #e0c878 #d0b058;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;padding:2rem;text-align:center}.unsuitable-heading{color:#8a6d00;font-size:1.4rem;margin-bottom:.75rem}.unsuitable-hint{color:#5a5040;font-size:.85rem;margin-bottom:1.5rem}.config-toggle{margin-top:1.5rem}.config-toggle summary{color:#6a8882;cursor:pointer;font-size:.85rem}.config-toggle pre{background:#f5f5f3;border-color:#8aada4 #a8c8c0 #b0d0c8 #98b8b0;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;color:#3a4a48;font-size:.8rem;margin-top:.5rem;overflow-x:auto;padding:1rem}.section-label{color:#2a3a38;font-size:.85rem;font-weight:500;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.feeds-columns,.site-footer{border-top:2px solid #a0c4be;position:relative}.feeds-columns:before,.site-footer:before{background-color:#c2dad5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.1'/%3E%3C/svg%3E");color:#7a9e96;content:"◆";font-size:.85rem;left:50%;line-height:1;padding:0 .75em;position:absolute;top:-.55em;transform:translate(-50%)}.feeds-columns{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-left:-10%;margin-top:3rem;padding-top:2rem;width:120%}@media(max-width:600px){.feeds-columns{gap:2rem;grid-template-columns:1fr;margin-left:0;width:100%}}.popular-feeds-list{list-style:none}.popular-feeds-list li{background:#fefefe;border-color:#8aada4 #a8c8c0 #b0d0c8 #98b8b0;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000a;margin-bottom:.5rem;padding:.75rem 1rem}.popular-feed-title{color:#15605a;display:block;font-size:.95rem;font-weight:600;text-decoration:none}.popular-feed-title:hover{text-decoration:underline}.popular-feed-source{color:#6a8882;display:block;font-size:.8rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-feeds-list{list-style:none}.recent-feeds-list li{background:#fefefe;border-color:#8aada4 #a8c8c0 #b0d0c8 #98b8b0;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000a;margin-bottom:.5rem;padding:.75rem 1rem}.recent-feed-title{color:#15605a;display:block;font-size:.95rem;font-weight:600;text-decoration:none}.recent-feed-title:hover{text-decoration:underline}.recent-feed-source{color:#6a8882;display:block;font-size:.8rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-page-box{background:#fefefe;border-color:#c08070 #d0a090 #d8a898 #c88878;border-radius:4px;border-style:solid;border-width:2px;box-shadow:inset 0 1px 3px #0000000f;margin-top:1rem;padding:3rem 2rem;text-align:center}.error-page-code{color:#b82020;font-size:5rem;line-height:1;margin-bottom:.5rem;text-shadow:2px 2px 0 rgba(0,0,0,.08)}.error-page-code,.error-page-heading{font-family:Dela Gothic One,sans-serif}.error-page-heading{color:#2a2622;font-size:1.6rem;letter-spacing:.06em;margin-bottom:1rem;text-transform:uppercase}.error-page-message{color:#5a5450;font-size:1.05rem;line-height:1.6;margin:0 auto 2rem;max-width:420px}.error-page-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:600px){.error-page-code{font-size:3.5rem}.error-page-heading{font-size:1.2rem}.error-page-box{padding:2rem 1rem}}.site-footer{color:#6a8882;font-size:.8rem;margin-top:3rem;padding-top:1.5rem;text-align:center}.site-footer a{color:#15605a;font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}