:root{color-scheme:dark;--color-text: #d3ccbe;--color-text-muted: #b39a8c;--color-primary: #2e1b16;--color-background: #181312;--color-surface: #221d1b;--color-border: #64544d;--color-accent: #d99c3f;--color-danger: #db6e5d;--color-notice: #4b3f1e}:root[data-theme=forest]{--color-text: #d5d9cb;--color-text-muted: #aab8a0;--color-primary: #163128;--color-background: #101713;--color-surface: #19221d;--color-border: #526358;--color-accent: #d2ad5b;--color-danger: #e07767;--color-notice: #384020}:root[data-theme=midnight]{--color-text: #d8d9e8;--color-text-muted: #a4a9c2;--color-primary: #1b2442;--color-background: #111522;--color-surface: #1b2030;--color-border: #555e7b;--color-accent: #e0a55c;--color-danger: #e47676;--color-notice: #3b3527}:root[data-theme=paper]{color-scheme:light;--color-text: #312a24;--color-text-muted: #6f6155;--color-primary: #c8b89f;--color-background: #eee6d8;--color-surface: #f8f3ea;--color-border: #8f7d6c;--color-accent: #8a4f12;--color-danger: #a33e33;--color-notice: #ead9b5}html{min-height:100%;background:var(--color-background)}body{min-width:320px;min-height:100vh;margin:0}nyhedsstroem-app{display:block;min-height:100vh;color:var(--color-text);background:var(--color-background)}nyhedsstroem-app *,nyhedsstroem-app *:before{box-sizing:border-box}header{position:relative;z-index:1;padding:max(2rem,env(safe-area-inset-top)) 1.25rem 2rem;color:var(--color-text);background:var(--color-primary)}.header-inner,.content{width:min(100%,46rem);margin:0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.1rem,7vw,3.4rem);font-weight:500;letter-spacing:-.035em}.eyebrow{margin-bottom:.35rem;color:var(--color-border);font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.user-name{margin:.2rem 0 0;color:var(--color-text-muted);overflow-wrap:anywhere}.header-actions{display:flex;align-items:center;gap:.55rem}.icon-button,.feed-menu>summary,.view-menu>summary{display:grid;width:2.8rem;height:2.8rem;padding:0;border:0;color:var(--color-surface);background:color-mix(in srgb,var(--color-text) 75%,transparent);cursor:pointer;place-items:center}.icon-button{font-size:1.55rem}.icon-button:disabled{cursor:default;opacity:.55}.icon-button:focus-visible,.feed-menu>summary:focus-visible,.view-menu>summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.spin{display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{padding:1.1rem 1rem 3rem}.feed-menu,.view-menu{position:relative}.feed-menu>summary,.view-menu>summary{position:relative;list-style:none}.feed-menu>summary::-webkit-details-marker,.view-menu>summary::-webkit-details-marker{display:none}.sort-icon{font-size:1.35rem;font-weight:700}.burger-icon,.burger-icon:before,.burger-icon:after{width:1.25rem;height:2px;background:currentColor}.burger-icon{position:relative}.burger-icon:before,.burger-icon:after{position:absolute;left:0;content:""}.burger-icon:before{top:-.4rem}.burger-icon:after{top:.4rem}.menu-count{position:absolute;top:-.35rem;right:-.35rem;display:grid;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border:2px solid var(--color-primary);color:var(--color-primary);background:var(--color-accent);font-size:.62rem;font-weight:800;line-height:1;place-items:center}.feed-menu-content,.view-menu-content{position:absolute;top:calc(100% + .65rem);right:0;width:min(26rem,calc(100vw - 2rem));max-height:min(70vh,36rem);padding:1rem;overflow-y:auto;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:0 1rem 2.5rem #00000059}.view-menu-content{width:min(20rem,calc(100vw - 2rem))}.menu-heading{margin-bottom:.75rem;color:var(--color-text-muted);font-size:.8rem;font-weight:700}.sort-options{display:grid;gap:.5rem}.sort-options button{width:100%;padding:.75rem;border:1px solid var(--color-border);color:var(--color-text);background:transparent;text-align:left;cursor:pointer}.sort-options button.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.sort-options button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.sort-options strong,.sort-options span{display:block}.sort-options span{margin-top:.2rem;color:var(--color-text-muted);font-size:.76rem;line-height:1.35}.theme-setting{margin:.85rem 0 0;padding:.85rem 0 0;border:0;border-top:1px solid var(--color-border)}.theme-setting legend{padding:0;color:var(--color-text-muted);font-size:.8rem;font-weight:700}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.theme-option{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.55rem;border:1px solid var(--color-border);color:var(--color-text);background:transparent;font-size:.8rem;font-weight:700;text-align:left;cursor:pointer}.theme-option.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.theme-option:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.theme-swatch{flex:0 0 auto;width:2rem;height:1.35rem;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}.theme-swatch-glow{background:linear-gradient(90deg,#181312 0 34%,#2e1b16 34% 67%,#d99c3f 67%)}.theme-swatch-forest{background:linear-gradient(90deg,#101713 0 34%,#163128 34% 67%,#d2ad5b 67%)}.theme-swatch-midnight{background:linear-gradient(90deg,#111522 0 34%,#1b2442 34% 67%,#e0a55c 67%)}.theme-swatch-paper{background:linear-gradient(90deg,#eee6d8 0 34%,#c8b89f 34% 67%,#8a4f12 67%)}.image-setting{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--color-border)}.image-setting strong,.image-setting span{display:block}.image-setting span{margin-top:.2rem;color:var(--color-text-muted);font-size:.76rem;line-height:1.35}.image-toggle{position:relative;flex:0 0 auto;width:3rem;height:1.7rem;padding:.2rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;cursor:pointer}.image-toggle:before{display:block;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-text-muted);content:"";transition:transform .15s ease,background .15s ease}.image-toggle[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.image-toggle[aria-checked=true]:before{background:var(--color-accent);transform:translate(1.25rem)}.image-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.import-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.import-section p{margin:0;color:var(--color-text-muted);font-size:.8rem}.transfer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.transfer-button{display:inline-flex;flex:0 0 auto;align-items:center;min-height:2.35rem;margin:0;padding:.55rem .75rem;border:1px solid var(--color-border);color:var(--color-text);background:transparent;font-size:.78rem;font-weight:700;cursor:pointer}.transfer-button:hover{border-color:var(--color-accent)}.transfer-button:focus-visible,.transfer-button:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.transfer-button:disabled,.transfer-button:has(input:disabled){cursor:default;opacity:.55}.import-section .import-progress{flex-basis:100%;color:var(--color-accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}label{display:block;margin-bottom:.45rem;color:var(--color-text-muted);font-size:.82rem;font-weight:650}.form-row{display:flex;gap:.55rem}input{min-width:0;flex:1;padding:.75rem .8rem;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);font:inherit}input:focus{border-color:var(--color-accent);outline:3px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}button{font:inherit;background:color-mix(in srgb,var(--color-text) 75%,transparent)}.primary{padding:.7rem 1rem;border:0;font-weight:700;cursor:pointer}.primary:disabled{cursor:default;opacity:.5}.feed-list{margin:1rem 0 0;padding:0;list-style:none}.feed-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--color-border)}.feed-list strong,.feed-list span{display:block}.feed-list a{color:inherit;text-decoration-color:var(--color-border);text-underline-offset:3px}.feed-list a:hover{color:var(--color-accent)}.feed-list span{margin-top:.15rem;color:var(--color-text-muted);font-size:.76rem}.feed-list .feed-error{color:var(--color-danger)}.delete{border:0;color:var(--color-danger);background:transparent;cursor:pointer}.message{padding:.75rem 1rem;border-left:3px solid var(--color-accent);color:var(--color-text);background:var(--color-notice);font-size:.88rem}.subtle-loader{padding:1rem 0;color:var(--color-text-muted);text-align:center}.article-list{border-top:1px solid var(--color-border)}article{padding:1.35rem .15rem;border-bottom:1px solid var(--color-border)}.article-with-image{display:grid;grid-template-columns:minmax(0,1fr) 8rem;align-items:start;gap:1rem}.article-content{min-width:0}.article-image{width:100%;aspect-ratio:4 / 3;border:1px solid var(--color-border);background:var(--color-surface);object-fit:cover}.article-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.55rem;color:var(--color-text-muted);font-size:.76rem}.article-meta span{color:var(--color-text-muted);font-weight:750;letter-spacing:.02em}.article-meta time{white-space:nowrap}article h2{margin-bottom:.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,5vw,1.6rem);font-weight:600;line-height:1.18;letter-spacing:-.015em}article h2 a{color:inherit;text-decoration:none}article h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}article p{margin-bottom:0;color:var(--color-text-muted);font-size:.93rem;line-height:1.55}.empty-state{padding:4rem 1rem;color:var(--color-text-muted);text-align:center}.empty-state div{color:var(--color-accent);font-size:3rem}.empty-state h2{margin:.4rem 0;color:var(--color-text);font-family:Georgia,serif}.empty-state p{max-width:26rem;margin:0 auto;line-height:1.55}footer{padding:0 1rem calc(2rem + env(safe-area-inset-bottom));color:var(--color-text-muted);font-size:.72rem;text-align:center}.center{display:grid;min-height:100vh;padding:1.5rem;place-items:center}.login-card{width:min(100%,25rem);padding:2.5rem;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1rem 3rem color-mix(in srgb,var(--color-primary) 8%,transparent);text-align:center}.login-card h1{margin-bottom:1rem}.login-card p:last-child{margin-bottom:0;color:var(--color-text-muted);line-height:1.55}.brand-mark{color:var(--color-accent);font-size:3rem}.loader{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@media(max-width:34rem){.form-row{flex-direction:column}.primary{width:100%}.article-with-image{grid-template-columns:minmax(0,1fr) 6.25rem;gap:.75rem}h1{margin-bottom:0;font-size:clamp(1rem,7vw,2.4rem);letter-spacing:-.035em}}@media(prefers-reduced-motion:reduce){nyhedsstroem-app *,nyhedsstroem-app *:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}