:root{color:#20262d;font-synthesis:none;--ink:#20262d;--ink-soft:#5f676f;--paper:#fffdf9;--paper-soft:#f4f1eb;--line:#d8d2c8;--line-strong:#aaa196;--accent:#d9821b;--accent-dark:#9b5408;--accent-soft:#fff0dc;--danger:#a8382d;--danger-soft:#fff0ed;--success:#23734d;--success-soft:#e9f6ef;--shadow:0 16px 48px #20262d1f;background:#f4f1eb;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--paper-soft);min-height:100%;overflow-x:clip}body{background:var(--paper-soft);width:100%;min-width:320px;min-height:100%;color:var(--ink);margin:0;overflow-x:clip}#root{min-width:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d9821b57}.auth-shell{background:linear-gradient(#20262d09 1px, transparent 1px), linear-gradient(90deg, #20262d09 1px, transparent 1px), var(--paper-soft);background-size:24px 24px;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card,.boot-card{border:1px solid var(--line);background:var(--paper);width:min(440px,100%);box-shadow:var(--shadow);border-radius:24px}.auth-card{gap:24px;padding:28px;display:grid}.boot-card{text-align:center;padding:36px;font-weight:750}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{background:var(--accent);width:44px;height:44px;color:var(--ink);border-radius:12px 12px 4px 4px;place-items:center;font-size:23px;font-weight:900;display:grid;box-shadow:inset 0 -4px #20262d24}.brand>span:last-child{line-height:1;display:grid}.brand strong{letter-spacing:-.02em}.brand small{color:var(--accent-dark);letter-spacing:.2em;margin-top:5px;font-size:10px;font-weight:900}.brand.compact .brand-mark{border-radius:10px 10px 3px 3px;width:36px;height:36px;font-size:19px}.brand.compact strong{font-size:14px}.brand.compact small{font-size:8px}.auth-copy{gap:8px;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:850}.auth-copy h1,.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,8vw,44px);line-height:1.02}.auth-copy p:last-child,.page-heading p:last-child{color:var(--ink-soft);margin:0;line-height:1.5}.auth-form{gap:10px;display:grid}.auth-form label,.form-card label{gap:7px;font-size:13px;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--line-strong);width:100%;max-width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:11px;padding:11px 12px}textarea{resize:vertical;line-height:1.45}label small,.field-help{color:var(--ink-soft);margin:0;font-size:12px;font-weight:500;line-height:1.4}.primary-button,.secondary-button,.danger-button,.preview-button{border-radius:12px;min-height:48px;padding:11px 16px;font-weight:800}.primary-button{background:var(--accent);color:#181b1f;border:1px solid #b9680d;box-shadow:inset 0 -2px #20262d2b}.primary-button:hover{background:#e58c24}.secondary-button{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}.danger-button{background:var(--danger);color:#fff;border:1px solid #8b2e25}.preview-button{border:1px dashed var(--line-strong);color:var(--ink);background:0 0}.text-button{min-height:44px;color:var(--accent-dark);text-align:left;background:0 0;border:0;align-items:center;padding:4px 0;font-weight:750;display:inline-flex}.privacy-note{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.success-panel,.setup-panel{border-radius:12px;gap:6px;padding:14px;display:grid}.success-panel{background:var(--success-soft);border:1px solid #9bcab1}.setup-panel{background:var(--accent-soft);border:1px solid #e2b47c}.success-panel span,.setup-panel span{color:var(--ink-soft);font-size:13px}.field-app{width:100%;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom));overflow-x:clip}.topbar{z-index:20;width:100%;min-width:0;min-height:62px;padding-top:10px;padding-right:max(16px, env(safe-area-inset-right));padding-bottom:10px;padding-left:max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar>*{min-width:0}.topbar-status{color:var(--ink-soft);flex:none;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.signal-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.signal-dot.online{background:var(--success)}.sync-banner,.update-banner{justify-content:space-between;align-items:center;gap:12px;padding:10px max(16px,50vw - 360px);font-size:13px;font-weight:650;display:flex}.sync-banner{color:#fff;background:#262d34}.update-banner{background:var(--accent-soft);color:var(--ink);border-bottom:1px solid #e1ad6a}.sync-banner button,.update-banner button{min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:5px 10px;font-weight:800}.field-main{width:100%;min-width:0;max-width:720px;margin:0 auto;padding:22px 16px 32px}.view-stack,.section-stack{gap:16px;min-width:0;display:grid}.page-heading{gap:8px;padding:6px 2px 8px;display:grid}.page-heading h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,8vw,40px)}.notice,.error-notice{border-radius:11px;padding:12px 14px;font-size:13px;line-height:1.4}.notice{border:1px solid var(--line);background:var(--paper)}.error-notice{background:var(--danger-soft);color:#7d2e27;border:1px solid #dd938b;justify-content:space-between;gap:12px;display:flex}.error-notice button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;font-size:22px}.primary-action-card{background:var(--accent);width:100%;min-height:92px;color:var(--ink);text-align:left;border:1px solid #b9680d;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid;overflow:hidden;box-shadow:0 10px 26px #97530a2e}.primary-action-card>span:nth-child(2){min-width:0}.primary-action-card>span:last-child{font-size:30px;font-weight:300}.primary-action-card strong,.primary-action-card small{display:block}.primary-action-card strong{font-size:17px}.primary-action-card small{color:#542d06;margin-top:4px;font-size:12px}.action-mark{background:#ffffff75;border-radius:14px;place-items:center;width:48px;height:48px;font-size:29px;font-weight:500;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-heading>span{min-width:26px;height:26px;color:var(--ink-soft);background:#e8e3db;border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.assignment-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:14px;display:grid}.assignment-time{border-right:1px solid var(--line);color:var(--accent-dark);align-self:stretch;place-items:center;font-size:12px;font-weight:850;display:grid}.assignment-copy{min-width:0}.assignment-copy h3,.report-summary h3{margin:0;font-size:15px}.assignment-copy p,.assignment-copy span{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.assignment-copy p{font-size:13px;font-weight:700}.assignment-copy span{color:var(--ink-soft);font-size:12px;display:block}.icon-button{border:1px solid var(--line);background:var(--paper-soft);width:44px;height:44px;color:var(--ink);border-radius:12px;font-size:26px}.empty-card{border:1px dashed var(--line-strong);background:#ffffff73;border-radius:14px;gap:5px;padding:18px;display:grid}.empty-card span,.empty-inline{color:var(--ink-soft);font-size:13px}.empty-inline{padding:6px 2px}.form-card,.account-card,.privacy-card,.danger-card{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);background:var(--paper);border-radius:16px;gap:16px;min-inline-size:0;margin:0;padding:16px;display:grid}.form-card>label{min-width:0}.form-card legend{letter-spacing:-.02em;padding:0 6px;font-size:16px;font-weight:850}.fieldset-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.fieldset-toggle legend{float:left}.switch-label{grid-template-columns:auto auto;align-items:center;min-height:44px;gap:8px!important;display:flex!important}.switch-label input{width:22px;min-height:22px;accent-color:var(--accent)}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.time-grid>label,.time-grid input{min-width:0;min-inline-size:0}.time-grid label:last-child{grid-column:1/-1}.input-suffix{position:relative}.input-suffix input{padding-right:48px}.input-suffix span{color:var(--ink-soft);font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.duration{background:var(--success-soft);border-radius:10px;justify-content:space-between;gap:12px;padding:12px;display:flex}.duration.invalid{background:var(--danger-soft);color:var(--danger)}.photo-picker{border:1px dashed var(--line-strong);background:var(--paper-soft);text-align:center;border-radius:14px;place-items:center;padding:22px;position:relative}.photo-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-dark);border-radius:50%;place-items:center;font-size:28px;display:grid}.photo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.photo-list li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:10px;display:grid}.photo-list li>span:nth-child(2){min-width:0;display:grid}.photo-list strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.photo-list small{color:var(--ink-soft);font-size:11px}.photo-list button{min-height:44px;color:var(--danger);background:0 0;border:0;font-size:12px;font-weight:750}.photo-index{background:#e8e3db;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:850;display:grid}.submit-dock{border:1px solid var(--line);background:var(--paper);border-radius:16px;gap:8px;padding:12px;display:grid;position:static;box-shadow:0 8px 24px #20262d1a}.submit-dock span{color:var(--ink-soft);text-align:center;font-size:11px}.report-summary{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:12px;padding:14px;display:grid}.report-summary>div:first-child{gap:6px;display:grid}.report-summary p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.report-meta{color:var(--ink-soft);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.report-meta span{background:var(--paper-soft);border-radius:999px;padding:5px 8px}.status-badge{width:fit-content;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;background:#e8e3db;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850}.status-submitted,.status-accepted{background:var(--success-soft);color:var(--success)}.status-pending_sync,.status-syncing{background:var(--accent-soft);color:var(--accent-dark)}.status-needs_attention,.status-rejected{background:var(--danger-soft);color:var(--danger)}.submission-row{gap:8px;display:grid}.submission-row>.secondary-button{justify-self:end;min-height:44px;font-size:12px}.row-error{color:var(--danger);margin:0;font-size:12px}.amendment-status{background:var(--paper-soft);min-height:44px;color:var(--ink-soft);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.amendment-card h2{margin:0;font-size:18px}.account-card div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:12px;display:flex}.account-card div span{color:var(--ink-soft)}.account-card div strong{text-align:right}.privacy-card h2,.danger-card h2{margin:0;font-size:17px}.privacy-card p,.danger-card p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.danger-card{background:var(--danger-soft);border-color:#d9948c}.button-row{gap:8px;display:grid}.full-button{width:100%}.bottom-nav{z-index:30;min-height:calc(68px + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-button{min-height:56px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;place-items:center;gap:3px;display:grid}.nav-button>span{background:#ece7df;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:850;display:grid}.nav-button small{font-size:10px;font-weight:750}.nav-button.active{color:var(--accent-dark)}.nav-button.active>span{background:var(--accent);color:var(--ink)}@media (width<=379px){.field-main{padding-left:12px;padding-right:12px}.primary-action-card{gap:10px;padding:14px}.action-mark{width:44px;height:44px}.nav-button small{font-size:9px}}@media (width>=620px){.field-main{padding:30px 24px 44px}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-grid label:last-child{grid-column:auto}.submit-dock{grid-template-columns:1fr auto;align-items:center}.submit-dock span{text-align:left}.submit-dock .primary-button{min-width:190px}.button-row{grid-template-columns:1fr 1fr}}