:root{--ink:#3a3026;--muted:#765938;--paper:#faf5ef;--line:#e5d9ca;--lime:#f07a04;--white:#fffdf9;--red:#a54836}*{box-sizing:border-box}body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 16px;border-radius:9px;font-weight:600}button:hover{background:#f6e9d9}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.primary:hover{background:#564b3f}button:disabled{opacity:.5;cursor:wait}.demo{background:#eadfce;text-align:center;padding:7px 16px;font-size:11px;font-weight:700;letter-spacing:1.1px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;background:white;border-bottom:1px solid var(--line);gap:16px}.brand{font-size:23px;font-weight:850;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:8px;flex-wrap:wrap}nav button.active{background:var(--ink);color:white}main{max-width:1320px;padding:36px 4vw 60px;margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:750;color:var(--muted)}h1{font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:10px 0 14px}h2{font-size:22px;letter-spacing:-.4px;margin:0 0 12px}h3{font-size:16px;margin:0 0 14px}p{margin:10px 0;color:var(--muted)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat,.card{border:1px solid var(--line);background:white;border-radius:16px;padding:24px}.stat strong{display:block;font-size:32px;font-weight:650}.stat.accent{background:var(--lime);border-color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person{padding:22px;text-align:left;width:100%;font-weight:400;transition:transform .15s}.person:hover{transform:translateY(-3px);background:#fff}.person-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.avatar{width:44px;height:44px;border-radius:50%;background:#f9e1c5;display:grid;place-items:center;font-weight:800}.person h2{font-size:20px;margin:12px 0 5px}.pill{display:inline-block;background:#f4e8d8;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:650;align-self:start}.pill.gold{background:#f5e9bb}.pill.vip{background:#e6dff2}.pill.silver{background:#e8edf0}.pill.bronze{background:#f1e2d4}.progress-row{display:flex;justify-content:space-between;margin:9px 0;font-size:13px}.bar{height:5px;border-radius:5px;background:#eadfce;margin:3px 0 12px;overflow:hidden}.bar span{display:block;height:100%;background:#f07a04}.bottomline{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.notice{border-left:3px solid #f07a04;background:#f9ecdb;padding:14px 18px;margin:18px 0;color:#6b5a46;font-size:13px}.columns{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.stack{display:grid;gap:20px}.field{display:grid;gap:5px;margin-bottom:14px;font-size:13px;font-weight:600}input,select,textarea{width:100%;min-width:0;border:1px solid #d9c9b6;border-radius:7px;padding:10px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.check{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task{padding:18px 0;border-top:1px solid var(--line)}.task-fields{display:grid;grid-template-columns:65px 65px 1fr;gap:12px}.dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code{font-family:ui-monospace,monospace;font-size:20px;word-break:break-word}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto}.savebar{position:sticky;bottom:12px;background:#fff;padding:14px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;box-shadow:0 8px 24px #3a302612}.small{font-size:12px;color:var(--muted)}.login{max-width:480px;margin:60px auto;padding:36px}.login button{width:100%}.login .brand{margin-bottom:32px}.error{color:var(--red)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:9px;display:none;z-index:10;max-width:90vw}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.tablewrap{overflow:auto}.empty{padding:25px 0}.readtask{display:flex;justify-content:space-between;gap:15px}.link{color:var(--ink)}.muted{color:var(--muted)}.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.loginhint{padding:14px;background:var(--paper);border-radius:9px;font-size:12px;margin-top:20px}a{color:var(--ink)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}header{align-items:flex-start}.brand{font-size:19px}h1{font-size:32px}}@media(max-width:600px){.grid,.stats{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.stat strong{font-size:25px}.top,header{flex-direction:column;align-items:stretch}.grid{gap:12px}main{padding:25px 18px}.card{padding:20px}.login{margin:20px 15px}.fields{grid-template-columns:1fr}.toolbar input{width:100%}h1{font-size:30px}.demo{font-size:9px}.savebar{gap:12px}.task-fields{grid-template-columns:60px 60px 1fr}}
progress{width:100%;height:5px;border:0;border-radius:5px;background:#eadfce;display:block;margin:3px 0 12px}progress::-webkit-progress-bar{background:#eadfce;border-radius:5px}progress::-webkit-progress-value{background:#f07a04;border-radius:5px}progress::-moz-progress-bar{background:#f07a04;border-radius:5px}

/* NatureBark palette, verified against nature-bark.de on 17 October 2026. */
:root{--orange:#f07a04;--brown:#765938;--deep-brown:#3a3026;--soft-brown:#564b3f;--cream:#faf5ef}
header{background:#fffdf9;border-bottom:1px solid #dfcfba}.brand{color:var(--deep-brown)}.brand small{color:#a74f00}button.primary,nav button.active{background:var(--orange);border-color:var(--orange);color:#302419}button.primary:hover,nav button.active:hover{background:#dc6d00;color:#251a12}button{background:#fffdf9}.card,.stat{background:#fffcf7}.person:hover{background:#fffaf2}.stat.accent{color:#302419}.avatar{color:#8f4400;border:1px solid #f2cd9f}.notice{color:#6b5035}input[type=checkbox]{accent-color:var(--orange)}input,select,textarea{background:#fffefa}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.savebar{background:#fffaf3}.person{border-top:3px solid #ebccaa}.pill{border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff88;font-weight:750;letter-spacing:.3px;padding:5px 13px}.pill.bronze{background:linear-gradient(120deg,#b87943,#f0c999 45%,#c48a53);border-color:#ac713f;color:#472b17}.pill.silver{background:linear-gradient(120deg,#b6bcc1,#f1f3f5 45%,#b9c0c6);border-color:#a8afb6;color:#384048}.pill.gold{background:linear-gradient(120deg,#cba53c,#f8e7a3 45%,#dfbd58);border-color:#bf9b34;color:#59420b}.pill.vip{background:linear-gradient(125deg,#111,#39342f 50%,#151311);color:#fff8ec;border-color:#191612;box-shadow:inset 0 1px 0 #716659}.pill.vip span{color:#efb965}.goals-panel{margin:0 0 24px;padding:28px;background:#fffaf3;border-top:4px solid var(--orange)}.goals-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.goals-heading h2{font-size:29px;margin:6px 0}.goals-heading p{margin:0}.goal-summary{border:1px solid #eac9a3;background:#fbe8d0;border-radius:24px;padding:8px 15px;font-weight:600;font-size:13px}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 22px}.goal{text-align:center;min-width:0}.goal+.goal{border-left:1px solid #eadfce}.ring{position:relative;width:150px;height:150px;margin:0 auto 16px}.ring svg{width:100%;height:100%;overflow:visible}.ring-track,.ring-fill{fill:none;stroke-width:9}.ring-track{stroke:#eadfce}.ring-fill{stroke:var(--orange);stroke-linecap:butt}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.ring-label strong{font-size:39px;line-height:1.15;letter-spacing:-1.5px;color:var(--deep-brown)}.ring-label span{font-size:13px;color:var(--brown)}.goal h3{margin:0 0 6px;font-size:16px}.goal-explanation{font-size:13px;margin:0 0 10px}.status-tag{display:inline-block;padding:3px 10px;border-radius:8px;background:#f0e5d7;color:#614b32;font-size:11px}.chart-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.orange{background:var(--orange)}.legend-dot.beige{background:#d8c7b1}.mini-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0 10px}.compact .ring{width:74px;height:74px;margin-bottom:9px}.compact .ring-label strong{font-size:21px;letter-spacing:-.5px}.compact .ring-label span{font-size:10px}.compact h3{font-size:11px;font-weight:600}.compact+.compact{border-left:0}.timeline-month{padding:17px 0;border-top:1px solid var(--line)}.timeline-month>strong{display:block;font-size:14px}.timeline-row{display:grid;grid-template-columns:110px 1fr 60px;align-items:center;gap:12px;font-size:12px;margin:11px 0}.timeline-row progress{height:9px;margin:0}.timeline-row strong{text-align:right;font-size:11px}.timeline-row .metric-1::-webkit-progress-value{background:#a88051}.timeline-row .metric-2::-webkit-progress-value{background:#564b3f}.timeline-row .metric-1::-moz-progress-bar{background:#a88051}.timeline-row .metric-2::-moz-progress-bar{background:#564b3f}.empty-chart{text-align:center;background:#f8f0e5;border-radius:12px;margin-top:20px;padding:22px}.empty-chart>span{font-size:42px;color:#d4944a}.empty-chart p{margin:3px 0}.card+.card{margin-top:0}
@media(max-width:700px){.goals-heading{align-items:flex-start;flex-direction:column;gap:12px}.goal-grid{gap:8px}.ring{width:110px;height:110px}.ring-label strong{font-size:29px}.goal h3{font-size:13px}.goal-explanation{font-size:11px}.goals-panel{padding:20px 12px}.goal-summary{font-size:12px}.goal-grid .goal+.goal{border-left:0}.chart-legend{gap:10px;padding:13px 8px}.timeline-row{grid-template-columns:90px 1fr 53px;gap:7px}.compact .ring{width:76px;height:76px}}@media(max-width:380px){.ring{width:90px;height:90px}.ring-label strong{font-size:25px}.ring-label span{font-size:11px}.goal-grid{gap:3px}}
.ring-fill.voluntary{stroke:#438a52}.legend-dot.green{background:#438a52}.timeline-row progress.voluntary::-webkit-progress-value{background:#438a52}.timeline-row progress.voluntary::-moz-progress-bar{background:#438a52}.timeline-row{grid-template-columns:110px 1fr 85px}.benefit-graphic{display:flex;align-items:center;gap:15px;padding:18px 0}.benefit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#f9dbb6;color:#9b4b00;font-size:30px;font-weight:700;transform:rotate(-6deg)}.benefit-graphic strong{display:block;font-size:34px;line-height:1.2}.benefit-graphic div>span{font-size:12px}.community .benefit-icon{background:#eaddcb;color:#765938}.rank-models{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.rank-model{padding:16px;border:1px solid var(--line);border-radius:12px;background:#faf5ef}.rank-model.current{border:2px solid var(--orange);background:#fff0db}.rank-model>strong{display:block;font-size:28px;margin-top:12px}.rank-model p{font-size:12px;margin:6px 0}.next-target{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.development-month{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.development-month p{font-size:13px}.development-hint{font-size:12px;padding:10px;border-radius:8px;background:#f5e7d4}.review-help{padding:18px;background:#f7eddf;border-radius:12px;margin-top:20px}@media(max-width:450px){.rank-models{grid-template-columns:1fr}.timeline-row{grid-template-columns:90px 1fr 72px}}
.development-hint.green,.notice.green{background:#e4f1e5;color:#245d33;border-left:4px solid #438a52}.development-hint.red,.notice.red{background:#f9e5e1;color:#91392d;border-left:4px solid #b64736}.notice.green p{color:#245d33}.notice.red p{color:#91392d}
.brand-logo{display:block;width:230px;height:44px;background:var(--deep-brown);-webkit-mask:url('/logo.png') center/contain no-repeat;mask:url('/logo.png') center/contain no-repeat}.brand small{margin-top:3px;text-align:center}.pill{display:inline-flex;align-items:center;gap:5px}.rank-emblem{display:inline-block;flex:0 0 22px;width:22px;height:26px;background:currentColor;-webkit-mask:url('/emblem.png') center/contain no-repeat;mask:url('/emblem.png') center/contain no-repeat}.pill.vip .rank-emblem{background:#efb965}.brand-footer{padding:25px 4vw 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}.brand-footer div{display:flex;gap:20px;flex-wrap:wrap}.brand-footer a{text-underline-offset:4px;font-weight:600}.brand-footer a:hover{color:#a74f00}@media(max-width:600px){.brand-logo{width:205px;height:40px}.brand-footer{padding:24px 18px}.brand-footer div{flex-direction:column;gap:12px}}
header .brand-logo{width:205px;height:39px}header .brand small{font-size:9px;letter-spacing:2.5px}.login .brand{display:flex;flex-direction:column;align-items:center}.login .brand-logo{width:215px;height:41px}.login .brand small{text-align:center}.social-menu{display:flex;align-items:center;gap:7px}.social-menu a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fffaf3;color:var(--deep-brown)}.social-menu a:hover{background:#f9dbb6;color:#914500}.social-menu svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.social-menu .icon-dot{fill:currentColor;stroke:none}nav{align-items:center}@media(max-width:600px){header .brand-logo{width:190px;height:36px}header .brand{align-self:flex-start}}
article.person{cursor:default}article.person:hover{transform:none}.quick-add{display:grid;place-items:center;width:32px;height:32px;padding:0;margin:8px auto 0;border-radius:50%;font-size:24px;line-height:1;background:#f9dbb6;border:1px solid #edba80;color:#783a00}.quick-add:hover{background:var(--orange);color:#302419}.quick-add:disabled{cursor:default}.bottomline button{padding:5px 10px;font-size:12px}#count-feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:94vw;width:max-content;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:12px;background:#245d33;color:white;box-shadow:0 5px 25px #0002;z-index:12;font-size:13px}#count-feedback button{padding:6px 12px;white-space:nowrap}@media(max-width:600px){#count-feedback{width:92vw}}
.team-settings{margin-bottom:30px}.team-settings h3{margin-top:28px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.member-row .pill{margin-left:8px}.member-row button{font-size:12px;padding:7px 11px}.team-settings code{overflow-wrap:anywhere}@media(max-width:600px){.member-row{align-items:flex-start;flex-direction:column}}

.dog-editor {border:1px solid var(--line,#decebd);border-radius:18px;padding:20px;margin:20px 0}.dog-editor legend {font-weight:bold;padding:0 8px}.personal-value {white-space:pre-line;overflow-wrap:anywhere}.dog-chips button {font-size:.85rem}.danger {color:#a52f23}.brand-footer {gap:20px;flex-wrap:wrap}.brand-footer a {color:inherit}

.language-bar{display:flex;justify-content:flex-end;max-width:1400px;margin:16px auto 0;padding:0 24px}.language-switch{font-weight:700;white-space:nowrap;min-width:88px}