:root{--ink:#312827;--muted:#746b67;--paper:#fffdfb;--canvas:#f3f0ec;--line:#e2dbd3;--green:#355b46;--wine:#9b2035;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:white;color:var(--ink)}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}.shell{width:min(1440px,100%);margin:auto;padding:18px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px}.sidebar,.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 32px #3a29220a;border-radius:18px;padding:22px}.sidebar{align-self:start;position:sticky;top:18px}.brand{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:16px}.brand strong,.brand span{display:block}.brand span{font-size:.86rem;color:var(--muted);margin-top:4px}nav{display:grid;gap:5px}nav a,nav span{padding:11px 10px;text-decoration:none;border-radius:9px}nav span{color:#8a817b;font-size:.9rem}nav .active{background:#e6eee8;font-weight:750}main{min-width:0}header{padding:20px 4px}h1{font:clamp(2.1rem,4vw,3.3rem)/1.05 Georgia,serif;letter-spacing:-.04em;margin:6px 0 15px}h2{font:1.55rem Georgia,serif;margin:6px 0 20px}h3{margin:28px 0 16px}header p,.hint{color:var(--muted);line-height:1.6}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--green);margin:0 0 8px}.card{margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics strong{font-size:1.9rem;display:block;margin-top:12px}.metrics small{color:var(--muted)}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.form label,.section-head label{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}input,select{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);min-height:44px}.wide{grid-column:1/-1}.primary{background:var(--wine);color:white;border-color:var(--wine);font-weight:700}.timer-value{font-size:2rem;font-variant-numeric:tabular-nums;color:var(--green)}.hint{font-size:.84rem;margin-bottom:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{margin-bottom:0}.record{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;justify-content:space-between}.record:last-child{border:0}.record p{margin:5px 0;color:var(--muted);font-size:.86rem;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{color:var(--muted);padding:16px;background:#f7f3ee;border-radius:9px}.badge{padding:5px 9px;border-radius:20px;font-size:.78rem;background:#eee9e3;display:inline-block;margin:5px 0}.green{background:#e2eee5;color:#355b46}.yellow{background:#fff0cf;color:#805a09}.red{background:#fae2e4;color:#9b2035}.bar{height:7px;background:#e9e4df;border-radius:9px;margin:9px 0;overflow:hidden}.bar span{display:block;height:100%;background:var(--green)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{background:#eee9e3;border-radius:10px;padding:8px 10px;display:flex;gap:10px;align-items:center}.chip button{padding:2px 6px}.message{padding:12px;border-radius:9px;background:#e6eee8;color:var(--green)}.message.error{background:#fae2e4;color:var(--wine)}[hidden]{display:none!important}:focus-visible{outline:3px solid #355b46;outline-offset:3px}
.time-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics .card span{display:block;margin-top:6px;color:var(--muted);font-size:.76rem;line-height:1.35}.accent-metric{background:var(--green);border-color:var(--green);color:white}.metrics .accent-metric small,.metrics .accent-metric span{color:#e1ece4}
.target-rate-form{display:flex;align-items:end;gap:8px}.target-rate-form label{min-width:150px}.target-rate-form button{white-space:nowrap}
.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.comparison-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f9f7f4}.comparison-grid small,.comparison-grid span,.comparison-grid em{display:block}.comparison-grid strong{display:block;font-size:1.55rem;margin:8px 0}.comparison-grid span{color:var(--green);font-size:.86rem;font-weight:700}.comparison-grid em{margin-top:6px;color:var(--muted);font-size:.78rem;font-style:normal}
.analysis-toolbar{display:flex;gap:12px;margin:20px 0 14px}.analysis-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.84rem;min-width:180px}.time-bars{display:grid;gap:12px}.time-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.time-bar>div span{color:var(--muted)}.time-bar>i{display:block;height:9px;margin-top:6px;background:#ece7e2;border-radius:20px;overflow:hidden}.time-bar>i b{display:block;height:100%;background:var(--green);border-radius:inherit}
.traffic-legend{display:flex;flex-wrap:wrap;gap:12px;margin:-2px 0 12px;color:var(--muted);font-size:.8rem}.traffic-legend span{display:flex;align-items:center;gap:6px}.traffic-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#c8c1ba;flex:none}.traffic-dot.green{background:#4f8b62}.traffic-dot.yellow{background:#d29a2e}.traffic-dot.red{background:#bd4655}.traffic-dot.neutral{background:#aaa39d}.project-content{min-width:0;flex:1}.project-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.project-title .badge{margin:0}.badge.neutral{background:#eee9e3;color:#6c635e}.bar.yellow span{background:#d29a2e}.bar.red span{background:#bd4655}.project-numbers{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.83rem}.project-numbers b{color:var(--ink)}
.manual-time-card{padding:0;overflow:hidden}.manual-time-card summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;cursor:pointer;list-style:none}.manual-time-card summary::-webkit-details-marker{display:none}.manual-time-card summary span:first-child{display:grid;gap:4px}.manual-time-card summary small{color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.12em}.manual-time-card summary strong{font:1.16rem Georgia,serif}.manual-toggle{color:var(--green);font-size:.82rem;font-weight:750}.manual-toggle::after{content:' ↓';}.manual-time-card[open] .manual-toggle::after{content:' ↑'}.manual-time-content{padding:0 22px 22px;border-top:1px solid var(--line)}.manual-time-content>.hint{margin:14px 0}
@media(max-width:1100px){.time-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.shell{grid-template-columns:1fr;padding:12px}.sidebar{position:static;padding:14px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{padding-bottom:12px;margin-bottom:8px}nav a,nav span{font-size:.8rem;padding:8px}header{padding:24px 4px}}
@media(max-width:700px){.time-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.time-metrics .accent-metric{grid-column:1/-1}.target-rate-form{width:100%;display:grid;grid-template-columns:1fr auto}.analysis-toolbar{display:grid;grid-template-columns:1fr 1fr}.analysis-toolbar label{min-width:0}}
@media(max-width:600px){.shell{padding:12px;gap:12px}.card{padding:18px}.form{grid-template-columns:1fr}.wide{grid-column:auto}.metrics{gap:8px}.metrics .card{padding:12px}.metrics strong{font-size:1.3rem}.metrics small{font-size:.72rem}.section-head{align-items:flex-start;flex-direction:column}.record{align-items:flex-start;flex-direction:column;gap:8px}.timer-value{font-size:2.3rem}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid{grid-template-columns:1fr}.analysis-toolbar{grid-template-columns:1fr}.target-rate-form{grid-template-columns:1fr}.project-numbers{display:grid;gap:5px}}