:root{--bg-carta:#f4ecdc;--bg-carta-alt:#ece2cc;--testo:#2b2420;--testo-attenuato:#6b5f52;--accento:#8a4b2e;--bordo:#d8c9ac;--non-letto:#c0392b;--font-serif:Georgia, "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--col-larghezza:70ch}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-carta:#1c1a17;--bg-carta-alt:#242019;--testo:#e8e1d3;--testo-attenuato:#a89d8a;--accento:#d2884f;--bordo:#3a342b;--non-letto:#e07a63}}*{box-sizing:border-box}html,body{background:var(--bg-carta);color:var(--testo);font-family:var(--font-sans);margin:0}h1,h2,h3,.titolo-articolo{font-family:var(--font-serif)}:root{--h-bottom-nav:56px}html,body{overflow-x:hidden}#app{flex-direction:column;height:100vh;display:flex;overflow-x:hidden}.layout{flex:1;min-height:0;display:flex}.icon-bar{background:var(--bg-carta-alt);border-right:1px solid var(--bordo);flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;width:52px;padding:.5rem 0;display:flex}.icon-bar button{cursor:pointer;width:36px;height:36px;color:var(--testo);background:0 0;border:none;border-radius:8px;font-size:1.1rem}.icon-bar button:hover:not(:disabled){background:var(--bg-carta)}.icon-bar button.attiva{background:var(--accento)}.icon-bar button:disabled{opacity:.35;cursor:default}.sidebar{background:var(--bg-carta-alt);border-right:1px solid var(--bordo);flex-shrink:0;width:260px;padding:.5rem;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin:.1rem 0}.sidebar .riga{cursor:pointer;color:var(--testo);border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .5rem;text-decoration:none;display:flex}.sidebar .riga:hover,.sidebar .riga.attiva{background:var(--bg-carta)}.sidebar .feed-list{padding-left:1rem}.contatore{color:var(--testo-attenuato);background:var(--bordo);text-align:center;border-radius:10px;min-width:1.5rem;padding:.05rem .5rem;font-size:.75rem}.contatore.non-letto{color:#fff;background:var(--non-letto)}.feed-in-errore{color:var(--non-letto);margin-left:.25rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--bordo);background:var(--bg-carta);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.topbar .solo-mobile{display:none}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.1rem;overflow:hidden}.topbar button,.topbar select{font-family:var(--font-sans);background:var(--bg-carta-alt);border:1px solid var(--bordo);color:var(--testo);cursor:pointer;border-radius:6px;flex-shrink:0;padding:.35rem .6rem;font-size:.85rem}.icona-topbar{justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex;padding:0!important}.menu-a-tendina{background:var(--bg-carta-alt);border:1px solid var(--bordo);z-index:10;border-radius:6px;min-width:200px;max-width:calc(100vw - 2rem);position:absolute;top:100%;right:0}.menu-a-tendina button{text-align:left;white-space:normal;border:none;width:100%;display:block}.content{flex:1;min-height:0;overflow-y:auto}.article-list{margin:0;padding:0;list-style:none}.article-item{border-bottom:1px solid var(--bordo);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.7rem 1rem;display:flex}.article-item:hover{background:var(--bg-carta-alt)}.article-item .thumb{object-fit:cover;background:var(--bg-carta-alt);border-radius:4px;flex-shrink:0;width:64px;height:64px}.article-item .meta{flex:1;min-width:0}.article-item .titolo{font-family:var(--font-serif);margin:0 0 .25rem;font-size:1rem}.article-item.letto .titolo{color:var(--testo-attenuato);font-weight:400}.article-item .fonte-tempo{color:var(--testo-attenuato);font-size:.8rem}.article-view{max-width:var(--col-larghezza);margin:0 auto;padding:1.5rem 1rem 6rem;line-height:1.6}.article-view .titolo-articolo{margin-bottom:.25rem;font-size:1.6rem}.article-view .fonte{color:var(--testo-attenuato);margin-bottom:1.25rem;font-size:.9rem}.article-view .corpo p{margin:0 0 1rem}.corpo,.corpo p,.corpo a,.fonte,.titolo-articolo,.article-item .titolo{overflow-wrap:anywhere;word-break:break-word}.corpo img,.corpo iframe{max-width:100%}.article-nav{border-top:1px solid var(--bordo);justify-content:space-between;padding:.75rem 1rem;display:flex}.mini-player{background:var(--bg-carta-alt);border-top:1px solid var(--bordo);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.mini-player .titolo-corrente{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.login-box{background:var(--bg-carta-alt);border:1px solid var(--bordo);border-radius:10px;max-width:320px;margin:15vh auto;padding:1.5rem}.login-box input{border:1px solid var(--bordo);background:var(--bg-carta);width:100%;color:var(--testo);border-radius:6px;margin-bottom:.75rem;padding:.5rem}.login-box button{background:var(--accento);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.6rem;font-weight:700}.bottom-nav{display:none}@media (width<=768px){.icon-bar{display:none}.sidebar{z-index:20;width:auto;transition:transform .15s;position:fixed;inset:0 20% 0 0;transform:translate(-100%)}.sidebar.aperta{transform:translate(0)}.sidebar-overlay{z-index:19;background:#0000004d;position:fixed;inset:0}.layout{flex-direction:column}.topbar .solo-mobile{display:inline-block}.topbar h1{font-size:.95rem}.bottom-nav{z-index:25;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));background:var(--bg-carta-alt);border-top:1px solid var(--bordo);height:var(--h-bottom-nav);box-sizing:border-box;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--testo);background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.bottom-nav button:disabled{opacity:.35}.mini-player{left:0;right:0;bottom:calc(var(--h-bottom-nav) + env(safe-area-inset-bottom));z-index:24;position:fixed}.content{padding-bottom:calc(var(--h-bottom-nav) + 60px + env(safe-area-inset-bottom))}.article-view{padding:1rem}}
