:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#27241f;background:#f5f1ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 50% -15%,#fff 0,#f7f3ed 42%,#eee7dc)}button,input,textarea,select{font:inherit}.drop-shell{width:min(100%,620px);min-height:100dvh;margin:auto;padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:grid;align-content:center;gap:22px}header{display:flex;align-items:center;gap:11px;padding:0 8px}header>div{display:grid;line-height:.92}header small{color:#8c8478;font-size:.62rem;font-weight:800;letter-spacing:.2em}header strong{font-size:1.12rem;letter-spacing:.06em}header>i{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#52a06e;box-shadow:0 0 0 5px #52a06e1b}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#ef7622;box-shadow:0 8px 24px #ef762232}.brand-mark svg{width:26px;fill:#fff7ed}.drop-card{padding:clamp(25px,7vw,44px);border:1px solid #e7ded2;border-radius:28px;background:#fffcf8;box-shadow:0 22px 60px #47351f17,0 2px 8px #47351f0c}.eyebrow{color:#ef7622;font-size:.68rem;font-weight:850;letter-spacing:.15em}h1{margin:10px 0 8px;font:720 clamp(1.65rem,7vw,2.45rem)/1.08 Georgia,serif;letter-spacing:-.035em}p{margin:0 0 24px;color:#756e64;line-height:1.55}form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;color:#6c645b;font-size:.78rem;font-weight:700}input,textarea,select{width:100%;border:1px solid #dcd3c7;border-radius:15px;background:#fff;color:#27241f;outline:0;transition:border-color .15s,box-shadow .15s}input{min-height:51px;padding:0 15px}select{min-height:51px;padding:0 13px}textarea{min-height:176px;padding:17px;resize:vertical;line-height:1.55;font-size:1.05rem}input:focus,textarea:focus,select:focus{border-color:#ef7622;box-shadow:0 0 0 4px #ef76221a}button{min-height:54px;border:0;border-radius:15px;background:#ef7622;color:#fff;font-weight:780;cursor:pointer;box-shadow:0 9px 24px #ef76222e}button:disabled{opacity:.58;cursor:wait}.capture-meta{display:flex;justify-content:space-between;color:#9a9185;font-size:.7rem}.drop-message{margin-top:16px;padding:12px 14px;border-radius:12px;text-align:center;font-weight:700}.drop-message.success{color:#3f875c;background:#edf7f0}.drop-message.error{color:#b34f48;background:#fbefed}.retry{width:100%;min-height:44px;margin-top:8px;background:transparent;color:#b34f48;box-shadow:none;text-decoration:underline}.drop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-18px -18px 27px;padding:5px;border-radius:15px;background:#f2ece4}.drop-tabs button{min-height:42px;padding:8px;border-radius:11px;background:transparent;color:#786f64;box-shadow:none;font-size:.76rem}.drop-tabs button.active{background:#fff;color:#d85f13;box-shadow:0 3px 12px #47351f14}.task-form{grid-template-columns:1fr 1fr}.task-form>label:first-child,.task-form>label:nth-child(2),.task-form>button,.task-form>.reminder-toggle{grid-column:1 / -1}.task-form textarea{min-height:96px;font-size:.94rem}.optional{color:#9a9185;font-size:.68rem;font-weight:500}.reminder-toggle{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:11px;padding:12px;border:1px solid #e2d8cc;border-radius:14px;background:#fff}.reminder-toggle input{width:20px;min-height:20px;accent-color:#ef7622;box-shadow:none}.reminder-toggle>span{display:grid;gap:2px}.reminder-toggle small{color:#91877b;font-weight:500}footer{color:#958c80;text-align:center;font-size:.7rem}@media(max-width:480px){.drop-shell{align-content:start;padding-top:max(20px,env(safe-area-inset-top))}.drop-card{border-radius:22px}textarea{min-height:200px}.task-form{grid-template-columns:1fr}.task-form>*{grid-column:1!important}}@media(prefers-color-scheme:dark){:root{color:#f0e9df;background:#191714}body{background:radial-gradient(circle at 50% -15%,#302a24,#1b1815 52%,#12110f)}.drop-card{border-color:#443c34;background:#25211d;box-shadow:0 22px 60px #0006}input,textarea,select,.reminder-toggle{border-color:#554b41;background:#1d1a17;color:#f0e9df}.drop-tabs{background:#1d1a17}.drop-tabs button.active{background:#393128;color:#ff9a55}p,label{color:#b8aea2}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}