:root{--c-main:#fff;--c-text:#2a2620;--c-petrol:#2f5d6e;--c-highlight:#e8572a;--c-surface:#efefec;--c-text-muted:color-mix(in srgb, var(--c-text) 62%, var(--c-main));--c-line:color-mix(in srgb, var(--c-text) 12%, var(--c-main));--c-petrol-soft:color-mix(in srgb, var(--c-petrol) 10%, var(--c-main));--c-focus:color-mix(in srgb, var(--c-petrol) 45%, var(--c-main));--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius:10px;--nav-w:216px;--tabbar-h:60px}*,:before,:after{box-sizing:border-box}html,body{background:var(--c-main);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{margin:0;font-weight:650;line-height:1.2}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}a{color:var(--c-petrol)}.hl{color:var(--c-highlight);font-style:normal;font-weight:650}.muted{color:var(--c-text-muted)}.shell{min-height:100dvh}.nav{height:var(--tabbar-h);background:var(--c-petrol);z-index:10;display:flex;position:fixed;inset:auto 0 0}.nav__brand{display:none}.nav__list{scrollbar-width:none;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.nav__list li{flex:1 0 auto;min-width:64px}.nav__link{height:100%;color:var(--c-main);opacity:.7;font-size:var(--fs-sm);justify-content:center;align-items:center;text-decoration:none;display:flex}.nav__link[aria-current=page]{opacity:1;font-weight:650}.nav__link[aria-disabled=true]{opacity:.35;pointer-events:none}.main{padding:var(--sp-5) var(--sp-4) calc(var(--tabbar-h) + var(--sp-6))}.main__inner{max-width:1240px;margin:0 auto}@media (width>=860px){.nav{width:var(--nav-w);height:auto;padding:var(--sp-5) var(--sp-3);gap:var(--sp-5);flex-direction:column;inset:0 auto 0 0}.nav__brand{color:var(--c-main);padding:0 var(--sp-3);font-weight:700;display:block}.nav__list{gap:var(--sp-1);flex-direction:column;flex:none;overflow:visible}.nav__link{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);border-radius:8px;justify-content:flex-start}.nav__link[aria-current=page]{background:color-mix(in srgb, var(--c-main) 14%, transparent)}.main{margin-left:var(--nav-w);padding:var(--sp-7) clamp(var(--sp-6), 4vw, var(--sp-7))}}.page-head{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.page-head h1{font-size:var(--fs-xl)}.page-head p{color:var(--c-petrol);margin:0}.src{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap;display:inline-block}.tag{font-size:var(--fs-xs);color:var(--c-petrol);background:var(--c-petrol-soft);padding:0 var(--sp-2);margin-left:var(--sp-1);white-space:nowrap;border-radius:999px;display:inline-block}.section{padding:var(--sp-5) 0;border-top:1px solid var(--c-line)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.section__head h2{font-size:var(--fs-lg)}.section__intro{margin:var(--sp-1) 0 var(--sp-4);color:var(--c-petrol);font-size:var(--fs-sm)}.field{margin-bottom:var(--sp-4)}.field__label{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-1);flex-wrap:wrap;align-items:baseline;display:flex}.field__value{white-space:pre-wrap;margin:0}.field__empty{color:var(--c-text-muted);font-style:italic}.list{padding-left:var(--sp-5);margin:0}.list li+li{margin-top:var(--sp-1)}.input,.textarea,.select{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line);background:var(--c-main);border-radius:8px}.textarea{resize:vertical;min-height:88px}.hint{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1)}.row{gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.btn{border:1px solid var(--c-petrol);background:var(--c-main);color:var(--c-petrol);padding:var(--sp-2) var(--sp-4);cursor:pointer;border-radius:8px;min-height:40px}.btn--primary{background:var(--c-petrol);color:var(--c-main)}.btn--quiet{padding:var(--sp-2);border-color:#0000}.btn:disabled{opacity:.5;cursor:default}.notice{background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm)}.stat-line{font-size:var(--fs-sm);color:var(--c-text-muted)}.nav__logout{cursor:pointer;background:0 0;border:0;width:100%}.login{min-height:100dvh;padding:var(--sp-4);place-items:center;display:grid}.login__box{gap:var(--sp-3);flex-direction:column;width:100%;max-width:340px;display:flex}.login__box h1{color:var(--c-petrol)}.login-msg{margin:var(--sp-6) auto;max-width:480px}@media (width>=1200px){.profile-grid{columns:2;column-gap:var(--sp-7)}.profile-grid>.section{break-inside:avoid}}.toolbar{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:flex-end;display:flex}.toolbar>.grow{flex:200px}.toolbar label{gap:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted);flex-direction:column;display:flex}.toolbar .input,.toolbar .select{min-width:0}.input--day{width:84px}.strip{margin-bottom:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(11px,1fr));gap:3px;display:grid}.strip__cell{aspect-ratio:1;background:var(--c-surface);cursor:pointer;border:0;border-radius:2px;padding:0}.strip__cell[data-level="0"]{background:color-mix(in srgb, var(--c-petrol) 22%, var(--c-main))}.strip__cell[data-level="1"]{background:color-mix(in srgb, var(--c-petrol) 40%, var(--c-main))}.strip__cell[data-level="2"]{background:color-mix(in srgb, var(--c-petrol) 62%, var(--c-main))}.strip__cell[data-level="3"]{background:color-mix(in srgb, var(--c-petrol) 82%, var(--c-main))}.strip__cell[data-level="4"]{background:var(--c-petrol)}.strip__cell[data-future=true]{opacity:.4;cursor:default}.strip__cell[data-today=true]{outline:2px solid var(--c-text);outline-offset:1px}.strip-legend{gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--sp-6);flex-wrap:wrap;align-items:center;display:flex}.strip-legend .strip__cell{vertical-align:middle;cursor:default;width:11px;display:inline-block}.month{margin-bottom:var(--sp-6)}.month h2{font-size:var(--fs-sm);color:var(--c-petrol);margin-bottom:var(--sp-2);font-weight:650}.entry-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--c-line);color:inherit;grid-template-columns:64px 1fr auto;text-decoration:none;display:grid}.entry-row:hover .entry-row__text{color:var(--c-petrol)}.entry-row__day{font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.3}.entry-row__day strong{color:var(--c-text);font-size:var(--fs-md);display:block}.entry-row__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.entry-row__meta{gap:var(--sp-1);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.entry-row__rating{font-size:var(--fs-sm);color:var(--c-text-muted);white-space:nowrap}.empty{padding:var(--sp-6) 0;color:var(--c-text-muted)}.form-grid{gap:var(--sp-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid--2{grid-template-columns:1fr 1fr}}.form-group{border-top:1px solid var(--c-line);padding-top:var(--sp-5);margin-top:var(--sp-5)}.form-group>h2{font-size:var(--fs-md);margin-bottom:var(--sp-4)}.scale{gap:var(--sp-1);flex-wrap:wrap;display:flex}.scale__btn{border:1px solid var(--c-line);background:var(--c-main);cursor:pointer;border-radius:8px;min-width:36px;min-height:36px}.scale__btn[aria-pressed=true]{background:var(--c-petrol);border-color:var(--c-petrol);color:var(--c-main)}.switch{align-items:center;gap:var(--sp-2);cursor:pointer;display:flex}.switch input{width:20px;height:20px;accent-color:var(--c-petrol)}.sticky-actions{bottom:calc(var(--tabbar-h) + var(--sp-2));background:var(--c-main);padding:var(--sp-3) 0;margin-top:var(--sp-5);border-top:1px solid var(--c-line);position:sticky}@media (width>=860px){.sticky-actions{bottom:0}}.file-row{gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--c-line);font-size:var(--fs-sm);align-items:center;display:flex}.file-row code{word-break:break-all;flex:1}.back{color:var(--c-petrol);font-size:var(--fs-sm);text-decoration:none}.tabs{gap:var(--sp-1);margin-bottom:var(--sp-4);display:flex;overflow-x:auto}.tabs .btn[aria-pressed=true]{background:var(--c-petrol);color:var(--c-main)}.story{border-top:1px solid var(--c-line);padding:var(--sp-4) 0}.story h3{font-size:var(--fs-md);margin:var(--sp-1) 0 var(--sp-2)}.story__body{white-space:pre-wrap;margin:0 0 var(--sp-2)}.story__lesson{margin:0 0 var(--sp-3);font-size:var(--fs-sm)}.story__meta{font-size:var(--fs-xs);color:var(--c-text-muted);gap:var(--sp-2);flex-wrap:wrap;display:flex}.story__meta a{color:var(--c-petrol)}.ok{font-size:var(--fs-sm);color:var(--c-petrol)}.funnel-mix{gap:var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:baseline;display:flex}.funnel-mix__item{gap:var(--sp-2);font-size:var(--fs-sm);align-items:baseline;display:flex}.funnel-mix__n{font-size:var(--fs-lg)}.funnel-mix .hint{flex-basis:100%;margin:0}.board{gap:var(--sp-3);scroll-snap-type:x mandatory;padding-bottom:var(--sp-3);grid-auto-columns:minmax(240px,85%);grid-auto-flow:column;display:grid;overflow-x:auto}@media (width>=640px){.board{grid-auto-columns:260px}}.board__col{scroll-snap-align:start;background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-3);min-height:160px}.board__col h2{font-size:var(--fs-sm);color:var(--c-petrol);margin-bottom:var(--sp-3)}.idea-card{background:var(--c-main);padding:var(--sp-3);margin-bottom:var(--sp-2);gap:var(--sp-2);border-radius:8px;flex-direction:column;display:flex}.idea-card__title{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.idea-card__title:hover{color:var(--c-petrol)}.idea-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.select--sm{width:auto;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.editor{border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-5)}.editor>h2{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.filters{flex-basis:100%}.filters>summary{align-items:center;list-style:none;display:inline-flex}.filters>summary::-webkit-details-marker{display:none}.filters__body{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.idea-card__script{min-height:0;font-size:var(--fs-sm);align-self:flex-start;padding:0}.tab-link{text-decoration:none}.tab-link.active,.tab-link[aria-current=page]{background:var(--c-petrol);color:var(--c-main)}.script-meta{gap:var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.script-meta .tabs{margin-bottom:0}.part{margin-top:var(--sp-5)}.part__label{font-size:var(--fs-md);color:var(--c-text);font-weight:650}.read-through{margin-top:var(--sp-5);font-size:var(--fs-lg);line-height:1.6}.read-through p{margin:0 0 var(--sp-4);white-space:pre-wrap}.read-through .hint{font-size:var(--fs-xs)}.check-row{padding:var(--sp-2) 0;align-items:flex-start}.check-row input{flex:none;margin-top:2px}.hook-picker{border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--sp-3);margin-top:var(--sp-2);gap:var(--sp-2);flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.hook-picker__item{text-align:left;border:0;border-top:1px solid var(--c-line);padding:var(--sp-2) 0 0;cursor:pointer;gap:var(--sp-1);background:0 0;flex-direction:column;display:flex}.hook-picker__item:hover strong{color:var(--c-petrol)}.hook-picker__formula{font-size:var(--fs-sm)}.week-stats{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.week-stats{grid-template-columns:1fr 1fr}}.week-stats h2{font-size:var(--fs-sm);color:var(--c-petrol);margin-bottom:var(--sp-1)}.week-stats p{margin:0}.week-stats .hint{margin-top:var(--sp-1)}.week{gap:var(--sp-2);grid-template-columns:1fr;display:grid}@media (width>=1100px){.week{grid-template-columns:repeat(7,minmax(0,1fr))}}.week__day{background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-3);min-height:96px}.week__day[data-today=true]{outline:2px solid var(--c-petrol);outline-offset:-2px}.week__day h2{font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.week__add{padding:var(--sp-1) 0;min-height:0;font-size:var(--fs-sm)}.cal-item[data-status=gepostet] .idea-card__title{color:var(--c-text-muted);text-decoration:line-through}.cal-item .select--sm{align-self:flex-start}.kv{gap:var(--sp-2) var(--sp-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.kv dt{color:var(--c-text-muted);font-size:var(--fs-sm)}.kv dd{margin:0}.sync-log{font-size:var(--fs-sm);color:var(--c-petrol)}.sub-h{font-size:var(--fs-md);margin:var(--sp-5) 0 var(--sp-2)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-line);text-align:left;white-space:nowrap}.table th{color:var(--c-petrol);background:var(--c-main);font-weight:600;position:sticky;top:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}code{background:var(--c-surface);padding:0 var(--sp-1);border-radius:4px;font-size:.9em}.insights-switch{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tiles{gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.tile{background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-3);flex-direction:column;gap:2px;display:flex}.tile__label{font-size:var(--fs-xs);color:var(--c-petrol)}.tile__value{font-weight:650;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;line-height:1.2}.tile__sub{font-size:var(--fs-xs);color:var(--c-text-muted)}.chart-block{border-top:1px solid var(--c-line);padding:var(--sp-5) 0}.chart-block h2{font-size:var(--fs-lg)}.chart-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.chart-head .tabs{margin:0}.chart{margin-top:var(--sp-3)}.chart-grid{gap:var(--sp-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.chart-grid{grid-template-columns:1fr 1fr}.chart-grid>.chart-block{border-top:1px solid var(--c-line)}}.chart-tip{background:var(--c-main);border:1px solid var(--c-line);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);border-radius:8px;flex-direction:column;display:flex}.link-btn{min-height:0;font-size:var(--fs-sm);white-space:nowrap;padding:0}.link-row td{white-space:normal;background:var(--c-surface)}.link-editor .field{display:block}.report{border-top:1px solid var(--c-line);padding:var(--sp-5) 0}.report h2{font-size:var(--fs-lg);margin-bottom:var(--sp-3)}.report__part h3{font-size:var(--fs-md);color:var(--c-petrol);margin:var(--sp-4) 0 var(--sp-2)}.report__sec h4{font-size:var(--fs-sm);margin:var(--sp-3) 0 var(--sp-1)}.attr-grid>div{min-width:0}.backup-opts{gap:var(--sp-2);flex-direction:column;display:flex}.file-btn{cursor:pointer;position:relative}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.cmd{background:var(--c-main);padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) 0;font-size:var(--fs-sm);border-radius:6px;overflow-x:auto}
