:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#eaf4f5;background:#080f1b;font-synthesis:none;font-smooth:always;-webkit-font-smoothing:antialiased;--bg:#080f1b;--sidebar:#0d1828;--panel:#132238;--panel2:#172940;--line:#26374c;--muted:#90a4b4;--text:#eaf4f5;--mint:#88f2ba;--blue:#94c8ff;--orange:#ffc780;--purple:#c6b9ff;--red:#f4a4a4;--shadow:0 18px 60px rgba(0,0,0,.20)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:var(--mint)}[hidden]{display:none!important}::selection{background:#367d74;color:white}.app-shell{display:flex;min-height:100vh;max-width:2200px;margin:auto}.sidebar{width:258px;flex:none;border-right:1px solid var(--line);background:linear-gradient(160deg,#0f1a2b,#09121e);padding:28px 20px 25px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px}.brand-mark{height:46px;width:46px;border-radius:14px;object-fit:cover;box-shadow:0 5px 24px #49cfb22b}.brand-name{font-size:25px;line-height:1;letter-spacing:-1.2px;font-weight:850}.brand-dot{color:var(--mint)}.brand-sub{font-size:8px;font-weight:750;letter-spacing:1.4px;color:#7e99aa;margin-top:7px}.sidebar-divider{height:1px;background:var(--line);margin-bottom:29px}.sidebar-label{font-size:10px;font-weight:850;letter-spacing:2.4px;color:#638395;padding:0 15px;margin-bottom:13px}.side-nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:15px;width:100%;padding:13px 16px;background:transparent;border:none;border-radius:12px;color:#9aacbc;text-align:left;font-weight:650;font-size:13.5px;transition:.18s}.nav-link svg{width:19px;height:19px;flex:none}.nav-link:hover{background:#17283b;color:var(--text)}.nav-link.active{background:#1c3b40;color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.sidebar-spacer{flex:1}.sidebar-foot{background:linear-gradient(140deg,#162e38,#142135);padding:19px 18px;border:1px solid #274453;border-radius:18px}.private-indicator{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:12px;font-weight:750}.private-indicator svg{width:16px}.sidebar-foot p{color:#91a8b4;font-size:11px;line-height:1.7;margin:9px 0 0}.main-column{min-width:0;flex:1}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 49px;border-bottom:1px solid var(--line)}.topbar-eyebrow{font-size:10px;color:#768c9e;font-weight:850;letter-spacing:2.1px}.topbar-actions{display:flex;align-items:center;gap:16px}.today-pill{color:#b3c6d1;font-weight:650;font-size:12px}.icon-btn{width:38px;height:38px;border-radius:11px;background:#1f3b43;border:1px solid #36635b;color:var(--mint);display:grid;place-items:center}.icon-btn svg{width:19px}.topbar-brand{display:none}.main-content{max-width:1350px;margin:0 auto;padding:34px 50px 90px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:850;color:var(--mint);text-transform:uppercase}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-head h1{font-weight:820;letter-spacing:-1.6px;font-size:36px;margin:8px 0 7px;line-height:1.12}.page-head p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 15px;border-radius:12px;font-size:12.5px;font-weight:760;line-height:1.2;border:1px solid #315065;white-space:nowrap;background:#1a2b40;color:#daebf1}.btn svg{width:16px;height:16px}.btn:hover{filter:brightness(1.12)}.btn-primary{border-color:#9cf6c4;color:#092724;background:#87efb4}.btn-soft{background:#1b343d;color:var(--mint);border-color:#345b54}.btn-ghost{background:transparent;color:#b8c9d3}.btn-warn{color:#ffc5bc;border-color:#754b4f;background:#37232d}.grid-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.85fr);gap:19px}.stack{display:grid;gap:19px;align-content:start}.panel{background:linear-gradient(155deg,#16273b,#112033);border:1px solid #273a51;border-radius:21px;min-width:0;box-shadow:var(--shadow)}.panel-pad{padding:24px}.hero{position:relative;overflow:hidden;min-height:242px;background:radial-gradient(circle at 90% 9%,#266b63aa,transparent 55%),linear-gradient(118deg,#183a3d,#102a37 59%,#182c40);border:1px solid #396457}.hero:before{content:'';position:absolute;right:-71px;top:-126px;width:330px;height:330px;border:1px solid #8af5bd36;border-radius:50%;box-shadow:0 0 0 55px #7ff4b50b,0 0 0 104px #7ff4b508;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:410px}.hero h2{font-size:29px;line-height:1.19;letter-spacing:-1.15px;margin:17px 0 12px}.hero p{color:#afd3cd;line-height:1.65;font-size:13px;margin:0;max-width:360px}.hero-stats{display:flex;gap:25px;margin-top:25px;flex-wrap:wrap}.hero-stat strong{font-size:25px;color:white;letter-spacing:-1px;display:block}.hero-stat small{display:block;color:#97c0b7;font-size:10px;margin-top:2px}.chip{display:inline-flex;gap:6px;align-items:center;background:#25473e;border:1px solid #396f5b;border-radius:999px;padding:7px 11px;color:var(--mint);font-size:10.5px;letter-spacing:.4px;font-weight:750}.chip svg{width:13px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title-row h2{font-size:17px;letter-spacing:-.4px;margin:0}.panel-title-row .subtle{font-size:11px}.subtle{color:var(--muted)}.date-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:20px}.date-tile{padding:11px 3px;text-align:center;background:#142439;border:1px solid #25394c;color:#a5b9c6;border-radius:14px;transition:.15s;min-width:0}.date-tile small{display:block;font-size:10px;font-weight:750;margin-bottom:9px}.date-tile strong{display:block;color:#d5e5ed;font-size:17px;font-weight:800}.date-tile em{display:block;margin:7px auto 0;width:4px;height:4px;background:#6196a0;border-radius:50%;font-style:normal}.date-tile.selected{background:#84e9b2;border-color:#84e9b2;color:#1b4439;box-shadow:0 9px 23px #70e4a52c}.date-tile.selected strong,.date-tile.selected small{color:#12342b}.date-tile.selected em{background:#326a54}.date-tile:hover:not(.selected){border-color:#5b9c86}.section-label{font-size:10px;color:#7f98ab;letter-spacing:1.7px;font-weight:850;margin:21px 0 12px;text-transform:uppercase}.schedule-list{display:grid;gap:10px}.schedule-item{display:flex;gap:13px;align-items:center;padding:13px;background:#1b2c41;border:1px solid #2a4054;border-radius:14px;min-width:0}.schedule-time{min-width:52px;font-size:11px;font-weight:800;color:#acc7d2;line-height:1.5}.schedule-time small{font-size:10px;color:#7696a6;display:block}.schedule-accent{width:3px;border-radius:8px;background:var(--blue);align-self:stretch;min-height:35px;flex:none}.cat-Schule{background:#8fc4ff}.cat-Nebenjob{background:#c5b4ff}.cat-Sport{background:#9ff0bf}.cat-Hund{background:#efce89}.cat-Haushalt{background:#d9aed3}.cat-Einkaufen{background:#f0a997}.cat-Erholung{background:#9edadd}.cat-Privat{background:#b3c8ed}.schedule-info{min-width:0;flex:1}.schedule-info strong{font-size:12.5px;display:block;overflow-wrap:anywhere}.schedule-info small{display:block;color:#86a1b1;font-size:10.5px;margin-top:5px}.item-controls{display:flex;align-items:center;gap:6px}.mini-btn{border:none;background:#23384d;border-radius:9px;color:#a7c2cd;width:31px;height:31px;display:grid;place-items:center;flex:none}.mini-btn svg{width:15px;height:15px}.mini-btn:hover{background:#355066}.done-check{width:20px;height:20px;accent-color:#88efb6;cursor:pointer;flex:none}.completed .schedule-info strong{text-decoration:line-through;opacity:.58}.completed{opacity:.65}.mini-tag{display:inline-block;font-size:10px;color:#f5d49d;background:#3a3433;border-radius:6px;padding:3px 7px;margin-top:4px}.empty-state{padding:25px 19px;text-align:center;border:1px dashed #3a5166;border-radius:14px;background:#122336}.empty-icon{height:42px;width:42px;border-radius:14px;margin:auto auto 10px;display:grid;place-items:center;background:#244639;color:var(--mint)}.empty-icon svg{width:22px}.empty-state strong{display:block;font-size:13px}.empty-state p{font-size:11.5px;line-height:1.6;color:var(--muted);margin:8px 0 14px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{padding:16px 14px;border:1px solid #2b3f53;background:#192a3d;border-radius:15px}.metric .metric-icon{color:var(--mint);display:block;margin-bottom:12px}.metric-icon svg{height:17px}.metric strong{font-size:22px;letter-spacing:-.6px;display:block}.metric small{display:block;color:#8fa5b5;font-size:10.5px;line-height:1.4;margin-top:4px}.progress-track{height:8px;border-radius:12px;background:#24384a;overflow:hidden;margin:20px 0 11px}.progress-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#88f3b9,#a2e5ed);transition:width .3s}.progress-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#9db4c1}.insight{border-left:3px solid #87e6ba;border-radius:8px;background:#1b393c;padding:13px 15px;color:#c0e6dd;font-size:11.7px;line-height:1.65;margin-top:15px}.insight.warning{border-color:#f6c184;background:#3a2f32;color:#f2d4ba}.checkin-options{display:flex;justify-content:space-between;gap:7px;margin:13px 0 8px}.energy-btn{flex:1;border:1px solid #375064;background:#192e43;color:#c9dae2;border-radius:11px;padding:12px 0;font-size:22px}.energy-btn.selected{background:#254e49;border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.small-note{font-size:10px;line-height:1.6;color:#849eae}.note-area{background:#14273b;border:1px solid #30475c;border-radius:12px;display:block;width:100%;min-height:105px;color:#e7f2f4;padding:13px;resize:vertical;line-height:1.5}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-action{border:1px solid #30475c;background:#1a2d40;color:#cddde6;padding:15px 10px;border-radius:13px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:750}.quick-action svg{width:17px;color:var(--mint)}.quick-action:hover{background:#274053}.week-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.week-card{padding:14px 10px;background:#17283d;border-radius:13px;border:1px solid #2d4356;text-align:left;color:#dce9ec;min-height:133px}.week-card.selected{border-color:#84ecc0;background:#20413d}.week-card small{color:#91a9b9;font-size:10px;display:block}.week-card strong{font-size:18px;display:block;margin:4px 0 12px}.week-card .week-load{height:5px;background:#2c4556;border-radius:7px;overflow:hidden;margin:10px 0}.week-load span{display:block;height:100%;background:#8ae7b8;border-radius:7px}.week-card .week-sub{font-size:10px;color:#90a7b5;display:block}.list-section{display:grid;gap:10px}.task-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a2c40;border:1px solid #2c4357;border-radius:14px}.task-card .task-content{flex:1;min-width:0}.task-card strong{display:block;font-size:13px}.task-card small{color:#92acb8;font-size:10.5px;display:block;margin-top:5px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-chip{background:#192b3e;border:1px solid #33495c;border-radius:999px;padding:9px 13px;font-size:11.5px;font-weight:700;color:#9cb5c3}.filter-chip.active{background:#294e43;border-color:#82e8b4;color:var(--mint)}.shopping-entry{display:flex;gap:8px;margin-bottom:19px}.shopping-entry input{flex:1;min-width:0}.shopping-list{display:grid;gap:8px}.shopping-item{display:flex;align-items:center;gap:12px;border:1px solid #30465a;background:#1a2b3f;border-radius:12px;padding:12px 14px}.shopping-item span{flex:1}.shopping-item.checked span{text-decoration:line-through;opacity:.48}.shopping-progress{font-size:11px;color:#8da6b3}.form-field{display:grid;gap:8px}.form-field label,.field-label{font-size:11px;font-weight:750;color:#abc1ce}.form-field input,.form-field textarea,.form-field select,.shopping-entry input{background:#0f2032;border:1px solid #354e61;border-radius:11px;color:#eff9fb;padding:12px 13px;min-height:44px;width:100%;outline:none}.form-field textarea{min-height:76px;resize:vertical}.form-field input:focus,.form-field select:focus,.shopping-entry input:focus{border-color:var(--mint)}.form-field select{color-scheme:dark}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-list{display:grid;gap:15px}.setting-hint{font-size:11px;color:#8ea6b6;line-height:1.6}.presets{display:grid;gap:9px}.preset-row{border:1px solid #365267;background:#1c3044;color:#dcebed;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left}.preset-row:hover{border-color:#7de7b1}.preset-row svg{width:19px;color:var(--mint)}.preset-row strong{font-size:12px;display:block}.preset-row small{color:#92aaba;font-size:10.5px;display:block;margin-top:4px}.preset-row .preset-plus{margin-left:auto;color:var(--mint);font-weight:bold;font-size:19px}.help-box{font-size:11.5px;line-height:1.7;color:#aac1cf;padding:15px;border:1px solid #304b5d;background:#172b3b;border-radius:12px}.day-switch{display:flex;gap:8px;align-items:center}.day-switch button{background:#192e40;border:1px solid #345169;border-radius:9px;color:#d0e3e7;width:35px;height:35px;display:grid;place-items:center}.day-switch svg{width:17px}.day-switch span{font-size:13px;color:#bbd0d7;min-width:125px;text-align:center}.day-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.day-sum .metric strong{font-size:20px}.planner-notes{display:grid;gap:9px;margin-top:15px}.planner-note{padding:12px 14px;background:#372f33;border-left:3px solid #f9c98f;border-radius:8px;color:#eed7bd;font-size:11px;line-height:1.6}.modal-layer{position:fixed;inset:0;z-index:99;background:#050b14c9;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px)}.modal{width:100%;max-width:520px;max-height:min(92vh,850px);overflow-y:auto;background:#122338;border:1px solid #35556a;border-radius:23px;box-shadow:0 25px 90px #0009;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.modal h2{font-size:23px;letter-spacing:-.6px;margin:0}.modal p{color:#91aaba;font-size:12px;line-height:1.5}.modal form{display:grid;gap:15px}.modal-actions{display:flex;justify-content:space-between;gap:9px;margin-top:6px}.days-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-pill{border:1px solid #345168;background:#1b2e41;color:#bcd3dc;display:grid;place-items:center;border-radius:9px;padding:10px 2px;font-size:11px;font-weight:750}.day-pill.selected{background:#275546;border-color:#85e9b5;color:#c7ffe3}.toggle-line{display:flex;gap:10px;align-items:center;color:#afc6cf;font-size:12px}.toggle-line input{accent-color:#8defb7}.toast{position:fixed;left:50%;bottom:98px;transform:translateX(-50%) translateY(30px);background:#a3f3c8;color:#12392e;border-radius:13px;padding:12px 18px;font-size:12px;font-weight:750;z-index:110;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 35px #0005;min-width:max-content;max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-nav{display:none}.mobile-add{display:none}.separator{height:1px;background:var(--line);margin:18px 0}.right-align{text-align:right}.mt12{margin-top:12px}.mt18{margin-top:18px}.muted-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#8ca7b5}.muted-line svg{width:15px}.ui-icon svg{display:block}.stack-top{align-self:start}.danger-text{color:#f4aeaf}
body.light{--bg:#eff4f4;--sidebar:#eff5f5;--panel:#fff;--panel2:#f0f7f7;--line:#d6e2e7;--muted:#5e7885;--text:#122f39;background:#f0f5f4;color:#193441}body.light .sidebar{background:#e6f0ee}body.light .sidebar-label{color:#6c8792}body.light .sidebar-foot{background:#e0eeeb}body.light .topbar{background:#f4faf8}body.light .panel{background:#fff;border-color:#dce9e6;box-shadow:0 12px 26px #2548480d}body.light .panel:not(.hero) :is(.metric,.date-tile,.task-card,.schedule-item,.week-card,.shopping-item,.quick-action,.preset-row,.form-field input,.form-field textarea,.form-field select,.note-area,.shopping-entry input,.day-switch button){background:#f1f7f6;border-color:#d2e2e1;color:#1f3b45}body.light .panel:not(.hero) :is(.metric strong,.date-tile strong,.schedule-info strong,.task-card strong,.week-card strong){color:#163740}body.light .panel:not(.hero) :is(.schedule-info small,.task-card small,.metric small){color:#637d86}body.light .page-head h1{color:#173843}body.light .btn-ghost{color:#274b55}body.light .modal{background:#ecf5f3;color:#1f3d48}body.light .modal :is(input,select,textarea){background:#fff;color:#12323d}body.light .nav-link{color:#56717a}body.light .nav-link.active{color:#1a604c;background:#cdece0}body.light .hero{color:#eefcf7}body.light .date-tile.selected{background:#85eab3!important;color:#153e2f!important}body.light .date-tile.selected strong{color:#153e2f!important}body.light .modal p{color:#567480}body.light .chip{color:#b9f3d5}
@media (max-width:1160px){.sidebar{width:226px}.main-content{padding:30px 29px 85px}.topbar{padding:0 29px}.grid-main{grid-template-columns:minmax(0,1.2fr) minmax(260px,.85fr)}.panel-pad{padding:20px}.week-cards{gap:7px}.week-card{padding:10px 6px}}
@media (max-width:850px){.sidebar{width:205px}.grid-main{grid-template-columns:1fr}.main-content{max-width:730px}.settings-grid{grid-template-columns:1fr}.topbar{height:68px}.week-cards{grid-template-columns:repeat(7,1fr)}.week-card{min-height:115px}.hero{min-height:225px}}
@media (max-width:640px){html,body{overscroll-behavior-y:contain}.sidebar{display:none}.topbar{height:68px;padding:0 19px}.topbar-brand{display:flex;gap:8px;align-items:center;font-weight:850;font-size:19px;letter-spacing:-.6px}.topbar-brand img{height:33px;width:33px;border-radius:11px}.topbar-left{display:none}.today-pill{font-size:10px}.topbar-actions{gap:9px}.topbar .icon-btn{height:34px;width:34px}.main-content{padding:22px 16px calc(110px + env(safe-area-inset-bottom))}.page-head{margin-bottom:20px;align-items:flex-start;gap:12px}.page-head h1{font-size:29px;letter-spacing:-1.2px}.page-head p{font-size:12px}.page-head-actions{align-items:center}.page-head-actions .btn{padding:9px 11px;font-size:10.5px}.hero{min-height:240px}.hero h2{font-size:26px}.panel-pad{padding:18px}.grid-main,.stack{gap:13px}.panel{border-radius:18px}.metrics{gap:7px}.metric{padding:12px 10px}.metric strong{font-size:20px}.metric small{font-size:9px}.date-strip{gap:5px}.date-tile{padding:9px 0}.date-tile small{font-size:9px}.date-tile strong{font-size:16px}.date-tile em{margin-top:7px}.week-cards{grid-template-columns:repeat(7,1fr);gap:4px}.week-card{padding:8px 4px;min-height:105px}.week-card strong{font-size:15px}.week-card small,.week-card .week-sub{font-size:8px}.schedule-item{gap:9px;padding:11px 9px}.schedule-time{min-width:42px;font-size:10px}.schedule-info strong{font-size:11.5px}.schedule-info small{font-size:10px}.item-controls{gap:3px}.mini-btn{height:29px;width:29px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding:8px 7px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#0c1a2bf5;border-top:1px solid #294454;backdrop-filter:blur(17px)}.mobile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;color:#8097a8;font-size:9px;font-weight:750}.mobile-link svg{width:20px;height:20px}.mobile-link.active{color:var(--mint)}.field-grid{gap:10px}.modal{padding:18px;border-radius:19px}.modal-head h2{font-size:20px}.modal-layer{align-items:flex-end;padding:0}.modal{max-height:92dvh;border-radius:23px 23px 0 0}.quick-grid{gap:7px}.quick-action{font-size:10px}.shopping-entry{flex-wrap:nowrap}.day-sum{gap:7px}.day-sum .metric strong{font-size:17px}.day-switch span{min-width:90px;font-size:11px}}
@media (max-width:360px){.topbar{padding:0 12px}.main-content{padding-left:11px;padding-right:11px}.panel-pad{padding:14px}.page-head h1{font-size:26px}.hero-stats{gap:15px}.schedule-time{min-width:35px}.schedule-info strong{font-size:10.5px}.today-pill{font-size:9px}}

/* Version 1.0.3: non-destructive planning proposals */
.proposal-panel {border:1px solid rgba(71,216,176,.38);margin-top:16px}
.proposal-panel .panel-title-row h2{display:flex;align-items:center;gap:8px}
.proposal-slots{display:grid;gap:8px;margin-top:14px}
.proposal-line{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface-2,rgba(100,160,180,.08))}
.proposal-line>span{min-width:65px;color:var(--muted,#94a3b8);font-variant-numeric:tabular-nums}
.proposal-line>strong{flex:1;font-size:.92rem}
.proposal-move{padding:13px 0;border-bottom:1px solid rgba(140,160,180,.16);display:grid;gap:5px}
.proposal-move>small{color:var(--muted,#94a3b8)}
.proposal-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.proposal-buttons .btn{white-space:normal;text-align:center}
@media(max-width:480px){.proposal-buttons .btn{flex:1 1 auto}}

/* Kalender 1.1 – compact, touch-friendly controls */
.calendar-sync-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 15px;font-size:12px;color:var(--text-muted, #a5bdc8)}
.calendar-sync-note svg{width:17px;height:17px;flex-shrink:0}
.calendar-sync-note button{background:none;color:var(--mint,#59edb1);border:0;text-decoration:underline;cursor:pointer;font:inherit;padding:4px}
.calendar-alert,.calendar-info{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:10px 0;border-radius:12px;font-size:13px;line-height:1.5}
.calendar-alert{border:1px solid rgba(255,181,80,.36);background:rgba(233,158,63,.09);color:inherit}
.calendar-info{border:1px solid rgba(90,175,240,.22);background:rgba(90,175,240,.08);color:inherit}
.calendar-alert svg,.calendar-info svg{width:20px;height:20px;flex-shrink:0}
.calendar-source-list{display:grid;gap:10px;margin:12px 0}
.calendar-source-list label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border:1px solid var(--border, #24405a);border-radius:10px;font-size:13px}
.calendar-source-list input{accent-color:#3ae6a4;width:19px;height:19px;flex-shrink:0}
.calendar-events{display:grid;gap:10px;margin:14px 0}
.calendar-event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border,#24405a);border-radius:12px;padding:12px;min-width:0}
.calendar-event-row>div{min-width:0;flex:1}
.calendar-event-row strong{display:block;font-size:13px;overflow-wrap:anywhere}
.calendar-event-row small{display:block;margin-top:5px;opacity:.7;font-size:11px}
.calendar-event-row select{border-radius:9px;border:1px solid var(--border,#24405a);padding:10px 7px;background:var(--surface-raised,#172537);color:inherit;max-width:47%;font-size:12px}
#google-setup-form input{width:100%;min-width:0}
@media(max-width:550px){.calendar-event-row{align-items:stretch;flex-direction:column}.calendar-event-row select{max-width:100%;width:100%}}

/* TAKT 1.2 – individually configured weekly rhythms and voluntary suggestions */
.personal-suggestions{margin-top:14px;border-color:rgba(133,234,179,.27)}
.personal-suggestions .panel-title-row h2{display:flex;gap:8px;align-items:center}
.personal-suggestions .panel-title-row svg{color:#80e3b5;flex-shrink:0}
.personal-anchor{border-radius:13px;padding:12px 14px;background:rgba(51,120,112,.17);border:1px solid rgba(113,212,168,.2);margin:12px 0 15px;display:grid;gap:5px}
.personal-anchor strong{display:flex;align-items:center;gap:7px;font-size:12px;color:#91ecc5}
.personal-anchor svg{width:16px;height:16px}
.personal-anchor span{font-size:11.5px;line-height:1.65;color:#c2d8dd}
.routine-suggestion{display:flex;gap:13px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(140,180,190,.15)}
.routine-suggestion-body{display:grid;gap:4px;flex:1;min-width:0}
.routine-suggestion-body strong{font-size:12.5px;line-height:1.35}
.routine-suggestion-body small{color:#a2b9c5;line-height:1.55;font-size:11px}
.routine-suggestion-body>span{color:#8deec0;font-size:10.5px;line-height:1.4}
.routine-suggestion>.btn{white-space:nowrap;flex-shrink:0;font-size:11px;padding:11px 12px;border-radius:10px}
.routine-suggestion>.btn svg{height:15px;width:15px}
.personal-facts{display:grid;gap:10px;padding:12px 14px;border-radius:12px;margin:13px 0;background:rgba(66,134,153,.10);color:#c8dce1;font-size:11.5px;line-height:1.55}
.personal-facts strong{color:#9aeabf}
.routine-warning{background:rgba(255,176,87,.09);border:1px solid rgba(255,176,87,.36);border-radius:12px;padding:14px;margin:12px 0}
.routine-warning strong{font-size:13px;color:#ffd39e}
.routine-warning p{font-size:11.5px;line-height:1.55;color:#e0cbb1;margin:6px 0 10px}
body.light .personal-anchor{background:#e4f7ee}
body.light .personal-anchor strong,body.light .personal-facts strong{color:#137550}
body.light .personal-anchor span,body.light .personal-facts{color:#345965}
body.light .routine-suggestion-body small{color:#567480}
body.light .routine-suggestion-body>span{color:#137550}
@media(max-width:380px){.routine-suggestion{align-items:flex-start;gap:8px}.routine-suggestion>.btn{font-size:10px;padding:9px}.personal-anchor span{font-size:10.5px}}

/* TAKT live day timeline */
.live-timeline{position:relative;padding-left:15px;border-left:2px solid rgba(115,220,175,.22)}
.live-event{position:relative;margin:0 0 12px 0}
.live-event:before{content:"";position:absolute;left:-21px;top:25px;width:10px;height:10px;border-radius:50%;background:#73dcae;border:2px solid #142638;z-index:2}
.live-event.live-past{opacity:.62}
.live-event.live-current .schedule-item{border-color:#73dcae;box-shadow:0 0 0 1px rgba(115,220,175,.2)}
.live-remaining{color:#73dcae;font-size:.82rem;margin:4px 0 0 10px;font-weight:600}
.live-now-marker{position:relative;display:flex;align-items:center;gap:9px;margin:15px 0 18px -16px;color:#73dcae;font-size:.83rem;font-weight:800}
.live-now-marker:after{content:"";height:2px;background:#73dcae;flex:1;box-shadow:0 0 8px rgba(115,220,175,.35)}
.live-now-dot{height:12px;width:12px;background:#73dcae;border:3px solid #142638;border-radius:50%;box-sizing:content-box}
.live-now-time{font-variant-numeric:tabular-nums}
.live-now-label{letter-spacing:.08em}
.live-untimed{padding:12px 0}.live-untimed>strong{display:block;margin-bottom:10px}

/* v1.2.2: suggested, removable rhythm entries */
.rhythm-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:rgba(94,234,176,.07);border:1px dashed rgba(110,231,183,.32);border-radius:12px}.rhythm-entry strong{display:block;font-size:14px}.rhythm-entry small{display:block;color:var(--muted,#aab8c5);margin-top:4px}.rhythm-warnings{margin:12px 0;color:var(--text,#e5edf5)}.rhythm-warnings p{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:10px;border:1px solid rgba(245,158,11,.3);border-radius:10px}.rhythm-warnings svg{flex-shrink:0}

.weekly-duty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border,rgba(140,160,180,.2))}.weekly-duty:last-child{border-bottom:0}.weekly-duty>div{min-width:0}.weekly-duty small{display:block;margin-top:6px;line-height:1.6;color:var(--muted,#aab7c4)}.weekly-duty button{flex-shrink:0}

.timeline-edit-controls{display:flex;justify-content:flex-end;gap:5px;margin:7px 0 2px;flex-wrap:wrap}.timeline-edit-controls .mini-btn{min-width:36px;min-height:36px;border:1px solid rgba(125,215,179,.3)}.timeline-confirmed{opacity:.65}.timeline-done{color:#70e5b0!important;background:rgba(100,220,160,.18)!important}.timeline-state{font-size:12px;color:#85dfb7;padding:4px 8px}.live-event{touch-action:pan-y}
.timeline-drag-handle{touch-action:none;cursor:grab;font-size:21px;font-weight:700;user-select:none}.timeline-drag-handle:active{cursor:grabbing}

.drag-ruler{position:fixed;z-index:10000;left:10px;right:10px;bottom:85px;padding:16px 16px 24px;border:1px solid #78dcb5;border-radius:18px;background:#14283a;color:#eafaf4;box-shadow:0 8px 38px #000a;pointer-events:none}.drag-ruler-title{font-size:13px;text-align:center;opacity:.8}.drag-ruler-time{text-align:center;font-size:32px;font-weight:800;color:#7fe4b4;margin:6px 0 17px;font-variant-numeric:tabular-nums}.drag-ruler-track{height:34px;position:relative;border-top:2px solid #6b8595;margin:0 7px}.drag-ruler-ticks{display:flex;position:relative;height:25px}.drag-ruler-ticks span{position:absolute;top:8px;transform:translateX(-50%);font-size:9px;color:#a8bdc9}.drag-ruler-ticks span:nth-child(even){display:none}.drag-ruler-pointer{position:absolute;top:-13px;width:3px;height:42px;background:#83edb9;box-shadow:0 0 0 4px #83edb922}.drag-ruler-help{text-align:center;font-size:12px;color:#b3c7d1;margin-top:4px}.timeline-drag-handle{touch-action:none}

/* Active event progress marker and compact touch controls */
.live-event.live-current{border-radius:15px;background:rgba(53,198,157,.10);padding:5px 5px 8px;outline:2px solid rgba(110,235,179,.65);outline-offset:2px;box-shadow:0 0 18px rgba(69,212,157,.12)}
.live-event.live-current .schedule-item,.live-event.live-current .rhythm-entry{border-color:#6ee7b7!important;background:rgba(35,102,89,.30)!important}
.live-event.live-current:before{background:#e4fff2;box-shadow:0 0 0 5px rgba(110,231,183,.20)}
.live-now-in-event{position:absolute;top:clamp(14px,var(--now-progress),calc(100% - 15px));left:-36px;right:0;height:0;border-top:2px solid #b3ffe0;z-index:4;pointer-events:none;filter:drop-shadow(0 0 4px rgba(75,255,180,.5))}
.live-now-in-event span{position:absolute;right:8px;top:-23px;font-size:11px;line-height:18px;font-weight:800;background:#175c50;color:#e6fff3;padding:1px 7px;border-radius:6px;white-space:nowrap}
.live-event .timeline-edit-controls{display:none}
.live-event.actions-expanded .timeline-edit-controls{display:flex}
.live-event .rhythm-entry,.live-event .schedule-item{cursor:pointer}
.live-event .rhythm-entry:after,.live-event .schedule-item:after{content:'Antippen für Aktionen';display:block;font-size:10px;color:#86d8bb;opacity:.85;margin-top:5px}
.live-event.actions-expanded .rhythm-entry:after,.live-event.actions-expanded .schedule-item:after{content:'Antippen zum Schließen'}
/* TAKT 1.2.8: compact daily cockpit and settings subpages */
.takt-details{display:block}.takt-details>summary,.takt-settings-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;font-size:1.03rem;color:var(--text,#e8f0f7)}
.takt-details>summary::-webkit-details-marker,.takt-settings-group>summary::-webkit-details-marker{display:none}
.takt-details>summary:after,.takt-settings-group>summary:after{content:'⌄';font-size:1.3rem;color:#75ddb2}
.takt-details[open]>summary:after,.takt-settings-group[open]>summary:after{content:'⌃'}
.takt-details>summary+.mt18{margin-top:16px}.takt-settings-group{border:1px solid rgba(136,185,210,.22);border-radius:20px;background:rgba(24,44,64,.85);padding:17px;margin-bottom:14px;min-width:0}
.takt-settings-group>summary{font-weight:700}.takt-settings-group>section.panel{margin-top:18px;padding:12px;border:0;background:transparent;box-shadow:none}
.settings-grid{display:block}.settings-grid>.stack{display:contents}.takt-details .weekly-panel{margin-top:15px}.takt-details .proposal-panel{margin-top:16px}
