:root{color:#0f172a;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f8fafc 0%,#e8eef7 100%);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app{max-width:820px;min-height:100vh;margin:0 auto;padding:12px 12px 112px}header{display:none}header>div{align-items:center;gap:10px;display:flex}.eyebrow{color:#0000;letter-spacing:0;align-items:center;margin:0;font-size:0;display:flex}.eyebrow:before{content:"";background-image:url(/mygocam-logo.svg);background-position:0;background-repeat:no-repeat;background-size:contain;width:186px;height:46px;display:block}.eyebrow:after{display:none}.homeHero .eyebrow:before{width:150px;height:38px}.homeHero .eyebrow{margin-bottom:8px}h1{height:0;margin:0;font-size:0;overflow:hidden}h2{color:#0f172a;margin:0 0 10px;font-size:21px}h3{color:#334155;margin:0 0 10px}button{color:#0f172a;background:#e2e8f0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:11px 12px;font-weight:800;display:inline-flex}button:active{transform:scale(.985)}.syncPill{color:#475569;background:#eef2f7;min-height:36px;padding:8px 10px;font-size:12px}.icon{background:#eef2f7;width:46px;height:46px;padding:0}.hero,.capture,.group,.panel{background:#fff;border:1px solid #dbe3ef;border-radius:20px;margin-bottom:12px;padding:15px;box-shadow:0 9px 24px #0f172a0e}.capture{border-color:#bfdbfe;box-shadow:0 10px 26px #2563eb14}.capture p,.hero p,.muted{color:#64748b;margin-top:0;line-height:1.35}.capture textarea,.bigText,.moneyPage textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;min-height:118px;margin-top:8px;padding:13px;font-size:16px}.capture textarea:focus,.input:focus,.searchWrap:focus-within,.moneyPage input:focus,.moneyPage textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.primary{color:#fff;background:#2563eb}.danger{color:#fff;background:#dc2626}.uploadButton{color:#fff;cursor:pointer;text-align:center;background:#0f172a;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:11px 12px;font-weight:800;display:flex}.uploadButton input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.searchWrap{background:#fff;border:1px solid #dbe3ef;border-radius:15px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:0 6px 17px #0f172a0b}.searchWrap input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:15px}.hero h2{margin:5px 0 10px;font-size:22px;line-height:1.1}.grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px;display:grid}.stat{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:13px;box-shadow:0 6px 17px #0f172a0b}.stat strong{color:#0f172a;font-size:23px;display:block}.stat span{color:#64748b;font-size:12px}.moneyForm{grid-template-columns:1fr;gap:9px;margin-bottom:10px;display:grid}.moneyPage input,.moneyPage select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:15px;outline:none;width:100%;min-height:44px;padding:12px 13px}.moneyPage label:not(.uploadButton){color:#334155;align-items:center;gap:8px;font-weight:700;display:flex}.moneyPage label input[type=checkbox]{width:auto;min-height:auto}.group h3{color:#334155;letter-spacing:.06em;justify-content:space-between;font-size:14px;display:flex}.task,.row,.note{background:#f8fafc;border:1px solid #dbe3ef;border-left:5px solid #94a3b8;border-radius:18px;justify-content:space-between;gap:12px;margin:10px 0;padding:14px;display:flex;overflow:hidden}.task.urgent{border-left-color:#dc2626}.task.high{border-left-color:#f59e0b}.task h4,.note h4{color:#0f172a;margin:0 0 5px;font-size:16px}.task p,.row p,.note p{color:#64748b;margin:0;font-size:13px;line-height:1.35}.task pre,.note pre{white-space:pre-wrap;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:180px;margin:10px 0 0;padding:10px;overflow:auto}.status{color:#475569;background:#eef2f7;border:1px solid #dbe3ef;border-radius:14px;padding:10px 12px}.status.good{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status.warn{color:#92400e;background:#fef3c7;border-color:#fde68a}.preview{border:1px solid #dbe3ef;border-radius:14px;max-width:100%;margin-bottom:10px}.fileLink{color:#2563eb;margin-top:10px;font-weight:800;text-decoration:none;display:inline-flex}.errorText{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #dbe3ef;justify-content:flex-start;gap:5px;padding:9px 8px 17px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -8px 22px #0f172a14}nav button{color:#64748b;background:0 0;border-radius:13px;flex-direction:column;align-items:center;gap:3px;min-width:68px;padding:8px 7px;font-size:10px;display:flex}nav svg{width:20px;height:20px}nav button.on{color:#2563eb;background:#eff6ff}.task>button,.row>button{align-self:flex-start;min-width:44px}.taskActions{flex-direction:column;gap:8px;display:flex}.taskActions button{min-width:42px;padding:9px}.homePage{gap:12px;display:grid}.homeHero{background:#fff;border:1px solid #dbe3ef;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex;box-shadow:0 8px 22px #0f172a0e}.homeHero h2{margin:2px 0 4px;font-size:22px}.homeHero span{color:#64748b;font-size:13px}.homeCapture{margin-bottom:0}.quickActions{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:9px;display:grid}.homeStats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.homeStats button{text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:16px;min-height:70px;padding:11px;display:block;box-shadow:0 6px 17px #0f172a0b}.homeStats strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;display:block;overflow:hidden}.homeStats span{color:#64748b;margin-top:3px;font-size:11px;display:block}.homeGrid{grid-template-columns:1fr;gap:12px;display:grid}.homePanel{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:14px;box-shadow:0 6px 17px #0f172a0b}.homePanel article{border-top:1px solid #e2e8f0;padding:9px 0}.homePanel article:first-of-type{border-top:0}.homePanel b{color:#0f172a;font-size:14px;display:block}.homePanel p{color:#64748b;margin:3px 0 0;font-size:12px}.sectionTitle{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeBlocksPanel{border-color:#bfdbfe}.timeBlock{background:#f8fafc;border:1px solid #dbe3ef;border-left:5px solid #94a3b8;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:10px;margin:9px 0;padding:12px;display:flex}.timeBlock.active{background:#eff6ff;border-left-color:#2563eb}.timeBlock.completed{background:#f0fdf4;border-left-color:#16a34a}.timeBlock.stuck{background:#fffbeb;border-left-color:#f59e0b}.timeBlockActions{align-items:center;gap:7px;display:flex}.timeBlockActions button{min-height:36px;padding:8px 9px;font-size:12px}.timeBlockForm{gap:8px;margin-top:12px;display:grid}.timeBlockForm input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:11px 12px}.timeBlockForm>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.focusMode{color:#fff;background:linear-gradient(#0f172a,#1e293b);border-radius:18px;margin:10px 0 12px;padding:14px;box-shadow:0 12px 26px #0f172a33}.focusMode h3{color:#fff;margin:2px 0 4px}.focusTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.focusTop span,.focusMission{color:#cbd5e1;font-size:13px}.focusTop strong{white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:8px 10px;font-size:13px}.focusMission{margin:10px 0}.focusProgress{background:#ffffff2e;border-radius:999px;height:9px;overflow:hidden}.focusProgress i{background:#60a5fa;border-radius:999px;height:100%;display:block}.focusActions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.focusActions button{min-height:38px;padding:8px;font-size:12px}.focusActions button:not(.primary){color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.group:has(.task){padding:13px}.group:has(.task)>h2{margin-bottom:12px;font-size:26px}.group:has(.task) .task{background:#fff;border-left-width:7px;border-radius:20px;align-items:flex-start;padding:16px 14px;box-shadow:0 8px 20px #0f172a0e}.group:has(.task) .task h4{font-size:18px;line-height:1.15}.group:has(.task) .task p{margin-top:6px;font-size:13px}.group:has(.task) .task.urgent{background:#fff7f7;border-left-color:#ef4444}.group:has(.task) .task.high{background:#fffbeb;border-left-color:#f59e0b}.group:has(.task) .taskActions button:first-child{color:#fff;background:#2563eb}.group:has(.task) .taskActions button:last-child{color:#991b1b;background:#fee2e2}.group:has(.task) .muted{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:18px}.group:has(.task):before{content:"Open tasks are sorted by priority and due date. Use Quick capture on Home for fast entry.";color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-bottom:12px;padding:11px 12px;font-size:13px;font-weight:700;display:block}.group:has(.task):after{content:"Tip: mark tasks done instead of deleting them if you want a completion history.";color:#64748b;text-align:center;margin-top:8px;font-size:12px;display:block}@media (width>=680px){.actions{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(4,1fr)}.moneyForm,.homeGrid{grid-template-columns:1fr 1fr}.app{padding-bottom:104px}}@media (width<=420px){.eyebrow:before{width:152px;height:38px}.homeHero .eyebrow:before{width:126px;height:32px}.syncPill{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.quickActions{grid-template-columns:1fr 1fr}.homeStats{grid-template-columns:repeat(2,1fr)}.focusTop{display:block}.focusTop strong{margin-top:8px;display:inline-flex}.focusActions{grid-template-columns:1fr 1fr}.timeBlock{display:block}.timeBlockActions{margin-top:10px}.group:has(.task) .task{display:block}.group:has(.task) .taskActions{flex-direction:row;margin-top:12px}.group:has(.task) .taskActions button{flex:1}}