/* V7 uses each selected mood across the entire application. */
[hidden]{display:none!important}body{--panel:color-mix(in srgb,var(--hero1) 22%,#0d1319);--panel2:color-mix(in srgb,var(--hero2) 20%,#121820);--line:color-mix(in srgb,var(--accent) 20%,#18232b)}
.screen,.deck-panel,.cards-panel{background:var(--panel)}.topbar,.panel-head,.album-sort,.album-toolbar{background:color-mix(in srgb,var(--hero1) 18%,#10171d)}.modal-backdrop .editor-modal,.settings-dialog,.context-overlay{background:var(--panel2);border-color:color-mix(in srgb,var(--accent) 35%,#29333b)}.stage{background:radial-gradient(ellipse at center,#05070a 50%,color-mix(in srgb,var(--hero2) 25%,#06080a))}.btn.primary,.active{--teal:var(--accent)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 42%,#27343c) #0d151b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 40%,#25313b);border-radius:10px;border:2px solid #0d151b}::-webkit-scrollbar-track{background:#0d151b;border-radius:10px}
.deck-panel{display:flex;flex-direction:column;min-width:0}.deck-panel .sort-list{flex:1;min-height:0;overflow:auto}.deck-panel>.panel-head{flex-wrap:wrap}.vault-scale{width:100%;font-size:11px}.deck-scale{font-size:10px;background:transparent;border:1px solid var(--line);border-radius:7px;padding:7px 5px;color:var(--accent)}.v6-deck-row{grid-template-columns:28px minmax(0,1fr) auto 30px}.matrix-dock{padding:14px;border-top:1px solid var(--line);flex-shrink:0}.matrix-dock .album-matrix{width:100%;max-width:none;min-height:100px;display:flex;flex-direction:column;gap:4px}.matrix-dock .album-matrix>span{font-size:35px}.choose-card{font-size:14px;white-space:nowrap;font-weight:600;color:var(--accent);margin:0}.album-toolbar{align-items:center;gap:24px}.album-toolbar .add-card-grid{flex:0 1 510px;gap:14px}.album-toolbar .add-card{min-height:88px;max-height:110px}.album-toolbar .add-card>span{font-size:24px}
.search-box{padding:10px 14px;display:flex;flex-direction:column;gap:7px;flex-shrink:0}.search-box>label:first-child{font-size:11px;color:var(--accent);display:flex;flex-direction:column;gap:5px}.search-box input[type=search]{width:100%;border:1px solid var(--line);background:#080f16;color:#e1e9ec;border-radius:9px;padding:10px;font:13px system-ui;min-width:0}.search-deep{display:flex;align-items:center;gap:6px;font-size:10px;color:#a6b7c2}.search-result{font-size:11px;color:var(--accent)}.search-progress{height:13px;border:2px inset #75838a;background:#050b10;padding:2px}.search-progress i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 10px);transition:width .08s linear}.vault-content>.search-box{max-width:580px;padding:0 0 20px}
.tile-number{font-family:Georgia,serif;font-size:14px;color:var(--hero3);background:radial-gradient(circle at 30% 23%,#f7faf4,var(--accent) 52%,var(--hero1));border-color:var(--accent)}.tile-delete{position:absolute;z-index:6;right:46px;top:9px;width:28px;height:30px;display:grid;place-items:center;border:1px solid #80505d66;border-radius:8px;background:#10151bd9;color:#d898a4}.tile-delete svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.tile-menu{left:37px;max-width:28px}.preview-image:not(.super-tile)::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 20%,#ffffff0a 42%,#ffffff22 48%,#ffffff05 55%,transparent 75%);background-size:250% 250%;background-position:100% 100%;transition:background-position .8s;z-index:2}.preview-image:hover::after,.preview-image.touch-lit::after{background-position:0 0}.super-tile.foil:after{opacity:.27}.preview-text .card-preview{background:repeating-linear-gradient(8deg,#8d8c7920 0 1px,transparent 1px 8px),radial-gradient(ellipse at 25% 15%,#73766a,#393f3b 65%,#202a29);box-shadow:inset 0 0 0 12px #0f181933,inset 0 0 35px #0009}.preview-text .text-preview{font-family:Georgia,serif;color:#e2e0cc;text-shadow:0 1px 1px #000;font-size:13px;padding-top:38px}.vault-corner{position:absolute;right:10px;top:10px;display:flex;gap:5px;z-index:5}.vault-corner .tile-action{background:#0b151be8;width:34px;height:34px}
.super-inner-row{grid-template-columns:28px 22px minmax(100px,1fr) 45px auto auto auto 32px}.super-inner-row [data-act=superReplaceImage]{width:auto;font-size:11px;white-space:nowrap;padding:7px}.super-modal .editor-head>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.super-modal .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.04em}.super-inner-row b{overflow-wrap:anywhere}
.card-shell{inset:48px 68px 134px!important}.stack-rail{position:absolute;left:50%;transform:translateX(-50%);bottom:72px;width:min(680px,calc(100% - 110px));height:48px;display:flex;align-items:center;gap:7px;padding:5px;background:#0b141be8;border:1px solid var(--line);border-radius:12px;z-index:20}.stack-scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;flex:1;align-items:center;height:38px;min-width:0;scrollbar-gutter:stable}.stack-scroll .super-dot{width:28px;height:28px;min-width:28px;flex:none;margin:0;border-color:var(--line);color:var(--accent)}.stack-scroll .super-dot.active{background:var(--accent);color:#102022}.stack-step{width:30px;min-width:30px;height:34px;border:0;border-radius:7px;background:var(--panel2);color:var(--accent);font-size:29px;line-height:1}.stack-step:disabled{opacity:.25}.up-opposite{right:10px;top:var(--image-top,48px)}.down-opposite{left:10px;top:calc(var(--image-bottom,70%) - 36px)}.up-arrow{left:10px;top:var(--image-top,48px)}.down-arrow{right:10px;left:auto;top:calc(var(--image-bottom,70%) - 36px)}#cardPosition{position:absolute;bottom:124px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:20px;background:#0b151ed9;color:var(--accent);font:600 13px system-ui;opacity:0;transition:opacity .35s;z-index:21;pointer-events:none}#cardPosition.visible{opacity:1}.lock-tools{bottom:16px}.context-overlay{bottom:134px}.lock-btn span{font-size:10px}
.sort-row,.super-inner-row{position:relative}.insert-before:before,.insert-after:before{content:'Hier einfügen';position:absolute;left:0;right:0;height:3px;background:var(--accent);color:var(--accent);font:10px system-ui;z-index:30;pointer-events:none;box-shadow:0 0 9px var(--accent)}.insert-before:before{top:0;transform:translateY(-3px)}.insert-after:before{bottom:0;transform:translateY(3px)}.album-card.insert-before,.vault-tile.insert-before{box-shadow:-5px 0 0 var(--accent)!important}.album-card.insert-after,.vault-tile.insert-after{box-shadow:5px 0 0 var(--accent)!important}.album-card.insert-before:before,.vault-tile.insert-before:before{left:0;right:auto;top:0;height:100%;width:4px;transform:none;font-size:0}.album-card.insert-after:before,.vault-tile.insert-after:before{left:auto;right:0;top:0;height:100%;width:4px;transform:none;font-size:0}.storage-path{overflow-wrap:anywhere;color:var(--accent);font:12px monospace}.storage-problem{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px;background:#66272e;color:white}.connection-lost:after{content:'Verbindung zum lokalen Speicher unterbrochen';position:fixed;bottom:0;left:0;z-index:1001;background:#66272e;color:white;padding:5px 12px;font:12px system-ui}
@media(max-width:820px){.album-layout .deck-panel{max-height:none;flex-shrink:0}.deck-panel .sort-list{max-height:210px;flex:auto}.matrix-dock{padding:10px}.matrix-dock .album-matrix{min-height:60px;flex-direction:row;gap:12px}.matrix-dock .album-matrix>span{font-size:28px}.album-toolbar{gap:10px}.choose-card{width:100%;font-size:12px}.album-toolbar .add-card-grid{flex-basis:100%;gap:10px}.album-toolbar .add-card{min-height:80px}.card-shell{inset:48px 38px 146px!important}.stack-rail{width:calc(100% - 24px);bottom:88px}.lock-tools{bottom:12px;flex-wrap:wrap;max-width:100%;justify-content:center}.lock-btn{padding:0 5px;height:30px}.lock-btn span{font-size:9px}.up-opposite{right:4px}.down-opposite,.up-arrow{left:4px}.down-arrow{right:4px;bottom:auto}#cardPosition{bottom:140px}.context-overlay{bottom:146px}.super-inner-row{display:flex;flex-wrap:wrap}.tile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.super-modal .editor-head b{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}