:root{font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f5f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fefefe,#f3f5fb 70%);color:#0f172a;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column;margin:0 auto;max-width:560px;padding:1.5rem 1.25rem 4rem}.app-header{padding:1.25rem;background:#ffffffeb;border-radius:20px;box-shadow:0 8px 28px #0f172a1f}.app-title{margin:0;font-size:1.4rem;font-weight:600}.app-tagline{margin:.25rem 0 0;color:#475467;font-size:.95rem}.app-main{flex:1;margin-top:1.5rem}.app-nav{display:flex;gap:.75rem;justify-content:space-around;margin-top:1.5rem;padding:.75rem 1rem;border-radius:999px;background:#0f172a0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;bottom:1rem}.app-nav__link{flex:1;text-align:center;padding:.45rem .5rem;border-radius:999px;text-decoration:none;font-weight:600;color:#475467;transition:background .2s ease,color .2s ease}.app-nav__link.is-active{background:#0fdb6d;color:#0f172a}.page{background:#fffffff2;border-radius:28px;padding:1.5rem;box-shadow:0 20px 35px #0f172a14}.page-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:#94a3b8}.page h1{margin:.25rem 0 .5rem;font-size:1.6rem}.page h2{margin-top:0}.page-lead{color:#475467;margin-top:0}.page-card{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:1rem;background:#f8fafc;margin-top:1.5rem}.page-card ul{padding-left:1.25rem;margin:.5rem 0 0;color:#344054}.home-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.75rem}.home-actions--inline{margin-top:1rem}.home-actions--inline .primary-button,.home-actions--inline .secondary-button{width:100%}.stacked-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field span{font-weight:600;color:#1d2939}.form-field input{border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:.75rem 1rem;font-size:1rem;font-family:inherit}.ghost-button{border-radius:999px;border:1px solid rgba(15,23,42,.15);padding:.35rem .9rem;background:transparent;cursor:pointer;font-weight:600;color:#0f172a}.primary-button,.secondary-button,.link-button{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:999px;padding:.8rem 1.5rem;text-decoration:none;border:none;cursor:pointer}.primary-button{background:linear-gradient(120deg,#0fdc6d,#6cf0ff);color:#0f172a}.primary-button--small{padding:.4rem 1rem;font-size:.85rem}.secondary-button{background:#0f172a14;color:#0f172a}.link-button{background:transparent;color:#475467;border:1px dashed rgba(71,84,103,.5)}.danger-button{background:#fee4e2;color:#b42318;border:none;border-radius:999px;font-weight:600;padding:.8rem 1.5rem;cursor:pointer}.danger-zone{border:1px solid rgba(244,63,94,.2);background:#fff5f5}.focus-demo{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;border-radius:32px;background:linear-gradient(180deg,#d1fae5,#bbf7d0);margin-top:1.5rem;text-align:center;box-shadow:inset 0 0 60px #0f766e33}.focus-demo__task{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:#15803d}.focus-demo__note{margin:0;color:#166534;max-width:320px}.focus-demo__timer{font-size:4.5rem;font-weight:600;margin:.5rem 0 1rem;color:#065f46;text-shadow:0 4px 20px rgba(6,95,70,.3)}.task-preview{margin-top:1rem}.task-preview ul{margin:.5rem 0 0;padding-left:1.25rem;color:#1d2939;word-break:break-word}.task-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.task-card{border-radius:20px;padding:1rem;background:#0f172a0a;display:flex;align-items:center;gap:.5rem}.task-card--cold{background:#eef5ff}.task-card--warm{background:#fff7ec}.task-card__content{flex:1}.task-card__head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.task-card__actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.task-card__title-button{border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:.6rem .9rem;background:#fff;font-weight:600;color:#0f172a;text-decoration:none;display:inline-flex;width:100%;justify-content:center;text-align:center}.task-card__meta{margin:.35rem 0 0;display:flex;gap:.75rem;font-size:.9rem;color:#475467}.progress-meter{position:relative;height:10px;background:#0f172a14;border-radius:999px;margin-top:.5rem;overflow:hidden}.progress-meter__fill{height:100%;background:linear-gradient(120deg,#0fdc6d,#01c2ff);border-radius:inherit}.progress-meter__overflow{position:absolute;top:-1.6rem;right:0;font-size:.75rem;font-weight:600;color:#0f172a}.task-card__subtitle{margin:.2rem 0 0;color:#0f172a;font-size:.9rem}.state-pill{background:#e0f2fe;color:#0b6aa2;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600}.state-pill--warm{background:#fff4d6;color:#b45309}.task-list__empty{margin-top:1rem;padding:1rem;border-radius:16px;background:#0f172a0a;text-align:center}.slider-group{margin-top:1.5rem}.slider-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.slider-viewport{overflow:hidden}.slider-track{display:flex;transition:transform .35s ease}.slider-pane{flex:0 0 100%}.stats-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem;color:#1d2939}.estimate-options{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem}.time-options{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.custom-time-input{flex:1 1 100%}.custom-time-input label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:#1d2939}.custom-time-input input{border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:.6rem .8rem;font-size:1rem}.time-options-block{border:1px dashed rgba(15,23,42,.15);border-radius:16px;padding:.75rem}.chip-button{border-radius:999px;border:1px solid rgba(15,23,42,.15);padding:.35rem .9rem;background:#fff;cursor:pointer;font-weight:600;color:#0f172a}.chip-button.is-active{background:#0fdc6d;border-color:transparent}.success-text{color:#027a48;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.modal-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 30px 60px #0f172a59}.modal-card textarea{width:100%;border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:.75rem 1rem;font-family:inherit;font-size:1rem;margin-top:.75rem}.modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.recommend-results{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.recommend-card{border-radius:20px;padding:1rem;background:#0f172a0a}.recommend-card--primary{background:linear-gradient(150deg,#ecfff4,#e5f9ff)}.recommend-card__label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#0f766e}.recommend-card__title{margin:.4rem 0 0;font-weight:600;font-size:1.2rem}.recommend-card__meta{margin:.2rem 0 .7rem;color:#475467}.recommend-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.recommend-card__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.state-pill--outline{background:transparent;border:1px solid rgba(15,23,42,.2)}.state-pill--warm.state-pill--outline{border-color:#f9731699;color:#b45309}.note-pill{padding:.1rem .6rem;border-radius:999px;background:#0f766e26;color:#0f766e;font-size:.75rem;font-weight:600}.collapse-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;font-weight:600;cursor:pointer}.done-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.65rem}.done-section{margin-top:1rem}.done-card{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;border-radius:16px;background:#0f172a0a}.done-card__title{margin:0;font-weight:600}.done-card__meta{margin:.2rem 0 0;color:#475467;font-size:.9rem}.done-card__actions{display:flex;gap:.4rem}.danger-button--compact{padding:.45rem .9rem;font-size:.85rem}.backup-section{display:flex;flex-direction:column;gap:.75rem}.backup-section input[type=file]{border:1px dashed rgba(15,23,42,.2);border-radius:12px;padding:.6rem}.error-text{color:#b42318;font-weight:600}.hint-text{color:#475467;font-size:.9rem;margin-top:.5rem}@media(min-width:600px){.home-actions,.home-actions--inline{flex-direction:row}.home-actions--inline .primary-button,.home-actions--inline .secondary-button{width:auto;flex:1}.modal-actions{flex-direction:row}}