@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--clr-bg:#0a0a0a;--clr-surface:#111;--clr-surface2:#171717;--clr-surface3:#1d1d1d;--clr-border:#242424;--clr-border2:#2e2e2e;--clr-accent:#4ffbba;--clr-accent2:#f5c542;--clr-text:#e2e2e2;--clr-muted:#555;--clr-muted2:#888;--clr-danger:#e05555;--radius:12px;--radius-sm:8px;--radius-xs:5px}*{box-sizing:border-box}body{background-color:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;margin:0;padding:20px;font-family:Inter,Arial,sans-serif;line-height:1.6}h1{text-align:center;color:var(--clr-accent);letter-spacing:-.3px;margin-top:0;font-weight:600}h2{color:var(--clr-text);font-weight:600}a{color:var(--clr-accent);text-decoration:none}a:hover{opacity:.8}.plan-container{max-width:1000px;margin:0 auto;padding:0}.home-container{text-align:center;max-width:640px;margin:40px auto;padding:20px}.home-titel{color:var(--clr-accent);letter-spacing:-.5px;margin-bottom:32px;font-size:28px;font-weight:700}.button-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nav-button{color:var(--clr-muted2);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:0;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .18s,color .18s;display:flex}.nav-button .icon{margin-right:10px;font-size:18px}.dashboard-btn:hover{color:#f5c542;border-color:#f39c12}.aufgaben-btn:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.einkaufs-btn:hover{color:#ff66b2;border-color:#ff66b2}.dvd-btn:hover{color:#6ab7f5;border-color:#3498db}.kontakt-btn:hover{color:#ff7675;border-color:#e74c3c}.lists-btn:hover{color:#e6e442;border-color:#d4d119}.chat-btn:hover{color:#e0b0ff;border-color:#9b59b6}.settings-btn:hover{color:#00d2ff;border-color:#00d2ff}.story-btn:hover{color:#f97316;border-color:#f97316}.buecher-btn:hover{color:#a78bfa;border-color:#a78bfa}.wunsch-btn:hover{color:#fb7185;border-color:#fb7185}.todo-btn:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.rezepte-btn:hover{color:#fb923c;border-color:#fb923c}.btn-primary{color:var(--clr-text);border:1px solid var(--clr-border2);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;background:0 0;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.btn-primary:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.btn-ghost{color:var(--clr-accent);cursor:pointer;background:0 0;border:none;padding:6px 2px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s}.btn-ghost:hover{opacity:.65}.btn-outline{border:1px solid var(--clr-border2);color:var(--clr-muted2);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:8px 14px;font-family:inherit;font-size:13px;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.icon-btn{cursor:pointer;border-radius:var(--radius-xs);color:var(--clr-muted);background:0 0;border:none;flex-shrink:0;padding:5px 7px;font-family:inherit;font-size:15px;line-height:1;transition:background .15s,color .15s}.icon-btn:hover{background:var(--clr-surface3);color:var(--clr-text)}.icon-btn.danger:hover{color:var(--clr-danger);background:#e055551f}.icon-text-btn{color:var(--clr-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:16px;transition:background .15s,color .15s}.icon-text-btn:hover{background:var(--clr-surface3);color:var(--clr-text)}.icon-text-btn.danger:hover{color:var(--clr-danger);background:#e055551f}.text-button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0;transition:color .15s}.text-button:hover{color:var(--clr-text)!important}.btn-danger-outline{color:var(--clr-muted);border:1px solid var(--clr-border);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:7px 12px;font-family:inherit;font-size:12px;transition:border-color .15s,color .15s}.btn-danger-outline:hover{border-color:var(--clr-danger);color:var(--clr-danger)}.logout-btn{color:var(--clr-danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #e0555566;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.logout-btn:hover{border-color:var(--clr-danger);background:#e055551a}.save-btn{background:var(--clr-accent);color:#0a0a0a;border-radius:var(--radius-xs);cursor:pointer;border:none;width:180px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .18s}.save-btn:hover{opacity:.82}.home-btn{color:var(--clr-muted2);border:1px solid var(--clr-border);border-radius:var(--radius-xs);cursor:pointer;background:0 0;width:180px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.home-btn:hover{border-color:var(--clr-border2);color:var(--clr-text)}.filter-btn{color:var(--clr-muted);border:1px solid var(--clr-border);cursor:pointer;background:0 0;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:12px;transition:border-color .18s,color .18s}.filter-btn:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.filter-btn.aktiv{border-color:var(--clr-accent);color:var(--clr-accent);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select,.dropdown{background:var(--clr-surface2);width:100%;color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius-xs);box-sizing:border-box;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .18s}input:focus,textarea:focus,select:focus,.dropdown:focus{border-color:var(--clr-accent)}select{cursor:pointer;appearance:none}.eingabe-zeile{gap:8px;margin-bottom:14px;display:flex}.eingabe-zeile input{flex:1}.karte-dashboard{background:var(--clr-surface);border-radius:var(--radius);border:1px solid var(--clr-border);padding:20px}.karte-titel{color:var(--clr-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:0;margin-bottom:16px;font-size:10px;font-weight:600}.karten-liste{margin:0;padding:0;list-style:none}.liste-karte{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .18s;display:flex}.liste-karte:hover{border-color:var(--clr-border2)}.liste-karte-titel{margin-bottom:2px;font-size:14px;font-weight:600}.liste-karte-sub{color:var(--clr-muted);font-size:12px}.plan-tabelle{border-collapse:collapse;width:100%;margin-top:16px}.plan-tabelle th,.plan-tabelle td{text-align:left;border-bottom:1px solid var(--clr-border);padding:11px 12px;font-size:13px}.plan-tabelle th{background:var(--clr-surface2);color:var(--clr-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}.plan-tabelle th:last-child,.plan-tabelle td:last-child{text-align:right;padding-right:14px}.wochentag{background:var(--clr-surface2);font-weight:600}.eintrags-liste{margin:0;padding:0;list-style:none}.eintrags-zeile{border-bottom:1px solid var(--clr-border);align-items:center;gap:12px;padding:11px 4px;display:flex}.eintrags-zeile:last-child{border-bottom:none}.eintrags-checkbox{cursor:pointer;width:17px;height:17px;accent-color:var(--clr-accent);flex-shrink:0}.eintrags-text{flex:1;font-size:14px;line-height:1.4}.erledigt-zeile .eintrags-text{color:var(--clr-muted);text-decoration:line-through}.leer-text{color:var(--clr-muted);text-align:center;margin-top:30px;font-size:14px}.seiten-kopf{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.seiten-kopf h1,.seiten-kopf h2{text-align:center;flex:1;margin:0}.zurueck-btn{color:var(--clr-muted);white-space:nowrap;font-size:13px}.todo-formular{background:var(--clr-surface2);border-radius:var(--radius);border:1px solid var(--clr-border);margin-bottom:18px;padding:14px}.todo-formular input[type=text]{margin-bottom:0}.chat-container{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);flex-direction:column;max-width:620px;height:78vh;margin:20px auto;padding:16px;display:flex}.chat-verlauf{flex-direction:column;flex:1;gap:10px;margin-bottom:14px;padding-right:8px;display:flex;overflow-y:auto}.nachricht{flex-direction:column;max-width:75%;display:flex}.absender{color:var(--clr-muted);margin-bottom:3px;padding:0 5px;font-size:11px}.text-blase{color:#fff;word-wrap:break-word;border-radius:12px;padding:9px 13px;font-size:14px;line-height:1.4}.nachricht.links{align-self:flex-start}.nachricht.links .text-blase{background:var(--clr-surface2);border:1px solid var(--clr-border);border-top-left-radius:3px}.nachricht.rechts,.nachricht.rechts .absender{align-self:flex-end}.nachricht.rechts .text-blase{border:1px solid var(--clr-accent);background:#005c4b;border-top-right-radius:3px}.chat-eingabe-gruppe{background:var(--clr-surface2);border:1px solid var(--clr-border);border-radius:var(--radius-sm);align-items:stretch;padding:4px;display:flex}.chat-eingabe-gruppe textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;height:44px;padding:9px;font-family:inherit;font-size:14px}.chat-eingabe-gruppe button{color:var(--clr-accent);border:1px solid var(--clr-border);border-radius:var(--radius-xs);cursor:pointer;background:0 0;margin-left:4px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.chat-eingabe-gruppe button:hover{background:var(--clr-accent);color:#0a0a0a}#aufgaben-liste ul{margin:0;padding:0;list-style:none}#aufgaben-liste li{background:var(--clr-surface2);border:1px solid var(--clr-border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:7px;padding:10px 12px;font-size:14px;transition:border-color .18s;display:flex}#aufgaben-liste li:hover{border-color:var(--clr-border2)}#aufgaben-liste input[type=checkbox]{width:17px;height:17px;accent-color:var(--clr-accent);cursor:pointer}#aufgaben-liste li.erledigt{color:var(--clr-muted);text-decoration:line-through}.story-karte{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.story-bild{object-fit:cover;cursor:pointer;width:100%;max-height:460px;transition:opacity .2s;display:block}.story-bild:hover{opacity:.9}.story-info{padding:14px}.story-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.story-autor{color:var(--clr-accent);font-size:13px;font-weight:600}.story-datum{color:var(--clr-muted);font-size:11px}.story-beschreibung{color:#ccc;margin:0 0 10px;font-size:14px;line-height:1.5}.story-loeschen-btn{color:var(--clr-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;transition:color .15s}.story-loeschen-btn:hover{color:var(--clr-danger)}.bild-overlay{z-index:1000;cursor:zoom-out;background:#000000f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bild-overlay img{object-fit:contain;border-radius:6px;max-width:95vw;max-height:92vh}.sterne-interaktiv span{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:4px 2px;font-size:20px;line-height:1;transition:transform .1s;display:inline-block}.sterne-interaktiv span:hover{transform:scale(1.2)}.button-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}@media screen and (width<=600px){body{padding:12px}.plan-container{padding:0}.button-grid{grid-template-columns:1fr 1fr;gap:8px}.nav-button{padding:12px 10px;font-size:13px}.plan-tabelle thead{display:none}.plan-tabelle,.plan-tabelle tbody,.plan-tabelle tr,.plan-tabelle td{width:100%;display:block}.plan-tabelle tr{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);margin-bottom:14px;padding:12px}.plan-tabelle td.wochentag{text-align:center;background:var(--clr-surface2);color:var(--clr-accent);border-bottom:2px solid var(--clr-accent);border-radius:5px;margin-bottom:10px;padding:7px;font-size:1rem;display:block}.plan-tabelle td:not(.wochentag){border-bottom:1px dashed var(--clr-border);justify-content:space-between;align-items:center;padding:9px 4px;display:flex}.plan-tabelle td:not(.wochentag):before{content:attr(data-label);color:var(--clr-muted);flex-shrink:0;padding-right:10px;font-size:11px;font-weight:600}.plan-tabelle#plan-tabelle{min-width:unset!important}.plan-tabelle#plan-tabelle~*{overflow-x:unset}.plan-tabelle#plan-tabelle tr{padding:10px 12px 12px;position:relative}.plan-tabelle#plan-tabelle td:not(.wochentag){border-bottom:1px dashed var(--clr-border);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.plan-tabelle#plan-tabelle td:not(.wochentag):before{content:attr(data-label);color:var(--clr-muted);flex-shrink:0;min-width:80px;font-size:11px;font-weight:600}.plan-tabelle#plan-tabelle td:not(.wochentag) select{flex:1;width:auto;max-width:160px;padding:6px 8px;font-size:12px}.plan-tabelle#plan-tabelle td:last-child{border-bottom:none}.plan-tabelle.dvd-tabelle tr{padding-top:14px;position:relative}.plan-tabelle.dvd-tabelle td:last-child{background:0 0!important;border:none!important;width:auto!important;padding:0!important;position:absolute!important;top:8px!important;right:8px!important}.plan-tabelle.dvd-tabelle td:last-child:before{display:none!important}.plan-tabelle.dvd-tabelle td:last-child button{width:auto!important;padding:4px 8px!important;font-size:18px!important}.plan-tabelle.dvd-tabelle td{border-bottom:1px dashed var(--clr-border);text-align:right!important;justify-content:space-between!important;align-items:center!important;padding:9px 4px!important;display:flex!important}.plan-tabelle.dvd-tabelle td:first-of-type:before{content:"DVD-Nr:";color:#38bdf8;font-weight:600}.plan-tabelle.dvd-tabelle td:nth-of-type(2):before{content:"Filmtitel:";color:#38bdf8;font-weight:600}.plan-tabelle.dvd-tabelle td:nth-of-type(3):before{content:"Besitzer:";color:#38bdf8;font-weight:600}.plan-tabelle.dvd-tabelle td:nth-of-type(4):before{content:"FSK:";color:#38bdf8;font-weight:600}.plan-tabelle.dvd-tabelle td:nth-of-type(5):before{content:"Lagerort:";color:#38bdf8;font-weight:600}.plan-tabelle.dvd-tabelle td:nth-of-type(5){border-bottom:none!important}.plan-tabelle.telefon-tabelle tr{padding-top:14px;position:relative}.plan-tabelle.telefon-tabelle td:last-child{background:0 0!important;border:none!important;width:auto!important;padding:0!important;position:absolute!important;top:8px!important;right:8px!important}.plan-tabelle.telefon-tabelle td:last-child:before{display:none!important}.plan-tabelle.telefon-tabelle td:last-child button{width:auto!important;padding:4px 8px!important;font-size:18px!important}.plan-tabelle.telefon-tabelle td{border-bottom:1px dashed var(--clr-border);text-align:right!important;justify-content:space-between!important;align-items:center!important;padding:9px 6px!important;display:flex!important}.plan-tabelle.telefon-tabelle td:first-of-type:before{content:"Vorname:";color:var(--clr-accent);font-weight:600}.plan-tabelle.telefon-tabelle td:nth-of-type(2):before{content:"Nachname:";color:var(--clr-accent);font-weight:600}.plan-tabelle.telefon-tabelle td:nth-of-type(3):before{content:"Nummer:";color:var(--clr-accent);font-weight:600}.plan-tabelle.telefon-tabelle td:nth-of-type(3){border-bottom:none!important}.filter-fsk-container{flex-direction:column;gap:8px;display:flex}.filter-fsk-container label{background:var(--clr-surface2);border:1px solid var(--clr-border);border-radius:5px;padding:10px}.sterne-interaktiv span{padding:6px 3px;font-size:26px}}#login-button,.login-primary{border-color:var(--clr-border2);color:var(--clr-muted2);letter-spacing:.3px;font-weight:600}