:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1c1917;background:#fafaf9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fafaf9,#f5f5f4);color:#1c1917}button,input{font:inherit}button{border:1px solid #78716c;background:#1c1917;color:#fafaf9;padding:.9rem 1.2rem;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}button:hover{background:#2f2a27;border-color:#57534e}button:active{transform:translateY(1px)}input{width:100%;border:1px solid #d6d3d1;background:#fafaf9;color:#1c1917;padding:.9rem 1rem}input:focus,button:focus{outline:2px solid #78716c;outline-offset:2px}#root{min-height:100vh}.app-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:680px;margin-bottom:2.5rem}.eyebrow,.panel-label,.timer-label,.tip-label{margin:0 0 .5rem;color:#78716c;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page-header h1,.panel-heading h2{margin:0;font-family:Libre Baskerville,Georgia,Times New Roman,serif;line-height:1.2}.page-header h1{font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:1rem}.intro,.panel-copy,.task-summary,.timer-task,.tip-card p,.empty-state p{margin:0;color:#57534e}.sections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}.panel{border:1px solid #e7e5e4;background:#fafaf9eb;padding:1.5rem;min-height:100%}.panel-accent{background:#f5f5f4}.panel-heading{margin-bottom:1rem}.stack{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field span,.status-line span{font-size:.95rem;color:#57534e}.status-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e7e5e4}.timer-card,.tip-card,.empty-state,.task-item{border:1px solid #e7e5e4;background:#fafaf9}.timer-card{padding:1.25rem}.timer-value{margin:0;font-family:Libre Baskerville,Georgia,Times New Roman,serif;font-size:clamp(2.6rem,7vw,4.5rem);line-height:1;color:#1c1917}.button-row{display:flex;gap:.75rem;margin:1rem 0}.button-row button{flex:1}.secondary-button{background:transparent;color:#1c1917}.tip-card,.empty-state{padding:1rem}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin:1rem 0}.task-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.task-item{padding:.9rem 1rem}.task-item label{display:flex;align-items:center;gap:.75rem;color:#1c1917}.task-item input{width:auto;margin:0}.task-done{color:#78716c;text-decoration:line-through}@media(max-width:900px){.sections-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{width:min(100% - 1rem,1100px);padding:1.25rem 0 2rem}.panel{padding:1rem}.button-row,.inline-form{grid-template-columns:1fr;display:grid}}
