:root{--bg:#f6f5fa;--paper:#fff;--ink:#222536;--sub:#828597;--stroke:#ebeaf2;--p:#7152da;--pl:#f0ebff;--green:#208e7a;--gl:#e7f7f1;--orange:#ec874e;--ol:#fff4e9;--red:#d4536d;--rl:#fff0f3;--shadow:0 12px 50px #1f1a391a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}.app{flex-direction:column;min-height:100%;display:flex}.app__content{flex:1;padding-bottom:96px;overflow-y:auto}.screen{max-width:560px;margin:0 auto;padding:20px 21px 24px}.screen__header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.screen__header h1{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:850}.section-title{margin:20px 0 10px;font-size:17px;font-weight:850}.section-title--overdue{color:var(--red)}.section-title--due{color:var(--p)}.section-title--upcoming{color:var(--sub)}.btn{cursor:pointer;border:none;border-radius:13px;min-height:44px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:800}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--p);color:#fff}.btn--secondary{background:var(--pl);color:var(--p)}.btn--neutral{background:var(--paper);color:var(--ink);border:1px solid var(--stroke)}.btn--danger{background:var(--rl);color:var(--red)}.btn--full{width:100%}.field{margin-bottom:16px;display:block}.field__label{color:var(--sub);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field__error{color:var(--red);margin-top:4px;font-size:12px;display:block}.field input,.field textarea,.field select{border:1px solid var(--stroke);background:var(--paper);width:100%;min-height:44px;color:var(--ink);border-radius:13px;padding:10px 13px;font-family:inherit;font-size:14px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--p);outline-offset:-1px}.field--error input,.field--error textarea,.field--error select{border-color:var(--red)}.card{background:var(--paper);box-shadow:var(--shadow);border-radius:17px;padding:16px}.topic-card{background:var(--paper);box-shadow:var(--shadow);color:inherit;border-radius:17px;margin-bottom:12px;padding:14px 16px;text-decoration:none;display:block}.topic-card__subject{color:var(--p);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:800}.topic-card__title{margin:4px 0 6px;font-size:14px;font-weight:800}.topic-card__meta{color:var(--sub);justify-content:space-between;align-items:center;font-size:12px;display:flex}.badge{border-radius:9px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-block}.badge--pending{background:var(--ol);color:var(--orange)}.badge--local_only{background:var(--pl);color:var(--p)}.badge--conflict,.badge--error,.badge--phase-overdue{background:var(--rl);color:var(--red)}.badge--phase-due_today{background:var(--pl);color:var(--p)}.badge--phase-upcoming,.badge--phase-completed{background:var(--gl);color:var(--green)}.tabbar{background:var(--paper);border-top:1px solid var(--stroke);padding:6px 0 calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--sub);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:6px 0;font-size:10px;font-weight:700;text-decoration:none;display:flex}.tabbar__item--active{color:var(--p)}.sheet-backdrop{z-index:30;background:#22253673;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;max-width:560px;padding:24px 21px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;margin:0 auto}.sheet__title{text-align:center;margin-bottom:16px;font-size:17px;font-weight:850}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;z-index:40;box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.toast .btn{min-height:32px;padding:4px 12px}.sync-status{color:var(--orange);background:var(--ol);border-radius:13px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.sync-status--offline{color:var(--red);background:var(--rl)}.empty{text-align:center;padding:48px 8px}.empty__text{color:var(--sub);margin:0 0 20px;font-size:14px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.photo-tile{aspect-ratio:1;background:var(--pl);border-radius:13px;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile__remove{color:#fff;cursor:pointer;background:#222536a6;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.update-prompt{left:50%;top:calc(12px + env(safe-area-inset-top));background:var(--paper);box-shadow:var(--shadow);z-index:50;border-radius:13px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.placeholder{text-align:center;color:var(--sub);padding:64px 21px}