:root{color-scheme:dark;--bg:#111214;--surface:#1a1b1e;--raised:#222327;--line:#303136;--text:#f2f1ef;--muted:#9a9ba3;--accent:#fa797b;--accent-soft:#352326;--shadow:0 18px 70px #0004;font-family:var(--font-ui,'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif)}
:root[data-theme=light]{color-scheme:light;--bg:#f5f4f1;--surface:#fff;--raised:#eeedea;--line:#dddedf;--text:#232329;--muted:#656570;--accent:#b83849;--accent-soft:#f8e5e7;--shadow:0 18px 70px #2221}
*{box-sizing:border-box}body{margin:0;padding-top:56px;min-height:100vh;position:relative;isolation:isolate;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body.has-wallpaper::before{display:block!important;background:var(--wallpaper,none) center/cover no-repeat!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;filter:none!important;-webkit-filter:none!important;opacity:1!important}
body.has-wallpaper{background-image:none!important}
body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(250,121,123,0.14),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(184,56,73,0.10),transparent 60%),var(--bg)}
:root[data-theme=light] body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(184,56,73,0.08),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(250,121,123,0.05),transparent 60%),var(--bg)}
:root[data-accent=blue] body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(117,183,250,0.15),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(36,103,168,0.10),transparent 60%),var(--bg)}
:root[data-accent=mint] body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(124,214,176,0.15),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(36,116,81,0.10),transparent 60%),var(--bg)}
:root[data-theme=light][data-accent=blue] body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(36,103,168,0.08),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(117,183,250,0.05),transparent 60%),var(--bg)}
:root[data-theme=light][data-accent=mint] body:not(.has-wallpaper)::before{display:block;background:radial-gradient(75vmax 65vmax at 12% 10%,rgba(36,116,81,0.08),transparent 60%),radial-gradient(65vmax 55vmax at 88% 90%,rgba(124,214,176,0.05),transparent 60%),var(--bg)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,input,select,textarea{color:var(--text)}button{border:0}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}input,select,textarea{background:var(--raised);border:1px solid var(--line);border-radius:9px;padding:10px 12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-60px}.skip:focus{top:10px;z-index:10;background:var(--surface);padding:12px}.shell{width:min(1360px,calc(100% - 48px));margin:auto}main.shell{display:flex;flex-direction:column;gap:18px}.hero-row{display:grid;grid-template-columns:auto minmax(360px,1fr) auto;gap:12px;align-items:stretch;margin-top:10px;margin-bottom:2px}.hero-badge{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12);backdrop-filter:var(--glass-blur,blur(16px));-webkit-backdrop-filter:var(--glass-blur,blur(16px))}.welcome.hero-badge{padding:8px 16px;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:64px;height:100%;box-sizing:border-box}.accent-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}.welcome.hero-badge h1{font-size:13.5px;line-height:1.25;letter-spacing:-.3px;margin:0;font-weight:650;white-space:nowrap}.welcome.hero-badge h1 span{color:var(--muted);font-weight:500}.clock.hero-badge{padding:6px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:125px;min-height:64px;height:100%;box-sizing:border-box;gap:2px;margin:0}.clock.hero-badge time{font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.clock.hero-badge span{font-size:9.5px;color:var(--muted);white-space:nowrap}.search-section{display:flex;flex-direction:column;justify-content:center;margin:0;position:relative;min-height:48px}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-height:38px;height:38px}.search-box:focus-within{border-color:var(--accent)}.search-symbol{font-size:18px;color:var(--muted);margin-left:2px}.search-box input{flex:1;border:0;background:none;padding:4px 0;font-size:13px;width:100%;outline:none}.primary{background:var(--accent);color:#fff;padding:6px 14px;border-radius:7px;font-weight:650;font-size:12px}.search-box kbd{font-size:9px;border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:var(--muted);white-space:nowrap}.search-meta{display:flex;align-items:center;gap:8px;margin-top:4px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:2px 10px;font-size:10.5px;color:var(--muted);backdrop-filter:var(--glass-blur,blur(12px));-webkit-backdrop-filter:var(--glass-blur,blur(12px));flex-wrap:nowrap;white-space:nowrap;max-width:100%;box-sizing:border-box;overflow-x:auto;scrollbar-width:none}.search-meta::-webkit-scrollbar{display:none}.search-meta select{border:0;background:transparent;padding:0 2px;font-size:10.5px;color:var(--text);font-weight:600;cursor:pointer}.search-hint{margin-left:auto;font-size:10px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.search-hint code{margin-left:3px;color:var(--accent);background:var(--raised);padding:1px 4px;border-radius:3px;border:1px solid var(--line);font-family:monospace}.search-results{position:absolute;top:46px;left:0;right:0;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.result{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px}.result:hover,.result:focus{background:var(--raised)}.result span:last-child{margin-left:auto;color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 16px;box-shadow:0 4px 18px rgba(0,0,0,.12);backdrop-filter:var(--glass-blur,blur(16px));-webkit-backdrop-filter:var(--glass-blur,blur(16px))}.heading-lead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-heading h2{font-size:13.5px;font-weight:650;margin:0;letter-spacing:-.2px;display:inline-flex;align-items:center;gap:8px}.section-heading .count{font-size:10px;font-weight:700;color:var(--accent);background:var(--raised);border:1px solid var(--line);padding:2px 7px;border-radius:6px;margin-left:4px}.section-heading .small.muted{font-size:11.5px;color:var(--muted)}.favorites-actions{display:flex;align-items:center;gap:8px}.favorites-actions .text-button{background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:11.5px;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.favorites-actions .text-button:hover{border-color:var(--accent);color:var(--accent);background:var(--surface2,var(--raised));transform:translateY(-1px)}.favorites{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin-bottom:6px}.favorite{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:96px;min-height:96px;max-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s;text-decoration:none;color:inherit;box-sizing:border-box;overflow:hidden}.favorite:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.2)}.favorite .app-icon{width:38px;height:38px;object-fit:contain;border-radius:9px;flex-shrink:0}.favorite-label{font-size:11.5px;font-weight:550;line-height:1.25;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;display:block;margin:0;padding:0 2px;box-sizing:border-box;overflow-wrap:normal}.app-icon{width:38px;height:38px;object-fit:contain;border-radius:9px}.icon-fallback{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:16px;font-weight:650}.favorite.add{border-style:dashed;background:none;color:var(--muted);cursor:pointer}.favorite.add .add-icon,.favorite.add>span:first-child{font-size:26px;font-weight:300;height:38px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.favorite.add:hover{border-color:var(--accent);color:var(--accent)}.favorite.add:hover .add-icon,.favorite.add>span:first-child{color:var(--accent)}.favorites-section{margin-bottom:12px}.widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;min-width:0;height:285px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.weather-content,.news-content,#weather-content,#news-content{display:flex;flex-direction:column;flex:1;min-height:0}.news-panel{grid-column:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-shrink:0}h3{font-size:13px;font-weight:600;margin:0}.panel-icon{color:var(--muted);margin-right:7px}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px}.segmented button{font-size:10px;padding:4px 12px;border-radius:4px;background:none;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--raised);color:var(--text)}.weather-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.weather-meta-col{display:flex;flex-direction:column;gap:1px}.weather-city{font-size:14px;font-weight:650;color:var(--text);margin:0}.weather-description{font-size:11.5px;color:var(--muted);margin:0}.weather-orb-wrap{width:40px;height:40px;border-radius:10px;background:var(--raised);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.weather-icon-sun{color:#f59e0b;filter:drop-shadow(0 0 5px rgba(245,158,11,.4))}.weather-icon-partly{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.3))}.weather-icon-cloud{color:#94a3b8}.weather-icon-fog{color:#64748b}.weather-icon-rain{color:#38bdf8;filter:drop-shadow(0 0 5px rgba(56,189,248,.3))}.weather-icon-snow{color:#e0f2fe;filter:drop-shadow(0 0 6px rgba(224,242,254,.4))}.weather-icon-storm{color:#f43f5e;filter:drop-shadow(0 0 6px rgba(244,63,94,.4))}.weather-temp-row{margin:4px 0 8px}.temperature{font-size:46px;font-weight:350;letter-spacing:-2px;line-height:1;margin:0;color:var(--text)}.weather-tomorrow-card{background:var(--raised);border:1px solid var(--line);border-radius:9px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tomorrow-badge{font-size:11px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.tomorrow-values{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}.temp-range{display:inline-flex;align-items:center;gap:3px}.temp-range i{font-size:10px}.temp-divider{color:var(--muted);font-size:11px}.source{font-size:10px;color:var(--muted);margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;flex-shrink:0}.source a{color:inherit;text-decoration:none}.source a:hover{color:var(--accent);text-decoration:underline}.source-more{margin-left:auto;font-weight:600;color:var(--accent)!important;white-space:nowrap}.news-item{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:5px 0}.news-item:first-child{padding-top:0}.news-item:last-child{border:0}.news-number{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;margin-top:3px}.news-item a{font-size:13px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.note-panel textarea{width:100%;flex:1;min-height:0;resize:none;line-height:1.7;border:0;background:none;padding:0;margin-bottom:4px}#note-status{margin-top:auto}.explore{margin-top:28px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center}.explore-mark{font-size:44px;color:var(--accent);line-height:1}.explore .eyebrow{font-size:8px;margin-bottom:5px}.explore h2{font-size:15px}.explore p:last-child{font-size:12px;color:var(--muted);margin:6px 0 0}.explore .soft-button{margin-left:auto;font-size:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;padding-bottom:26px;font-size:10px}.footer>a{color:var(--muted)}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(380px,100%);max-width:100%;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:8px}.dialog-heading h2{font-size:23px}.close{background:var(--raised);width:34px;height:34px;border-radius:50%;font-size:24px;flex-shrink:0}.settings-section{border-top:1px solid var(--line);padding:22px 0}.settings-section h3{margin-bottom:14px}.field-grid{display:grid;grid-template-columns:1fr;gap:14px}label{font-size:12px}.field-grid label,.link-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.setting-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}.setting-row>span,.setting-row>label{flex:1;overflow-wrap:anywhere}.setting-row button{background:var(--raised);border-radius:5px;min-width:30px;height:30px}.setting-row.dragging{opacity:.4}.full{width:100%;margin-top:14px}.link-form{display:grid;gap:10px;margin-top:18px}.city-form,.button-row{display:flex;gap:8px}.city-form input{flex:1;width:100%}.city-result{display:block;background:var(--raised);padding:10px;margin:6px 0;width:100%;text-align:left;border-radius:7px}.catalog-dialog{width:min(900px,94vw);max-height:88dvh;border-radius:18px}.catalog-filters{display:flex;gap:12px;margin:20px 0}.catalog-filters input{flex:1}.catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;min-width:0}.catalog-card>a{flex:1;min-width:0}.catalog-card strong{font-size:13px}.catalog-card p{font-size:11px;color:var(--muted);margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card button{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:var(--raised);color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 32px);padding:13px 22px;border-radius:10px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);font-size:13px}.retry{margin-top:10px}html[data-density=compact] .welcome{padding-top:28px;padding-bottom:24px}html[data-density=compact] .favorite{min-height:92px}html[data-density=compact] .panel{padding:14px;height:265px}html[data-density=compact] .favorites-section{margin-bottom:24px}
@media(max-width:1000px) and (min-width:769px){
    .hero-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
    .search-section{grid-column:1 / -1;min-width:0}
    .search-hint{display:none}
    .favorites{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
}
@media(max-width:768px){
    html, body{overflow-x:hidden!important;max-width:100vw!important}
    .shell, main.shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
    main.shell{gap:14px}
    main.shell > *{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
    
    /* Hero-Row: Exakt einheitliche 100% Breite für alle 3 Container */
    .hero-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
    .hero-row > *{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
    
    /* 1. Start-Container ("Ein kirschiger Start") */
    .welcome.hero-badge{min-height:auto!important;height:auto!important;padding:10px 14px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
    .welcome.hero-badge h1{font-size:13px!important;white-space:normal!important;word-break:break-word!important;line-height:1.35!important}
    
    /* 2. Such-Container */
    .search-section{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
    .search-box{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0 8px!important;gap:6px!important}
    .search-box input{flex:1 1 0%!important;min-width:0!important;width:0!important;font-size:12px!important}
    .search-box kbd{display:none!important}
    .search-box .primary{padding:4px 9px!important;font-size:11.5px!important;flex-shrink:0!important;white-space:nowrap!important}
    .search-meta{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;scrollbar-width:none!important}
    .search-meta::-webkit-scrollbar{display:none!important}
    .search-hint{display:none!important}
    .engine-description{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1 1 0%!important;min-width:0!important;font-size:10.5px!important}
    
    /* 3. Uhrzeit-Container */
    .clock.hero-badge{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;min-width:0!important;min-height:auto!important;height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
    .clock.hero-badge time{font-size:22px!important;line-height:1!important}
    .clock.hero-badge span{font-size:11px!important}
    
    /* Favoriten-Bereich */
    .favorites-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
    .section-heading{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 12px!important;flex-wrap:wrap!important;gap:8px!important}
    .favorites-actions{margin-left:auto;gap:8px}
    .favorites-actions .text-button{padding:4px 8px;font-size:10.5px}
    .favorites{width:100%!important;max-width:100%!important;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important;gap:8px!important;box-sizing:border-box!important}
    .favorite{height:88px;min-height:88px;max-height:88px}
    
    /* Widgets & Panels */
    .today-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
    .widgets{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
    .panel{height:auto!important;min-height:auto!important;padding:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}
:root[data-theme=light] .primary{color:#fff}
body{padding-top:max(58px,calc(var(--dashboard-header-height,52px) + 6px));padding-bottom:20px}
.skip:focus{top:calc(var(--dashboard-header-height,56px) + 4px);z-index:12000}
html[data-density=compact] .favorite{height:82px;min-height:82px;max-height:82px;padding:6px;gap:5px}
html[data-density=compact] .favorite .app-icon{width:30px;height:30px}
html[data-density=compact] .panel{padding:14px;height:265px}
html[data-density=compact] .welcome.hero-badge{padding:10px 14px}
.engine-description{flex:1 1 200px;font-size:11px;line-height:1.5;color:var(--muted)}
.privacy-dialog{width:min(480px,calc(100vw - 32px));border-radius:16px;line-height:1.7}
.privacy-dialog .dialog-heading h2{font-size:19px}
.privacy-dialog .primary{margin-top:8px}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Akzent: Liquid Glass (additiv; Akzentfarbe bleibt Cherry) ===== */
:root[data-accent=glass]{--surface:#ffffff14;--raised:#ffffff1f;--line:#ffffff2e;--glass-fill:linear-gradient(135deg,#ffffff26 0%,#ffffff0a 55%,#ffffff14 100%);--glass-blur:blur(22px) saturate(180%) brightness(1.06);--glass-shine:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff12,inset 1px 0 0 #ffffff1a;--glass-shadow:0 10px 36px #00000040}
:root[data-theme=light][data-accent=glass]{--surface:#ffffff59;--raised:#ffffff80;--line:#ffffffa6;--glass-fill:linear-gradient(135deg,#ffffffb3 0%,#ffffff40 55%,#ffffff80 100%);--glass-shine:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000000d;--glass-shadow:0 10px 36px #3a2a2e26}
/* Ohne Wallpaper: weiche Farbwolken, damit das Glas etwas zum Blurren hat */
:root[data-accent=glass] body:not(.has-wallpaper)::before{display:block!important;background:radial-gradient(65vmax 55vmax at 12% 8%,#fa797b73,transparent 60%),radial-gradient(55vmax 50vmax at 88% 28%,#7a5cff4d,transparent 60%),radial-gradient(60vmax 55vmax at 50% 105%,#ff9ec44d,transparent 60%),var(--bg)!important}
:root[data-theme=light][data-accent=glass] body:not(.has-wallpaper)::before{display:block!important;background:radial-gradient(65vmax 55vmax at 12% 8%,rgba(250,121,123,0.30),transparent 60%),radial-gradient(55vmax 50vmax at 88% 28%,rgba(122,92,255,0.24),transparent 60%),radial-gradient(60vmax 55vmax at 50% 105%,rgba(255,158,196,0.26),transparent 60%),var(--bg)!important}
/* Glas-Container (bewusst ohne position, damit fixed/absolute-Elemente intakt bleiben) */
:root[data-accent=glass] :where(.panel,.favorite:not(.add),.search-box,.search-results,.drawer,.catalog-dialog,.privacy-dialog,.hero-badge,.section-heading,.search-meta){background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--glass-shine),var(--glass-shadow)}
:root[data-accent=glass] .topbar{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shine)}
:root[data-accent=glass] :where(.drawer,.catalog-dialog,.privacy-dialog){-webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%)}
:root[data-accent=glass] dialog::backdrop{background:#0004;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
:root[data-accent=glass] .favorite:hover{background:linear-gradient(135deg,#ffffff40,#ffffff14);box-shadow:var(--glass-shine),0 14px 40px #fa797b33}
/* Stufe 2: Brechung per SVG-Filter (nur Chromium, Klasse wird per JS gesetzt) */
:root.lg-refract[data-accent=glass] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading){-webkit-backdrop-filter:url(#lg-refract) blur(18px) saturate(180%);backdrop-filter:url(#lg-refract) blur(18px) saturate(180%)}
/* Fallbacks: kein backdrop-filter bzw. "Transparenz reduzieren" -> deckende Optik */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-accent=glass]{--surface:#1a1b1ef2;--raised:#222327;--glass-fill:var(--surface)}:root[data-theme=light][data-accent=glass]{--surface:#fffffff2;--raised:#eeedea}}
@media(prefers-reduced-transparency:reduce){:root[data-accent=glass]{--surface:#1a1b1e;--raised:#222327;--glass-fill:var(--surface)}:root[data-theme=light][data-accent=glass]{--surface:#fff;--raised:#eeedea}:root[data-accent=glass] :where(.panel,.favorite,.search-box,.search-results,.topbar,.drawer,.catalog-dialog,.privacy-dialog,.hero-badge,.section-heading,.search-meta){-webkit-backdrop-filter:none;backdrop-filter:none}}
/* ===== Akzent: Phantom (Boxen vollkommen transparent & rahmenlos, maximale Wallpaper-Sichtbarkeit) ===== */
:root[data-accent=phantom]{
    --surface:transparent;
    --raised:rgba(255,255,255,0.08);
    --line:transparent;
    --phantom-glow:0 1px 3px rgba(0,0,0,0.9),0 0 16px rgba(0,0,0,0.65);
    --phantom-pane:rgba(12,14,18,0.20);
}
:root[data-theme=light][data-accent=phantom]{
    --surface:transparent;
    --raised:rgba(255,255,255,0.35);
    --line:transparent;
    --phantom-glow:0 0 14px rgba(255,255,255,0.95),0 0 3px rgba(255,255,255,0.85);
    --phantom-pane:rgba(255,255,255,0.25);
}
/* Ohne Wallpaper: Phantomatische Tiefen & dezente Nebelwolken */
:root[data-accent=phantom] body:not(.has-wallpaper)::before{display:block!important;background:radial-gradient(60vmax 50vmax at 15% 15%,rgba(122,92,255,0.14),transparent 60%),radial-gradient(50vmax 45vmax at 85% 35%,rgba(250,121,123,0.12),transparent 60%),radial-gradient(55vmax 50vmax at 50% 95%,rgba(56,189,248,0.10),transparent 60%),#0c0d10!important}
:root[data-theme=light][data-accent=phantom] body:not(.has-wallpaper)::before{display:block!important;background:radial-gradient(60vmax 50vmax at 15% 15%,rgba(122,92,255,0.08),transparent 60%),radial-gradient(50vmax 45vmax at 85% 35%,rgba(250,121,123,0.08),transparent 60%),radial-gradient(55vmax 50vmax at 50% 95%,rgba(56,189,248,0.06),transparent 60%),#f8f9fc!important}

/* Lesbarkeit ohne Box-Hintergrund: weicher Text-Glow */
:root[data-accent=phantom] :where(main,.topbar,.drawer){text-shadow:var(--phantom-glow)}
:root[data-accent=phantom] :where(.primary,.icon-fallback){text-shadow:none}
:root[data-accent=phantom] .topbar{background:none}

/* Alle Container komplett transparent & OHNE äußere Ränder */
:root[data-accent=phantom] :where(.panel,.hero-badge,.search-box,.search-meta,.section-heading,.favorite:not(.add),.topbar,.cyb-main-header){
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

/* Suchfeld in Phantom */
:root[data-accent=phantom] .search-box{
    background:rgba(255,255,255,0.06) !important;
    border-bottom:1px solid rgba(255,255,255,0.2) !important;
    border-radius:10px;
}
:root[data-theme=light][data-accent=phantom] .search-box{
    background:rgba(255,255,255,0.4) !important;
    border-bottom:1px solid rgba(0,0,0,0.18) !important;
}
:root[data-accent=phantom] .search-box:focus-within{
    border-bottom-color:var(--accent) !important;
}

/* Favoriten & Hover */
:root[data-accent=phantom] .favorite:hover{
    background:rgba(255,255,255,0.1) !important;
    transform:translateY(-3px);
}
:root[data-theme=light][data-accent=phantom] .favorite:hover{
    background:rgba(0,0,0,0.06) !important;
}
:root[data-accent=phantom] .favorite.add{
    border:1.5px dashed rgba(255,255,255,0.25) !important;
    background:transparent !important;
}
:root[data-theme=light][data-accent=phantom] .favorite.add{
    border-color:rgba(0,0,0,0.25) !important;
}

/* Widgets & Badges in Phantom */
:root[data-accent=phantom] .weather-orb-wrap,
:root[data-accent=phantom] .weather-tomorrow-card,
:root[data-accent=phantom] .segmented{
    background:rgba(255,255,255,0.06) !important;
    border:none !important;
}
:root[data-theme=light][data-accent=phantom] .weather-orb-wrap,
:root[data-theme=light][data-accent=phantom] .weather-tomorrow-card,
:root[data-theme=light][data-accent=phantom] .segmented{
    background:rgba(255,255,255,0.35) !important;
}
:root[data-accent=phantom] .section-heading .count{
    background:rgba(255,255,255,0.12) !important;
    border:none !important;
}
:root[data-accent=phantom] .news-item{
    border-bottom:1px solid rgba(255,255,255,0.1) !important;
}
:root[data-theme=light][data-accent=phantom] .news-item{
    border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
:root[data-accent=phantom] .vault-item{
    background:rgba(255,255,255,0.06) !important;
    border:none !important;
}
:root[data-theme=light][data-accent=phantom] .vault-item{
    background:rgba(255,255,255,0.35) !important;
}
:root[data-accent=phantom] .vault-tabs,
:root[data-accent=phantom] .vault-cat-meta{
    background:rgba(255,255,255,0.06) !important;
    border:none !important;
}

/* Modale Overlays (Dropdown, Suche, Datenschutz, App-Katalog) fast komplett transparent mit dezentem Blur */
:root[data-accent=phantom] :where(.search-results,.catalog-dialog,.privacy-dialog,.drawer){
    background:var(--phantom-pane) !important;
    -webkit-backdrop-filter:blur(24px) saturate(160%) !important;
    backdrop-filter:blur(24px) saturate(160%) !important;
    border:none !important;
    box-shadow:0 12px 40px rgba(0,0,0,0.4) !important;
}
:root[data-theme=light][data-accent=phantom] :where(.search-results,.catalog-dialog,.privacy-dialog,.drawer){
    box-shadow:0 12px 40px rgba(0,0,0,0.08) !important;
}
:root[data-accent=phantom] .search-results .result:hover,
:root[data-accent=phantom] .search-results .result:focus{
    background:rgba(255,255,255,0.1) !important;
}
:root[data-theme=light][data-accent=phantom] .search-results .result:hover,
:root[data-theme=light][data-accent=phantom] .search-results .result:focus{
    background:rgba(0,0,0,0.06) !important;
}
:root[data-accent=phantom] .catalog-card{
    background:rgba(255,255,255,0.04) !important;
    border:1px solid rgba(255,255,255,0.08) !important;
}
:root[data-theme=light][data-accent=phantom] .catalog-card{
    background:rgba(255,255,255,0.35) !important;
    border:1px solid rgba(0,0,0,0.06) !important;
}
:root[data-accent=phantom] .catalog-filters input,
:root[data-accent=phantom] .catalog-filters select{
    background:rgba(255,255,255,0.06) !important;
    border:1px solid rgba(255,255,255,0.12) !important;
}
:root[data-theme=light][data-accent=phantom] .catalog-filters input,
:root[data-theme=light][data-accent=phantom] .catalog-filters select{
    background:rgba(255,255,255,0.4) !important;
    border:1px solid rgba(0,0,0,0.09) !important;
}
:root[data-accent=phantom] .setting-row{
    border-bottom-color:rgba(255,255,255,0.08) !important;
}
:root[data-theme=light][data-accent=phantom] .setting-row{
    border-bottom-color:rgba(0,0,0,0.06) !important;
}
:root[data-accent=phantom] .setting-row button{
    background:rgba(255,255,255,0.07) !important;
    border:1px solid rgba(255,255,255,0.12) !important;
}
:root[data-theme=light][data-accent=phantom] .setting-row button{
    background:rgba(255,255,255,0.4) !important;
    border:1px solid rgba(0,0,0,0.08) !important;
}
.setting-row label{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
    cursor:pointer;
    margin:0;
}
.setting-row input[type="checkbox"]{
    width:17px;
    height:17px;
    min-width:17px;
    max-width:17px;
    margin:0;
    padding:0;
    cursor:pointer;
    accent-color:var(--accent);
    flex-shrink:0;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-accent=phantom]{--phantom-pane:#1a1b1e}:root[data-theme=light][data-accent=phantom]{--phantom-pane:#fff}}
/* Widgets: drei gleich große Boxen nebeneinander; auf Tablets zwei */
@media(min-width:769px) and (max-width:1000px){.widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Akzent: Pop Art (Grelle Comic-Farben & Harte Konturen) ===== */
:root[data-accent=popart]{
    --accent:#ff0055;
    --accent-soft:#ffe600;
    --line:#ffe600;
    --pop-border:2.5px solid #ffe600;
    --pop-shadow:4px 4px 0px #000000;
}
:root[data-theme=light][data-accent=popart]{
    --accent:#ff0055;
    --accent-soft:#ffea00;
    --line:#111111;
    --pop-border:2.5px solid #111111;
    --pop-shadow:4px 4px 0px #111111;
}
:root[data-accent=popart] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(circle at 12% 15%, rgba(255,0,85,0.24) 0%, transparent 45%),
        radial-gradient(circle at 88% 85%, rgba(255,230,0,0.20) 0%, transparent 45%),
        radial-gradient(rgba(255,230,0,0.18) 1.5px, transparent 1.5px) 0 0/24px 24px,
        #121016!important;
}
:root[data-theme=light][data-accent=popart] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(circle at 12% 15%, rgba(255,0,85,0.15) 0%, transparent 45%),
        radial-gradient(circle at 88% 85%, rgba(255,230,0,0.18) 0%, transparent 45%),
        radial-gradient(rgba(17,17,17,0.12) 1.5px, transparent 1.5px) 0 0/24px 24px,
        #faf6ee!important;
}
:root[data-accent=popart] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:var(--pop-border)!important;
    box-shadow:var(--pop-shadow)!important;
    border-radius:12px;
}
:root[data-accent=popart] .favorite{
    transition:transform .12s cubic-bezier(0.34,1.56,0.64,1),box-shadow .12s ease,border-color .12s ease;
}
:root[data-accent=popart] .favorite:hover{
    transform:translate(-3px,-3px)!important;
    box-shadow:7px 7px 0px #ff0055!important;
    border-color:#ff0055!important;
}
:root[data-accent=popart] .favorite.add{
    border:2.5px dashed var(--line)!important;
    box-shadow:none!important;
}
:root[data-accent=popart] .favorite.add:hover{
    border-color:#ff0055!important;
    color:#ff0055!important;
    box-shadow:4px 4px 0px #ff0055!important;
    transform:translate(-2px,-2px);
}
:root[data-accent=popart] .search-box:focus-within{
    border-color:#ff0055!important;
    box-shadow:6px 6px 0px #ff0055!important;
}
:root[data-accent=popart] .primary{
    background:#ff0055!important;
    color:#ffffff!important;
    border:2px solid #ffe600!important;
    box-shadow:2.5px 2.5px 0px #000000!important;
    font-weight:800!important;
    text-transform:uppercase;
    letter-spacing:.5px;
}
:root[data-accent=popart] .primary:hover{
    transform:translate(-1px,-1px);
    box-shadow:4px 4px 0px #000!important;
}
:root[data-accent=popart] .section-heading .count{
    background:#ffe600!important;
    color:#111111!important;
    font-weight:800!important;
    border:1.5px solid #111111!important;
    box-shadow:2px 2px 0px rgba(0,0,0,0.6)!important;
}
:root[data-accent=popart] .section-heading h2{
    font-weight:800!important;
    letter-spacing:-.4px;
}
:root[data-accent=popart] .temperature{
    font-weight:800!important;
    color:#ffe600!important;
    text-shadow:3px 3px 0px #ff0055!important;
}
:root[data-accent=popart] .news-number{
    background:#111111!important;
    color:#ffe600!important;
    border:1px solid #ffe600!important;
    padding:1px 5px;
    border-radius:4px;
    font-weight:800!important;
}
:root[data-theme=light][data-accent=popart] .news-number{
    background:#ffe600!important;
    color:#111111!important;
    border:1.5px solid #111111!important;
    box-shadow:1.5px 1.5px 0px #111111!important;
    padding:1px 5px;
    border-radius:4px;
    font-weight:800!important;
}
:root[data-theme=light][data-accent=popart] .temperature{
    color:#ff0055!important;
    text-shadow:3px 3px 0px #ffe600, 4px 4px 0px #111111!important;
}
:root[data-accent=popart] .vault-item{
    border:1.5px solid var(--line)!important;
    box-shadow:2.5px 2.5px 0px #000000!important;
    transition:transform .12s ease,box-shadow .12s ease;
}
:root[data-accent=popart] .vault-item:hover{
    transform:translate(-2px,-2px)!important;
    box-shadow:4.5px 4.5px 0px #ff0055!important;
}
:root[data-accent=popart] .vault-tabs{
    border:1.5px solid var(--line)!important;
    box-shadow:2px 2px 0px #000000!important;
}
:root[data-accent=popart] .vault-tabs button[aria-pressed=true]{
    background:#ff0055!important;
    color:#ffffff!important;
    border:1px solid #ffe600!important;
}
:root[data-accent=popart] .accent-dot{
    background:#ff0055!important;
    box-shadow:0 0 0 2px #ffe600;
}

/* ===== Akzent: Hacker (Dark: Terminal/Phosphor-Glow | Light: Retro Windows 98) ===== */
:root[data-accent=hacker]{
    --accent:#00ff66;
    --accent-soft:rgba(0,255,102,0.15);
    --bg:#030804;
    --surface:#061208;
    --raised:#0a1d0e;
    --line:rgba(0,255,102,0.35);
    --text:#c2ffdb;
    --muted:#4e9b6a;
    --hacker-glow:0 0 15px rgba(0,255,102,0.25), inset 0 0 12px rgba(0,255,102,0.06);
    --hacker-border:1px solid rgba(0,255,102,0.45);
    font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
}
/* Subtile Terminal-Scanlines & Phosphor CRT-Glow ohne Wallpaper (Dark) */
:root[data-accent=hacker] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        repeating-linear-gradient(0deg,rgba(0,255,102,0.035) 0px,rgba(0,255,102,0.035) 1px,transparent 1px,transparent 3px),
        radial-gradient(ellipse at 50% 15%,rgba(0,255,102,0.14) 0%,transparent 65%),
        #030804!important;
}
/* Container mit neongrünem Glow */
:root[data-accent=hacker] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.search-results,.catalog-dialog,.privacy-dialog){
    border:var(--hacker-border)!important;
    box-shadow:var(--hacker-glow)!important;
    background:rgba(6,18,8,0.92)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
:root[data-accent=hacker] .favorite:hover{
    border-color:#00ff66!important;
    box-shadow:0 0 25px rgba(0,255,102,0.55), inset 0 0 15px rgba(0,255,102,0.15)!important;
    transform:translateY(-3px);
}
:root[data-accent=hacker] .search-box:focus-within{
    border-color:#00ff66!important;
    box-shadow:0 0 24px rgba(0,255,102,0.5), inset 0 0 10px rgba(0,255,102,0.12)!important;
}
/* Typografischer Terminal-Look & Phosphor-Bloom */
:root[data-accent=hacker] :where(h1,h2,h3,.welcome h1,.clock time,.temperature,.news-number,.vault-cat-title,button,input,time){
    font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
}
:root[data-accent=hacker] :where(.welcome h1,.clock time,.temperature,.news-number,.section-heading h2,.vault-cat-title){
    color:#00ff66!important;
    text-shadow:0 0 8px rgba(0,255,102,0.5);
}
:root[data-accent=hacker] .accent-dot{
    background:#00ff66!important;
    box-shadow:0 0 8px #00ff66,0 0 18px #00ff66;
}
:root[data-accent=hacker] .clock.hero-badge time{
    font-size:24px;
    letter-spacing:1px;
    text-shadow:0 0 12px rgba(0,255,102,0.85)!important;
}
:root[data-accent=hacker] .search-symbol::before{
    content:"> ";
    color:#00ff66;
    font-weight:700;
}
:root[data-accent=hacker] .primary{
    background:#00ff66!important;
    color:#030804!important;
    font-weight:800!important;
    box-shadow:0 0 16px rgba(0,255,102,0.6)!important;
    letter-spacing:.6px;
    text-transform:uppercase;
}
:root[data-accent=hacker] .primary:hover{
    box-shadow:0 0 26px rgba(0,255,102,0.9)!important;
}
:root[data-accent=hacker] .section-heading .count{
    color:#00ff66!important;
    background:rgba(0,255,102,0.12)!important;
    border:1px solid rgba(0,255,102,0.5)!important;
    box-shadow:0 0 10px rgba(0,255,102,0.25)!important;
}
:root[data-accent=hacker] .vault-item{
    background:rgba(8,24,11,0.8)!important;
    border:1px solid rgba(0,255,102,0.25)!important;
    box-shadow:0 0 6px rgba(0,255,102,0.08)!important;
}
:root[data-accent=hacker] .vault-item:hover{
    border-color:#00ff66!important;
    box-shadow:0 0 16px rgba(0,255,102,0.35)!important;
}
:root[data-accent=hacker] .vault-tabs button[aria-pressed=true]{
    background:rgba(0,255,102,0.22)!important;
    color:#00ff66!important;
    border:1px solid #00ff66!important;
    box-shadow:0 0 12px rgba(0,255,102,0.45)!important;
}
:root[data-accent=hacker] .vault-cat-meta{
    background:rgba(0,255,102,0.1)!important;
    border-color:rgba(0,255,102,0.35)!important;
    color:#00ff66!important;
}

/* ── Hacker Light: Retro Windows 98 / Classic OS Desktop & Window Theme ── */
:root[data-theme=light][data-accent=hacker]{
    --accent:#000080;
    --accent-soft:rgba(0,0,128,0.12);
    --bg:#008080;
    --surface:#c0c0c0;
    --raised:#dfdfdf;
    --line:#808080;
    --text:#000000;
    --muted:#444444;
    font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
}
/* Klassischer Windows 98 Teal Desktop ohne Wallpaper */
:root[data-theme=light][data-accent=hacker] body:not(.has-wallpaper)::before{
    display:block!important;
    background:#008080!important; /* Klassischer Windows 98 Teal Desktop */
}
/* Windows 98 3D Bevel Fenster für Container */
:root[data-theme=light][data-accent=hacker] :where(.panel,.favorite:not(.add),.hero-badge,.section-heading,.search-meta,.search-results,.catalog-dialog,.privacy-dialog){
    border:2px solid!important;
    border-color:#ffffff #808080 #808080 #ffffff!important;
    box-shadow:inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #000000, 2px 2px 8px rgba(0,0,0,0.18)!important;
    background:#c0c0c0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:4px!important;
}
/* Suchfeld als 3D Inset Input mit MS-DOS Prompt */
:root[data-theme=light][data-accent=hacker] .search-box{
    background:#ffffff!important;
    border:2px solid!important;
    border-color:#808080 #ffffff #ffffff #808080!important;
    box-shadow:inset 1px 1px 0px #000000, inset -1px -1px 0px #dfdfdf!important;
    border-radius:2px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 6px 0 8px!important;
}
:root[data-theme=light][data-accent=hacker] .search-box:focus-within{
    border-color:#000080 #ffffff #ffffff #000080!important;
    box-shadow:inset 1px 1px 0px #000000!important;
}
:root[data-theme=light][data-accent=hacker] .search-box input{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    outline:none!important;
    padding:0!important;
    font-size:12px!important;
    color:#000000!important;
    flex:1!important;
    min-width:0!important;
    font-family:var(--font-mono,'JetBrains Mono',monospace)!important;
}
:root[data-theme=light][data-accent=hacker] input:not(.search-box input),
:root[data-theme=light][data-accent=hacker] select,
:root[data-theme=light][data-accent=hacker] textarea{
    background:#ffffff!important;
    color:#000000!important;
    border:2px solid!important;
    border-color:#808080 #ffffff #ffffff #808080!important;
    box-shadow:inset 1px 1px 0px #000000, inset -1px -1px 0px #dfdfdf!important;
    border-radius:2px!important;
}
/* Linkes Element: Kompakter C:\> Prompt */
:root[data-theme=light][data-accent=hacker] .search-symbol{
    font-size:11px!important;
    color:#000080!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    margin:0!important;
    flex-shrink:0!important;
}
:root[data-theme=light][data-accent=hacker] .search-symbol::before{
    content:"C:\\> "!important;
    font-size:11.5px!important;
    font-weight:700!important;
    color:#000080!important;
    letter-spacing:-0.2px!important;
}
/* Rechtes Element: Kompaktes Strg K & Suchen-Button ohne Überlappung */
:root[data-theme=light][data-accent=hacker] .search-box kbd{
    font-size:8.5px!important;
    padding:1px 4px!important;
    background:#dfdfdf!important;
    color:#333333!important;
    border:1px solid #808080!important;
    box-shadow:inset 1px 1px 0 #ffffff!important;
    border-radius:2px!important;
    flex-shrink:0!important;
    line-height:1.2!important;
}
:root[data-theme=light][data-accent=hacker] .search-box .primary{
    font-size:11px!important;
    font-weight:700!important;
    padding:2px 8px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    line-height:20px!important;
    background:#c0c0c0!important;
    color:#000000!important;
    border:2px solid!important;
    border-color:#ffffff #808080 #808080 #ffffff!important;
    box-shadow:inset 1px 1px 0px #ffffff, inset -1px -1px 0px #000000!important;
    border-radius:2px!important;
    letter-spacing:0!important;
    text-transform:none!important;
    flex-shrink:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
:root[data-theme=light][data-accent=hacker] .search-box .primary:hover{
    background:#d4d0c8!important;
}
:root[data-theme=light][data-accent=hacker] .search-box .primary:active{
    border-color:#808080 #ffffff #ffffff #808080!important;
    box-shadow:inset 1px 1px 0px #000000!important;
}
/* Typografie: Crisp retro ohne Glow */
:root[data-theme=light][data-accent=hacker] :where(.welcome h1,.clock time,.temperature,.section-heading h2,.vault-cat-title){
    color:#000080!important;
    text-shadow:none!important;
}
:root[data-theme=light][data-accent=hacker] .clock.hero-badge time{
    color:#000000!important;
    text-shadow:none!important;
}
:root[data-theme=light][data-accent=hacker] .temperature{
    color:#000080!important;
    text-shadow:none!important;
}
:root[data-theme=light][data-accent=hacker] .accent-dot{
    background:#000080!important;
    box-shadow:none!important;
    border-radius:1px!important;
}
/* 3D Outset Buttons */
:root[data-theme=light][data-accent=hacker] .primary{
    background:#c0c0c0!important;
    color:#000000!important;
    font-weight:700!important;
    border:2px solid!important;
    border-color:#ffffff #808080 #808080 #ffffff!important;
    box-shadow:inset 1px 1px 0px #ffffff, inset -1px -1px 0px #000000!important;
    border-radius:2px!important;
    letter-spacing:0;
    text-transform:none;
}
:root[data-theme=light][data-accent=hacker] .primary:hover{
    background:#d4d0c8!important;
    box-shadow:inset 1px 1px 0px #ffffff, inset -1px -1px 0px #000000!important;
}
:root[data-theme=light][data-accent=hacker] .primary:active{
    border-color:#808080 #ffffff #ffffff #808080!important;
    box-shadow:inset 1px 1px 0px #000000!important;
}
/* Favoriten-Kacheln */
:root[data-theme=light][data-accent=hacker] .favorite:not(.add){
    background:#c0c0c0!important;
    border:2px solid!important;
    border-color:#ffffff #808080 #808080 #ffffff!important;
    box-shadow:inset 1px 1px 0px #ffffff, inset -1px -1px 0px #808080!important;
    border-radius:4px!important;
}
:root[data-theme=light][data-accent=hacker] .favorite:not(.add):hover{
    background:#d4d0c8!important;
    border-color:#ffffff #808080 #808080 #ffffff!important;
    box-shadow:2px 2px 0px #000000!important;
    transform:translateY(-2px);
}
/* Badges & Counter */
:root[data-theme=light][data-accent=hacker] .section-heading .count{
    color:#ffffff!important;
    background:#000080!important;
    border:1px solid #000080!important;
    box-shadow:none!important;
    border-radius:2px!important;
}
:root[data-theme=light][data-accent=hacker] .news-number{
    background:#000080!important;
    color:#ffffff!important;
    border:1px solid #000080!important;
    box-shadow:none!important;
    padding:1px 5px;
    border-radius:2px;
}
/* Useful Links Widget Windows 98 Style */
:root[data-theme=light][data-accent=hacker] .vault-item{
    background:#ffffff!important;
    border:1px solid #808080!important;
    box-shadow:none!important;
    color:#000000!important;
    border-radius:2px!important;
}
:root[data-theme=light][data-accent=hacker] .vault-item:hover{
    background:#000080!important;
    color:#ffffff!important;
    border-color:#000080!important;
    box-shadow:none!important;
}
:root[data-theme=light][data-accent=hacker] .vault-item:hover .vault-desc,
:root[data-theme=light][data-accent=hacker] .vault-item:hover .vault-arrow,
:root[data-theme=light][data-accent=hacker] .vault-item:hover .vault-item-title{
    color:#ffffff!important;
}
:root[data-theme=light][data-accent=hacker] .vault-tabs{
    background:#c0c0c0!important;
    border:2px solid!important;
    border-color:#808080 #ffffff #ffffff #808080!important;
    border-radius:3px!important;
}
:root[data-theme=light][data-accent=hacker] .vault-tabs button[aria-pressed=true]{
    background:#000080!important;
    color:#ffffff!important;
    border:1px solid #000080!important;
    box-shadow:none!important;
}
:root[data-theme=light][data-accent=hacker] .vault-cat-meta{
    background:#ffffff!important;
    border:1px solid #808080!important;
    color:#000000!important;
    border-radius:2px!important;
}
/* Wetter-Details Windows 98 */
:root[data-theme=light][data-accent=hacker] .weather-orb-wrap,
:root[data-theme=light][data-accent=hacker] .weather-tomorrow-card{
    background:#ffffff!important;
    border:1px solid #808080!important;
    box-shadow:inset 1px 1px 0px #dfdfdf!important;
    border-radius:3px!important;
}

/* ===== Useful Links Widget ===== */
.vault-panel{display:flex;flex-direction:column}
.vault-tabs{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--raised);border:1px solid var(--line);border-radius:7px;flex-shrink:0}
.vault-tabs button{width:26px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border-radius:5px;background:none;color:var(--muted);border:0;cursor:pointer;transition:all .15s ease;padding:0}
.vault-tabs button:hover{color:var(--text);background:rgba(255,255,255,.06)}
.vault-tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.2);border:1px solid var(--line)}
.vault-category-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:7px;padding:0 2px;line-height:1.2;flex-shrink:0}
.vault-cat-title{font-weight:650;color:var(--text);display:inline-flex;align-items:center;gap:6px}
.vault-cat-title i{color:var(--accent);font-size:11px}
.vault-cat-meta{font-size:10px;color:var(--muted);background:var(--raised);padding:1px 6px;border-radius:4px;border:1px solid var(--line);font-variant-numeric:tabular-nums}
.vault-content{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0}
.vault-item{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:var(--raised);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease;min-width:0}
.vault-item:hover{transform:translateX(3px);border-color:var(--accent)}
.vault-tag{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 5px;border-radius:4px;flex-shrink:0;line-height:1.3}
.tag-security{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.25)}
.tag-bsi{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.25)}
.tag-networking{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.25)}
.tag-sysadmin{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.25)}
.tag-ihk{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}
.tag-ki{background:rgba(236,72,153,.15);color:#f472b6;border:1px solid rgba(236,72,153,.25)}
.tag-dev{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.25)}
.tag-assets{background:rgba(20,184,166,.15);color:#2dd4bf;border:1px solid rgba(20,184,166,.25)}
.vault-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}
.vault-item-title{font-size:11.5px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;line-height:1.25}
.vault-arrow{color:var(--muted);font-size:10px;margin-left:4px;flex-shrink:0;transition:color .15s ease}
.vault-item:hover .vault-arrow{color:var(--accent)}
.vault-desc{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.vault-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;border-top:1px solid var(--line);flex-shrink:0}
.vault-dots{display:flex;gap:5px;align-items:center}
.vault-dot{width:6px;height:6px;border-radius:50%;background:var(--line);cursor:pointer;border:0;padding:0;transition:all .2s ease}
.vault-dot.active{background:var(--accent);transform:scale(1.3)}
.vault-nav{display:flex;gap:4px}
.vault-nav-btn{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:5px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;padding:0;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.vault-nav-btn:hover{border-color:var(--accent);color:var(--accent)}
:root[data-accent=glass] .vault-item{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
:root[data-accent=phantom] .vault-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
:root[data-accent=glass] .vault-tabs{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
:root[data-accent=glass] .vault-tabs button[aria-pressed=true]{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.25)}
:root[data-accent=glass] .vault-cat-meta{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
:root[data-accent=phantom] .vault-tabs{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
:root[data-accent=phantom] .vault-tabs button[aria-pressed=true]{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}
:root[data-accent=phantom] .vault-cat-meta{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}

/* Custom Icon Selector Styles */
.custom-icon-selector{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
.custom-icon-title{font-size:11.5px;color:var(--muted);font-weight:500}
.custom-icon-radios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.custom-icon-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:9px;border:1.5px solid var(--line);background:var(--raised);cursor:pointer;transition:all .15s ease;user-select:none;text-align:center}
.custom-icon-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.custom-icon-option:hover{border-color:var(--accent)}
.custom-icon-option:has(input[type="radio"]:checked){border-color:var(--accent);background:var(--accent-soft)}
.custom-icon-preview{width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.custom-icon-preview img{width:100%;height:100%;object-fit:cover}
.custom-icon-ph{font-size:11px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:3px}
.custom-icon-text{font-size:10.5px;font-weight:600;color:var(--text)}

/* ===== Widget Spans (1 Kachel vs 2 Kacheln) ===== */
.panel.widget-span-1{grid-column:span 1}
.panel.widget-span-2{grid-column:span 2}

/* ===== Kalender Widget ===== */
.calendar-panel{display:flex;flex-direction:column}
.calendar-panel.widget-span-2{grid-column:span 2}
.calendar-panel.widget-span-1{grid-column:span 1}
.calendar-panel.widget-span-1 .calendar-content{grid-template-columns:1fr!important}
.calendar-panel.widget-span-1 .cal-details{display:none!important}
.calendar-panel.widget-span-1 .cal-mini-month{width:100%;max-width:320px;margin:0 auto}
.cal-mini-single-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;border-top:1px solid var(--line);flex-shrink:0;font-size:9.5px;color:var(--muted)}
.cal-pills{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.cal-pill{display:inline-flex;align-items:center;gap:4.5px;padding:2px 7px;border-radius:6px;font-size:10.5px;font-weight:600;background:var(--raised);color:var(--muted);border:1px solid var(--line);cursor:pointer;transition:all .15s ease;user-select:none;line-height:1.3}
.cal-pill:hover{color:var(--text);border-color:var(--accent)}
.cal-pill.active{color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.cal-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.cal-dot-holiday{background:#ff2e4d}
.cal-dot-vacation{background:#00e5a3}
.cal-pill:not(.active) .cal-dot{opacity:.35}
:root[data-theme=light] .cal-dot-holiday{background:#dc2626}
:root[data-theme=light] .cal-dot-vacation{background:#059669}

.calendar-content{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(280px,1.5fr);grid-template-rows:minmax(0,1fr);gap:16px;flex:1;min-height:0;height:100%;align-items:stretch;overflow:hidden}
.cal-mini-month{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}
.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px;flex-shrink:0}
.cal-month-title{font-size:12px;font-weight:700;color:var(--text);cursor:pointer;text-align:center;border:0;background:none;padding:2px 6px;border-radius:5px;transition:color .15s ease;line-height:1.2}
.cal-month-title:hover{color:var(--accent)}
.cal-nav-btn{width:22px;height:22px;border-radius:6px;background:var(--raised);border:1px solid var(--line);color:var(--text);font-size:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0}
.cal-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.cal-nav-btn:disabled{opacity:.25;cursor:default}

.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:9.5px;font-weight:600;color:var(--muted);margin-bottom:4px;flex-shrink:0}
.cal-weekday{line-height:1}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(20px,1fr);gap:3px;flex:1;min-height:0}
.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:550;color:var(--text);border-radius:5px;cursor:pointer;transition:all .12s ease;position:relative;border:1px solid transparent;background:none;padding:0;min-width:0;min-height:20px;line-height:1}
.cal-day:hover{background:var(--raised);border-color:var(--line)}
.cal-day.is-weekend{color:var(--muted)}
.cal-day.is-other-month{opacity:.25;cursor:default;pointer-events:none}
.cal-day.is-today{background:var(--accent)!important;color:#fff!important;font-weight:750;box-shadow:0 0 8px rgba(250,121,123,.4)}
.cal-day.is-selected{border-color:var(--accent)!important;background:var(--accent-soft)!important;font-weight:700}
.cal-day.has-holiday::after{content:'';width:3px;height:3px;border-radius:50%;background:#ff2e4d;position:absolute;bottom:2px;left:50%;transform:translateX(-50%)}
.cal-day.has-legal-holiday{color:#ff2e4d;font-weight:700}
:root[data-theme=light] .cal-day.has-legal-holiday{color:#dc2626}
:root[data-theme=light] .cal-day.has-holiday::after{background:#dc2626}

.cal-details{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}
.cal-today-card{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;background:var(--raised);border:1px solid var(--line);margin-bottom:8px;flex-shrink:0}
.cal-today-num{font-size:24px;font-weight:800;line-height:1;color:var(--accent);letter-spacing:-1px;min-width:28px;text-align:center}
.cal-today-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.cal-today-day{font-size:12px;font-weight:700;color:var(--text);line-height:1.2}
.cal-today-sub{font-size:10px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-today-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:2px;align-self:flex-start;display:inline-flex;align-items:center;gap:3px;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge-legal{background:rgba(255,46,77,.18);color:#ff2e4d;border:1px solid rgba(255,46,77,.35)}
.badge-vacation{background:rgba(0,229,163,.18);color:#00e5a3;border:1px solid rgba(0,229,163,.35)}
.badge-fest{background:rgba(255,159,28,.18);color:#ff9f1c;border:1px solid rgba(255,159,28,.35)}
.badge-workday{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line)}
:root[data-theme=light] .badge-legal{background:#ffebee;color:#dc2626;border-color:#ffcdd2}
:root[data-theme=light] .badge-vacation{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
:root[data-theme=light] .badge-fest{background:#fffbeb;color:#b45309;border-color:#fde68a}
:root[data-theme=light] .badge-workday{background:rgba(0,0,0,.04);color:var(--muted)}

.cal-events-wrap{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;gap:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:5px;scroll-behavior:smooth}
.cal-events-wrap::-webkit-scrollbar{width:4px}
.cal-events-wrap::-webkit-scrollbar-track{background:transparent}
.cal-events-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.cal-events-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.cal-selected-header{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;margin-bottom:2px;flex-shrink:0}
.cal-clear-btn{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--raised);border:1px solid var(--line);color:var(--accent);cursor:pointer}
.cal-clear-btn:hover{background:var(--accent);color:#fff}
.cal-event-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:7px;background:var(--raised);border:1px solid var(--line);font-size:11px;min-width:0;flex-shrink:0;transition:border-color .15s ease}
.cal-event-row:hover{border-color:var(--accent)}
.cal-event-date{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}
.cal-event-title{font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.cal-event-tag{font-size:8.5px;font-weight:700;padding:1.5px 5px;border-radius:3px;text-transform:uppercase;flex-shrink:0;letter-spacing:.3px}
.tag-legal{background:rgba(255,46,77,.2);color:#ff2e4d}
.tag-vacation{background:rgba(0,229,163,.2);color:#00e5a3}
.tag-fest{background:rgba(255,159,28,.2);color:#ff9f1c}
:root[data-theme=light] .tag-legal{background:#fee2e2;color:#b91c1c}
:root[data-theme=light] .tag-vacation{background:#d1fae5;color:#047857}
:root[data-theme=light] .tag-fest{background:#fef3c7;color:#b45309}

.cal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;border-top:1px solid var(--line);flex-shrink:0;font-size:9.5px;color:var(--muted)}
.cal-foot-label{font-size:9.5px;color:var(--muted)}

/* Accents Anpassungen für Kalender-Widget */
:root[data-accent=glass] .cal-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
:root[data-accent=glass] .cal-pill.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.25)}
:root[data-accent=glass] .cal-today-card,
:root[data-accent=glass] .cal-event-row,
:root[data-accent=glass] .cal-nav-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}

:root[data-accent=phantom] .cal-pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
:root[data-accent=phantom] .cal-pill.active{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}
:root[data-accent=phantom] .cal-today-card,
:root[data-accent=phantom] .cal-event-row,
:root[data-accent=phantom] .cal-nav-btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
:root[data-accent=phantom] .cal-events-wrap{scrollbar-color:rgba(255,255,255,.25) transparent}
:root[data-accent=phantom] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}
:root[data-theme=light][data-accent=phantom] .cal-events-wrap{scrollbar-color:rgba(0,0,0,.25) transparent}
:root[data-theme=light][data-accent=phantom] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25)}

:root[data-accent=popart] .cal-pill,
:root[data-accent=popart] .cal-today-card,
:root[data-accent=popart] .cal-event-row,
:root[data-accent=popart] .cal-nav-btn{border:1.5px solid var(--line)!important;box-shadow:2px 2px 0px #000!important}
:root[data-accent=popart] .cal-pill.active{background:#ffe600!important;color:#000!important}

:root[data-theme=light][data-accent=hacker] .cal-pill,
:root[data-theme=light][data-accent=hacker] .cal-today-card,
:root[data-theme=light][data-accent=hacker] .cal-event-row,
:root[data-theme=light][data-accent=hacker] .cal-nav-btn{background:#ffffff!important;border:1px solid #808080!important;box-shadow:none!important;color:#000!important;border-radius:2px!important}
:root[data-theme=light][data-accent=hacker] .cal-pill.active{background:#000080!important;color:#ffffff!important;border-color:#000080!important}

/* ===== 1. Wetter bei doppelter Breite (2 Standorte) ===== */
.weather-double-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    flex:1;
    min-height:0;
    align-items:stretch;
}
.weather-col{
    display:flex;
    flex-direction:column;
    min-width:0;
    justify-content:space-between;
}
.weather-add-col{
    justify-content:center;
}
.weather-add-card{
    background:var(--raised);
    border:1px dashed var(--line);
    border-radius:10px;
    padding:16px 14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:8px;
    height:100%;
    min-height:160px;
    box-sizing:border-box;
}
.weather-add-icon{
    font-size:22px;
    color:var(--muted);
    opacity:0.75;
}
.weather-add-title{
    font-size:13px;
    font-weight:700;
    color:var(--text);
    margin:0;
}
.weather-add-desc{
    font-size:11px;
    color:var(--muted);
    margin:0 0 2px;
    max-width:210px;
    line-height:1.35;
}
.weather-add-btn{
    font-size:11px;
    padding:4px 10px;
    margin-top:2px;
}

/* ===== 2. Nachrichten bei doppelter Breite (6 Meldungen) ===== */
.news-list-grid.is-double{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-auto-flow:column;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:4px 20px;
    flex:1;
    min-height:0;
}

/* ===== 3. Useful Links bei doppelter Breite (6 Links pro Seite) ===== */
.vault-content.is-double-vault{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-auto-flow:column;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:6px 14px;
}

/* ===== 4. Uhrzeit / Weltzeit Widget ===== */
.clock-panel{
    display:flex;
    flex-direction:column;
}
.clock-type-segmented{
    display:flex;
    border:1px solid var(--line);
    border-radius:7px;
    padding:2px;
    gap:2px;
    background:var(--surface);
}
.clock-type-segmented button{
    font-size:10px;
    padding:3px 10px;
    border-radius:5px;
    background:transparent;
    color:var(--muted);
    cursor:pointer;
    border:0;
    font-weight:600;
    transition:all .12s ease;
}
.clock-type-segmented button.active{
    background:var(--raised);
    color:var(--text);
    box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.clock-widget-content{
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    justify-content:center;
}

/* Ein-Kachel Digital */
.cw-digital-single{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px;
    margin:auto 0;
}
.cw-time-display{
    font-size:52px;
    font-weight:350;
    letter-spacing:-2px;
    line-height:1;
    color:var(--text);
    font-variant-numeric:tabular-nums;
    display:flex;
    align-items:baseline;
    gap:3px;
}
.cw-time-sec{
    font-size:22px;
    font-weight:400;
    color:var(--accent);
    letter-spacing:-0.5px;
}
.cw-date-display{
    font-size:13px;
    font-weight:600;
    color:var(--text);
    margin-top:2px;
}
.cw-meta-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    color:var(--muted);
    background:var(--raised);
    border:1px solid var(--line);
    border-radius:6px;
    padding:3px 9px;
    margin-top:4px;
}

/* Ein-Kachel Analog */
.cw-analog-single{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:auto 0;
    gap:8px;
}
.cw-analog-svg{
    display:block;
    overflow:visible;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,0.18));
}
.cw-face{
    fill:var(--raised);
    stroke:var(--line);
    stroke-width:2px;
    transition:fill .2s ease,stroke .2s ease;
}
.cw-tick{
    stroke:var(--muted);
    stroke-width:1.2px;
    stroke-linecap:round;
}
.cw-tick-cardinal{
    stroke:var(--text);
    stroke-width:2.2px;
}
.cw-hand{
    stroke-linecap:round;
    transition:transform .05s linear;
}
.cw-hand-hour{
    stroke:var(--text);
    stroke-width:3.5px;
}
.cw-hand-min{
    stroke:var(--text);
    stroke-width:2.2px;
}
.cw-hand-sec{
    stroke:var(--accent);
    stroke-width:1.4px;
}
.cw-pivot{
    fill:var(--accent);
}
.cw-analog-caption{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:11.5px;
    color:var(--muted);
}
.cw-analog-time{
    font-weight:700;
    color:var(--text);
    font-variant-numeric:tabular-nums;
}

/* Doppel-Kachel: Weltzeituhr (Digital) */
.cw-world-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    margin:auto 0;
}
.cw-world-card{
    background:var(--raised);
    border:1px solid var(--line);
    border-radius:10px;
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    min-height:175px;
    box-sizing:border-box;
    transition:border-color .15s ease;
}
.cw-world-card:hover{
    border-color:var(--accent);
}
.cw-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
}
.cw-card-city{
    font-size:13.5px;
    font-weight:700;
    color:var(--text);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cw-card-offset{
    font-size:10px;
    font-weight:700;
    color:var(--accent);
    background:var(--surface);
    border:1px solid var(--line);
    padding:2px 7px;
    border-radius:5px;
    white-space:nowrap;
    flex-shrink:0;
}
.cw-card-time{
    font-size:38px;
    font-weight:350;
    line-height:1;
    letter-spacing:-1.5px;
    color:var(--text);
    font-variant-numeric:tabular-nums;
    margin:6px 0;
}
.cw-card-time small{
    font-size:18px;
    font-weight:400;
    color:var(--accent);
    letter-spacing:normal;
}
.cw-card-date{
    font-size:12px;
    color:var(--muted);
    font-weight:500;
}
.cw-city-select{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:5px;
    color:var(--text);
    font-size:12px;
    font-weight:600;
    padding:2px 8px;
    cursor:pointer;
    max-width:140px;
}

/* Doppel-Kachel: Weltzeituhr (Analog) */
.cw-world-analog-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    margin:auto 0;
}
.cw-world-analog-card{
    background:var(--raised);
    border:1px solid var(--line);
    border-radius:10px;
    padding:12px 14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:175px;
    text-align:center;
    box-sizing:border-box;
    transition:border-color .15s ease;
}
.cw-world-analog-card:hover{
    border-color:var(--accent);
}
.cw-world-analog-card .cw-card-header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
}
.cw-world-analog-card .cw-analog-svg{
    width:110px;
    height:110px;
}
.cw-world-analog-caption{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
}
.cw-world-analog-time{
    font-size:13.5px;
    font-weight:700;
    color:var(--text);
    font-variant-numeric:tabular-nums;
}

/* Theme Adaptations for Clock Face & Hands */
:root[data-accent=popart] .cw-face{border:2px solid #000;box-shadow:2px 2px 0 #000}
:root[data-accent=popart] .cw-world-card,
:root[data-accent=popart] .cw-world-analog-card{border:2px solid #000!important;box-shadow:3px 3px 0 #000!important}
:root[data-accent=popart] .cw-time-display{font-weight:800}

:root[data-accent=hacker] .cw-time-display,
:root[data-accent=hacker] .cw-card-time,
:root[data-accent=hacker] .cw-analog-time{font-family:var(--font-mono, monospace)!important}
:root[data-accent=hacker] .cw-face{fill:#001100;stroke:#00ff66}
:root[data-accent=hacker] .cw-tick{stroke:#00bb44}
:root[data-accent=hacker] .cw-hand-hour,
:root[data-accent=hacker] .cw-hand-min{stroke:#00ff66}
:root[data-accent=hacker] .cw-hand-sec{stroke:#39ff14}

:root[data-accent=synthwave] .cw-time-display{text-shadow:0 0 14px rgba(255,42,133,0.6)}
:root[data-accent=synthwave] .cw-time-sec{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,0.7)}
:root[data-accent=synthwave] .cw-hand-sec{stroke:#ff2a85;filter:drop-shadow(0 0 5px #ff2a85)}
:root[data-accent=synthwave] .cw-hand-min{stroke:#00f0ff}

:root[data-accent=aurora] .cw-hand-sec{stroke:#10b981;filter:drop-shadow(0 0 5px #10b981)}
:root[data-accent=aurora] .cw-pivot{fill:#10b981}

:root[data-accent=blueprint] .cw-time-display,
:root[data-accent=blueprint] .cw-card-time,
:root[data-accent=blueprint] .cw-analog-time{font-family:var(--font-mono, monospace)!important}
:root[data-accent=blueprint] .cw-face{fill:rgba(56,189,248,0.06);stroke:rgba(56,189,248,0.4);stroke-dasharray:3 2}
:root[data-accent=blueprint] .cw-hand-sec{stroke:#38bdf8}

:root[data-accent=amber] .cw-time-display,
:root[data-accent=amber] .cw-card-time,
:root[data-accent=amber] .cw-analog-time{font-family:var(--font-mono, monospace)!important}
:root[data-accent=amber] .cw-time-display{color:#ffe099;text-shadow:0 0 12px rgba(255,176,0,0.5)}
:root[data-accent=amber] .cw-face{fill:rgba(255,176,0,0.05);stroke:rgba(255,176,0,0.35)}
:root[data-accent=amber] .cw-hand-sec{stroke:#ffb000;filter:drop-shadow(0 0 4px #ffb000)}

:root[data-accent=arcade] .cw-time-display,
:root[data-accent=arcade] .cw-card-time,
:root[data-accent=arcade] .cw-analog-time{font-family:var(--font-mono, monospace)!important}
:root[data-accent=arcade] .cw-world-card,
:root[data-accent=arcade] .cw-world-analog-card{border:2px solid #3b3b55!important;box-shadow:3px 3px 0 #000!important}
:root[data-accent=arcade] .cw-time-display{color:#ffe600;text-shadow:2px 2px 0 #ff0055}
:root[data-accent=arcade] .cw-hand-sec{stroke:#ff0055}

/* ============================================================
   5 NEUE AKZENTE FÜR DAS DASHBOARD (dashboard.css)
   1. Synthwave | 2. Nordic Aurora | 3. Blueprint | 4. Amber CRT | 5. Arcade 8-Bit
   ============================================================ */

/* ── 1. SYNTHWAVE (Neon 80s / Outrun / Miami Vice) ── */
:root[data-accent=synthwave]{
    --accent:#ff2a85;
    --accent-soft:rgba(255,42,133,0.18);
    --bg:#0d0818;
    --surface:#150d28;
    --raised:#1f1338;
    --line:rgba(255,42,133,0.3);
    --text:#f5f0ff;
    --muted:#a797c4;
}
:root[data-theme=light][data-accent=synthwave]{
    --accent:#d91b6c;
    --accent-soft:#fde2ee;
    --bg:#fdf6fa;
    --surface:#ffffff;
    --raised:#fae8f3;
    --line:#f0c4df;
    --text:#2a1124;
    --muted:#8c5b7c;
}
:root[data-accent=synthwave] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(circle at 50% 100%, rgba(255,42,133,0.28) 0%, transparent 60%),
        radial-gradient(circle at 10% 20%, rgba(0,240,255,0.18) 0%, transparent 40%),
        linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px) 0 0/36px 36px,
        linear-gradient(90deg, rgba(255,42,133,0.06) 1px, transparent 1px) 0 0/36px 36px,
        #0d0818!important;
}
:root[data-theme=light][data-accent=synthwave] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(circle at 90% 10%, rgba(217,27,108,0.14) 0%, transparent 50%),
        radial-gradient(circle at 10% 90%, rgba(0,240,255,0.10) 0%, transparent 50%),
        linear-gradient(rgba(0,240,255,0.04) 1px, transparent 1px) 0 0/36px 36px,
        linear-gradient(90deg, rgba(217,27,108,0.04) 1px, transparent 1px) 0 0/36px 36px,
        #fdf6fa!important;
}
:root[data-accent=synthwave] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px solid rgba(255,42,133,0.3)!important;
    box-shadow:0 4px 20px rgba(0,0,0,0.4), inset 0 1px 0 rgba(0,240,255,0.2)!important;
}
:root[data-theme=light][data-accent=synthwave] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px solid #f0c4df!important;
    box-shadow:0 4px 16px rgba(217,27,108,0.08)!important;
}
:root[data-accent=synthwave] .primary{
    background:linear-gradient(135deg, #ff2a85 0%, #8b5cf6 60%, #00f0ff 100%)!important;
    color:#ffffff!important;
    font-weight:700!important;
    box-shadow:0 0 14px rgba(255,42,133,0.45)!important;
    border:0!important;
}
:root[data-accent=synthwave] .favorite:hover{
    border-color:#ff2a85!important;
    box-shadow:0 0 16px rgba(255,42,133,0.5)!important;
    transform:translateY(-3px);
}
:root[data-accent=synthwave] .temperature{
    color:#ff2a85;
    text-shadow:0 0 14px rgba(255,42,133,0.6);
}
:root[data-accent=synthwave] .cal-pill.active{
    background:#ff2a85;
    color:#ffffff;
    border-color:#ff2a85;
    box-shadow:0 0 10px rgba(255,42,133,0.4);
}
:root[data-accent=synthwave] .cal-events-wrap{scrollbar-color:rgba(255,42,133,0.5) transparent}
:root[data-accent=synthwave] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(255,42,133,0.5)}

/* ── 2. NORDIC AURORA (OLED Stealth / Raycast Style) ── */
:root[data-accent=aurora]{
    --accent:#10b981;
    --accent-soft:rgba(16,185,129,0.14);
    --bg:#000000;
    --surface:#09090b;
    --raised:#121316;
    --line:rgba(255,255,255,0.08);
    --text:#f4f4f5;
    --muted:#71717a;
}
:root[data-theme=light][data-accent=aurora]{
    --accent:#059669;
    --accent-soft:#ecfdf5;
    --bg:#f8fafc;
    --surface:#ffffff;
    --raised:#f1f5f9;
    --line:#e2e8f0;
    --text:#0f172a;
    --muted:#64748b;
}
:root[data-accent=aurora] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(850px circle at 50% 0%, rgba(16,185,129,0.22) 0%, transparent 65%),
        radial-gradient(650px circle at 85% 30%, rgba(56,189,248,0.15) 0%, transparent 60%),
        radial-gradient(600px circle at 15% 70%, rgba(147,51,234,0.10) 0%, transparent 60%),
        #04080e!important;
}
:root[data-theme=light][data-accent=aurora] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(850px circle at 50% 0%, rgba(16,185,129,0.12) 0%, transparent 65%),
        radial-gradient(650px circle at 85% 30%, rgba(56,189,248,0.08) 0%, transparent 60%),
        #f0fdf9!important;
}
:root[data-accent=aurora] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px solid rgba(255,255,255,0.08)!important;
    box-shadow:0 4px 24px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.05)!important;
    border-radius:12px;
}
:root[data-accent=aurora] .primary{
    background:#10b981!important;
    color:#022c22!important;
    font-weight:700!important;
    box-shadow:0 0 16px rgba(16,185,129,0.3)!important;
}
:root[data-accent=aurora] .favorite:hover{
    border-color:rgba(16,185,129,0.5)!important;
    box-shadow:0 0 16px rgba(16,185,129,0.25)!important;
}
:root[data-accent=aurora] .temperature{
    color:#10b981;
}
:root[data-accent=aurora] .cal-pill.active{
    background:#10b981;
    color:#022c22;
    border-color:#10b981;
    font-weight:700;
}
:root[data-accent=aurora] .cal-events-wrap{scrollbar-color:rgba(16,185,129,0.4) transparent}
:root[data-accent=aurora] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(16,185,129,0.4)}

/* ── 3. BLUEPRINT (Tech CAD / Precision Schematics) ── */
:root[data-accent=blueprint]{
    --accent:#38bdf8;
    --accent-soft:rgba(56,189,248,0.15);
    --bg:#051329;
    --surface:#091e3d;
    --raised:#0f2c54;
    --line:rgba(56,189,248,0.28);
    --text:#e0f2fe;
    --muted:#7dd3fc99;
}
:root[data-theme=light][data-accent=blueprint]{
    --accent:#0284c7;
    --accent-soft:#e0f2fe;
    --bg:#edf4fb;
    --surface:#ffffff;
    --raised:#dbeafe;
    --line:rgba(2,132,199,0.25);
    --text:#082f49;
    --muted:#0284c7;
}
:root[data-accent=blueprint] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        linear-gradient(rgba(56,189,248,0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56,189,248,0.16) 1px, transparent 1px),
        linear-gradient(rgba(56,189,248,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56,189,248,0.05) 1px, transparent 1px),
        #051329!important;
    background-size:48px 48px, 48px 48px, 12px 12px, 12px 12px, auto!important;
}
:root[data-theme=light][data-accent=blueprint] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        linear-gradient(rgba(2,132,199,0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(2,132,199,0.14) 1px, transparent 1px),
        linear-gradient(rgba(2,132,199,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(2,132,199,0.05) 1px, transparent 1px),
        #edf4fb!important;
    background-size:48px 48px, 48px 48px, 12px 12px, 12px 12px, auto!important;
}
:root[data-accent=blueprint] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px dashed rgba(56,189,248,0.35)!important;
    box-shadow:0 4px 20px rgba(3,11,24,0.5), inset 0 0 12px rgba(56,189,248,0.04)!important;
    border-radius:8px;
}
:root[data-theme=light][data-accent=blueprint] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px dashed rgba(2,132,199,0.35)!important;
    box-shadow:0 4px 16px rgba(2,132,199,0.08)!important;
    border-radius:8px;
}
:root[data-accent=blueprint] :where(h1,h2,h3,.welcome h1,.clock time,.temperature,.news-number,.vault-cat-title,button,input,time){
    font-family:var(--font-mono, 'JetBrains Mono', monospace)!important;
}
:root[data-accent=blueprint] .primary{
    background:#0284c7!important;
    border:1px solid #38bdf8!important;
    color:#ffffff!important;
    font-family:var(--font-mono, monospace)!important;
    font-weight:700!important;
}
:root[data-accent=blueprint] .favorite:hover{
    border-color:#38bdf8!important;
    box-shadow:0 0 14px rgba(56,189,248,0.35)!important;
}
:root[data-accent=blueprint] .temperature{
    color:#38bdf8;
    letter-spacing:-1px;
}
:root[data-accent=blueprint] .cal-pill.active{
    background:#0284c7;
    color:#ffffff;
    border-color:#38bdf8;
}
:root[data-accent=blueprint] .cal-events-wrap{scrollbar-color:rgba(56,189,248,0.4) transparent}
:root[data-accent=blueprint] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(56,189,248,0.4)}

/* ── 4. AMBER CRT (Phosphor Amber Terminal / Sepia Paper) ── */
:root[data-accent=amber]{
    --accent:#ffb000;
    --accent-soft:rgba(255,176,0,0.16);
    --bg:#0d0905;
    --surface:#170f08;
    --raised:#24170d;
    --line:rgba(255,176,0,0.32);
    --text:#ffe099;
    --muted:#a37a3d;
}
:root[data-theme=light][data-accent=amber]{
    --accent:#b45309;
    --accent-soft:#fef3c7;
    --bg:#f8f1e5;
    --surface:#fdfaf4;
    --raised:#ede2cf;
    --line:#d8c4a5;
    --text:#3c2f1f;
    --muted:#7d6345;
}
:root[data-accent=amber] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        repeating-linear-gradient(0deg, rgba(0,0,0,0.28) 0px, rgba(0,0,0,0.28) 1px, transparent 1px, transparent 3px),
        radial-gradient(ellipse at 50% 25%, rgba(255,176,0,0.18) 0%, transparent 70%),
        #0d0905!important;
}
:root[data-theme=light][data-accent=amber] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        radial-gradient(ellipse at 50% 25%, rgba(217,119,6,0.08) 0%, transparent 75%),
        #f8f1e5!important;
}
:root[data-accent=amber] :where(h1,h2,h3,.welcome h1,.clock time,.temperature,.news-number,.vault-cat-title,button,input,time){
    font-family:var(--font-mono, 'JetBrains Mono', monospace)!important;
}
:root[data-accent=amber] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px solid rgba(255,176,0,0.35)!important;
    box-shadow:0 0 14px rgba(255,176,0,0.15), inset 0 0 12px rgba(255,176,0,0.04)!important;
}
:root[data-theme=light][data-accent=amber] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:1px solid #d8c4a5!important;
    box-shadow:0 3px 12px rgba(180,83,9,0.06)!important;
}
:root[data-accent=amber] .primary{
    background:#ffb000!important;
    color:#170f08!important;
    font-weight:700!important;
    box-shadow:0 0 14px rgba(255,176,0,0.4)!important;
    border:0!important;
}
:root[data-accent=amber] .favorite:hover{
    border-color:#ffb000!important;
    box-shadow:0 0 14px rgba(255,176,0,0.4)!important;
}
:root[data-accent=amber] .temperature{
    color:#ffb000;
    text-shadow:0 0 12px rgba(255,176,0,0.5);
}
:root[data-accent=amber] .cal-pill.active{
    background:#ffb000;
    color:#170f08;
    border-color:#ffb000;
    font-weight:700;
}
:root[data-accent=amber] .cal-events-wrap{scrollbar-color:rgba(255,176,0,0.4) transparent}
:root[data-accent=amber] .cal-events-wrap::-webkit-scrollbar-thumb{background:rgba(255,176,0,0.4)}

/* ── 5. ARCADE 8-BIT (Retro Gaming / GameBoy 1989 DMG) ── */
:root[data-accent=arcade]{
    --accent:#ff0055;
    --accent-soft:rgba(255,0,85,0.2);
    --bg:#101018;
    --surface:#181824;
    --raised:#222233;
    --line:#3b3b55;
    --text:#ffffff;
    --muted:#8b8ba8;
}
:root[data-accent=arcade] :where(h1,h2,h3,.welcome h1,.clock time,.temperature,.news-number,.vault-cat-title,button,input,time){
    font-family:var(--font-mono, 'JetBrains Mono', monospace)!important;
}
:root[data-accent=arcade] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    border:2px solid #3b3b55!important;
    box-shadow:3px 3px 0px #000000!important;
    border-radius:6px;
}
:root[data-accent=arcade] .primary{
    background:#ff0055!important;
    color:#ffffff!important;
    border:2px solid #ffe600!important;
    box-shadow:3px 3px 0px #000000!important;
    border-radius:4px!important;
    text-transform:uppercase;
    font-weight:800!important;
}
:root[data-accent=arcade] .favorite:hover{
    border-color:#ff0055!important;
    box-shadow:4px 4px 0px #ffe600!important;
    transform:translate(-2px,-2px);
}
:root[data-accent=arcade] .temperature{
    color:#ffe600;
    text-shadow:2px 2px 0px #ff0055;
}
:root[data-accent=arcade] .cal-pill,
:root[data-accent=arcade] .cal-today-card,
:root[data-accent=arcade] .cal-event-row,
:root[data-accent=arcade] .cal-nav-btn{
    border:2px solid #3b3b55!important;
    box-shadow:2px 2px 0px #000000!important;
    border-radius:4px!important;
}
:root[data-accent=arcade] .cal-pill.active{
    background:#ff0055!important;
    color:#ffffff!important;
    border-color:#ffe600!important;
}
:root[data-accent=arcade] .cal-events-wrap{scrollbar-color:#ffe600 transparent}
:root[data-accent=arcade] .cal-events-wrap::-webkit-scrollbar-thumb{background:#ffe600}

/* Arcade Light Mode: Der originale 1989 GameBoy DMG-01 (4 Grüntöne) */
:root[data-theme=light][data-accent=arcade]{
    --accent:#0f380f;
    --accent-soft:#8bac0f;
    --bg:#8bac0f;
    --surface:#9bbc0f;
    --raised:#8bac0f;
    --line:#306230;
    --text:#0f380f;
    --muted:#306230;
}
:root[data-accent=arcade] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        repeating-linear-gradient(0deg, rgba(0,0,0,0.3) 0px, rgba(0,0,0,0.3) 1px, transparent 1px, transparent 3px),
        radial-gradient(circle at 15% 20%, rgba(255,0,85,0.16) 0%, transparent 50%),
        radial-gradient(circle at 85% 80%, rgba(0,240,255,0.12) 0%, transparent 50%),
        #0a0612!important;
}
:root[data-theme=light][data-accent=arcade] body:not(.has-wallpaper)::before{
    display:block!important;
    background:
        repeating-linear-gradient(0deg, rgba(48,98,48,0.15) 0px, rgba(48,98,48,0.15) 1px, transparent 1px, transparent 3px),
        #8bac0f!important;
}
:root[data-theme=light][data-accent=arcade] :where(.panel,.favorite:not(.add),.search-box,.hero-badge,.section-heading,.search-meta,.catalog-dialog,.privacy-dialog){
    background:#9bbc0f!important;
    border:2px solid #0f380f!important;
    box-shadow:3px 3px 0px #306230!important;
    border-radius:4px;
    color:#0f380f!important;
}
:root[data-theme=light][data-accent=arcade] .primary{
    background:#0f380f!important;
    color:#9bbc0f!important;
    border:2px solid #306230!important;
    box-shadow:2px 2px 0px #306230!important;
}
:root[data-theme=light][data-accent=arcade] .favorite:hover{
    border-color:#0f380f!important;
    box-shadow:4px 4px 0px #0f380f!important;
}
:root[data-theme=light][data-accent=arcade] .cal-pill,
:root[data-theme=light][data-accent=arcade] .cal-today-card,
:root[data-theme=light][data-accent=arcade] .cal-event-row,
:root[data-theme=light][data-accent=arcade] .cal-nav-btn{
    background:#9bbc0f!important;
    border:2px solid #0f380f!important;
    box-shadow:2px 2px 0px #306230!important;
    color:#0f380f!important;
}
:root[data-theme=light][data-accent=arcade] .cal-pill.active{
    background:#0f380f!important;
    color:#9bbc0f!important;
}

/* Mobile Layout Anpassung */
@media(max-width:768px){
  .panel, .panel.widget-span-1, .panel.widget-span-2, .calendar-panel{grid-column:1 / -1!important}
  .calendar-content{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px!important;height:auto!important;overflow:visible!important}
  .cal-mini-month{min-height:auto;height:auto}
  .cal-days{grid-auto-rows:26px}
  .cal-details{height:auto!important;min-height:auto!important;overflow:visible!important}
  .cal-events-wrap{max-height:190px;flex:none}
  .weather-double-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .news-list-grid.is-double{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
  .vault-content.is-double-vault{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
  .cw-world-grid, .cw-world-analog-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
}


/* Accent signatures: only painted surfaces, contours and light. */

:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]){
 --accent:var(--sig-main);--text:var(--sig-text);--muted:var(--sig-muted);
 --surface:var(--sig-surface);--line:rgba(var(--sig-rgb),.38);
 --accent-soft:rgba(var(--sig-rgb),.16);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) body:not(.has-wallpaper){
 background-image:radial-gradient(ellipse at 5% 0%,rgba(var(--sig-rgb),.14),transparent 55%),radial-gradient(ellipse at 95% 90%,rgba(var(--sig-second-rgb),.12),transparent 55%);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.panel,.favorite:not(.add),.search-box,.hero-badge,.catalog-dialog,.privacy-dialog){
 background-color:var(--sig-surface)!important;
 background-image:var(--sig-texture)!important;
 background-size:var(--sig-texture-size)!important;
 border-color:rgba(var(--sig-rgb),.50)!important;
 box-shadow:var(--sig-shadow)!important;
 color:var(--sig-text);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.section-heading,.search-meta){
 background-color:var(--sig-surface);
 background-image:linear-gradient(90deg,rgba(var(--sig-rgb),.12),transparent 70%);
 border-color:rgba(var(--sig-rgb),.34)!important;
 box-shadow:inset 3px 0 0 var(--sig-main),inset 0 1px 0 rgba(var(--sig-second-rgb),.20)!important;
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.favorite,.catalog-card):hover{
 border-color:var(--sig-main)!important;
 box-shadow:var(--sig-shadow),0 0 22px rgba(var(--sig-rgb),.26)!important;
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.weather-tomorrow-card,.cal-today-card,.cal-mini-month,.vault-card){
 background-color:var(--sig-surface);
 background-image:linear-gradient(130deg,rgba(var(--sig-second-rgb),.10),transparent 70%);
 border-color:rgba(var(--sig-rgb),.38);
 box-shadow:inset 0 1px 0 rgba(var(--sig-second-rgb),.25);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.panel-icon,.weather-orb-wrap i,.news-number){
 color:var(--sig-main);text-shadow:0 0 12px rgba(var(--sig-rgb),.5);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.temperature,.clock time){
 color:var(--sig-main);
 text-shadow:0 0 14px rgba(var(--sig-rgb),.55),0 0 30px rgba(var(--sig-rgb),.22);
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.cal-pill.active,.segmented button[aria-pressed=true]){
 background:var(--sig-main)!important;color:var(--sig-surface)!important;
 border-color:var(--sig-main)!important;box-shadow:0 0 14px rgba(var(--sig-rgb),.32)!important;
}
:root[data-theme]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.search-box:focus-within,input:focus-visible,select:focus-visible,textarea:focus-visible){
 outline-color:var(--sig-main);
 border-color:var(--sig-main)!important;box-shadow:var(--sig-shadow),0 0 18px rgba(var(--sig-rgb),.22)!important;
}
:root[data-theme][data-accent=synthwave] .primary{
 background:linear-gradient(120deg,#a81668,#552aa6 65%,#135878)!important;
 color:#fff!important;box-shadow:-3px 0 18px #ff42be60,3px 0 18px #5aebff50,inset 0 1px 0 #ffbcf4a0!important;
}
:root[data-theme][data-accent=aurora] .primary{
 background:linear-gradient(120deg,#85f2c3,#9ae7e9 65%,#cec2ff)!important;
 color:#103f36!important;box-shadow:0 0 22px rgba(var(--sig-rgb),.28),inset 0 1px 0 #ffffffa0!important;
}
:root[data-theme][data-accent=blueprint] :is(.panel,.search-box,.catalog-dialog){
 background-image:var(--sig-texture),linear-gradient(90deg,var(--sig-main) 0 18px,transparent 18px)!important;
 background-size:20px 20px,20px 20px,auto,100% 2px!important;
 background-repeat:repeat,repeat,no-repeat,no-repeat!important;
}
:root[data-theme][data-accent=blueprint] .primary{
 background:#07518e!important;color:#f0fcff!important;
 box-shadow:inset 0 0 0 2px #07518e,inset 0 0 0 3px #98e5ff,0 0 16px rgba(var(--sig-rgb),.3)!important;
}
:root[data-theme][data-accent=amber] .primary{
 background:linear-gradient(#ffe5a0,#f2ad39)!important;color:#392205!important;
 box-shadow:0 0 22px rgba(var(--sig-rgb),.45),inset 0 1px 0 #fff1bd!important;
}
:root[data-theme][data-accent=arcade] :is(.panel,.favorite,.search-box,.catalog-dialog){
 border-radius:3px;
}
:root[data-theme][data-accent=arcade] .primary{
 background:#a80048!important;color:#fff7c2!important;
 box-shadow:inset 2px 2px 0 #ff77b0,inset -2px -2px 0 #51052b,3px 3px 0 #fff16b,0 0 18px #ff388e50!important;
}
:root[data-theme][data-accent=arcade] :is(.temperature,.clock time){
 text-shadow:2px 2px 0 #ad155e,-1px -1px 0 #005e79,0 0 18px #ff388e55;
}
:root[data-theme=light]:is([data-accent=synthwave],[data-accent=aurora],[data-accent=blueprint],[data-accent=amber],[data-accent=arcade]) :is(.temperature,.clock time){
 text-shadow:0 1px 0 #fff9;
}
:root[data-theme=light][data-accent=arcade] .primary{
 background:#143b13!important;color:#d7ef9e!important;
 box-shadow:inset 2px 2px 0 #547c38,inset -2px -2px 0 #092509,3px 3px 0 #537532!important;
}
:root[data-theme=light][data-accent=arcade] :is(.panel,.favorite:not(.add),.search-box,.catalog-dialog){
 box-shadow:inset 2px 2px 0 #c6e185,inset -2px -2px 0 #6f913a,3px 3px 0 #375629!important;
}