:root{--ink:#182633;--green:#159d87;--deep:#142937;--line:#e2e7ea;--muted:#6b7785;--bg:#fafbfc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.art{background:#173b35;color:#edf5ed;padding:46px 10%;display:flex;flex-direction:column;justify-content:space-between}.logo{font:600 29px 'Fraunces';letter-spacing:-.06em}.art h1{font:500 clamp(43px,6vw,75px)/.98 'Fraunces';letter-spacing:-.065em;max-width:600px}.art p{color:#c9dbd0;max-width:420px;line-height:1.6}.authbox{width:min(390px,calc(100% - 60px));margin:auto}.authbox h2{font:600 30px 'Fraunces';letter-spacing:-.04em;margin:0 0 7px}.authbox p{font-size:14px;color:var(--muted);margin-bottom:25px}.field{display:block;font-size:13px;font-weight:600;margin:15px 0}.field input,.field textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8dfe4;border-radius:7px;background:#fff;outline-color:var(--green)}.primary,.dark{border:0;background:var(--deep);color:#fff;border-radius:7px;padding:12px 16px;font-weight:600;cursor:pointer}.primary{width:100%;margin-top:5px}.link{border:0;background:none;color:#087f6d;font-weight:600;cursor:pointer}.err{color:#bf4837;font-size:12px;min-height:18px}.bar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px}.bar .logo:before{content:'';display:inline-block;width:25px;height:6px;background:var(--green);border-radius:4px;margin:0 7px 5px 0}.avatar{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#30a25d;color:#fff;border:0;font-weight:700;cursor:pointer}.home{max-width:1060px;margin:auto;padding:60px 28px}.head{display:flex;justify-content:space-between;gap:25px;align-items:start}.head h1{margin:0;font-size:32px;letter-spacing:-.04em}.head p{color:var(--muted);font-size:14px}.cards{display:grid;gap:13px;margin-top:35px}.card{border:1px solid #e8ecee;border-radius:12px;background:#fff;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer}.card:hover{border-color:#8bd5c6}.icon{height:47px;width:47px;display:grid;place-items:center;background:#e8f7f2;color:#078c76;border-radius:11px;font:bold 19px 'DM Mono'}.card h3{margin:0 0 5px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:13px}.badge{font:10px 'DM Mono';padding:3px 6px;border-radius:9px;background:#e7f5f1;color:#087b68}.modalbg{position:fixed;inset:0;background:#10203066;display:grid;place-items:center;padding:20px}.modal{width:min(450px,100%);padding:25px;background:#fff;border-radius:12px;box-shadow:0 20px 70px #0004}.modal h2{font:600 26px 'Fraunces';margin:0}.types label{display:flex;gap:10px;border:1px solid var(--line);padding:11px;border-radius:8px;margin:8px 0;cursor:pointer}.types b,.types small{display:block}.types small{color:var(--muted);font-size:12px;margin-top:3px}.actions{display:flex;justify-content:end;gap:9px;margin-top:18px}.actions button{padding:9px 13px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer}.actions .dark{background:var(--deep);color:#fff}.db{height:100vh;display:flex;flex-direction:column;background:#fff}.dbhead{height:65px;padding:0 26px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:12px}.back{border:0;background:none;font-size:23px;cursor:pointer}.tabs{background:var(--green);height:52px;padding:9px 18px;color:white}.tab{display:inline-block;background:white;color:#1a2b38;border-radius:8px 8px 0 0;padding:13px 18px;font-size:14px;font-weight:600}.tools{height:60px;padding:0 25px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.tools button{border:1px solid #dce3e7;background:#fff;padding:8px 11px;border-radius:6px;color:#556574;cursor:pointer}.tools .dark{margin-left:auto;color:#fff;background:var(--deep)}.records{overflow:auto;flex:1}.grid{width:100%;min-width:850px;border-collapse:collapse}.grid th,.grid td{height:49px;border-right:1px solid #e6eaec;border-bottom:1px solid #e6eaec;padding:0 13px;text-align:left;font-size:14px}.grid th{background:#f7f8f9;color:#4b5662}.grid th:first-child,.grid td:first-child{width:44px;text-align:center;color:#9aa5ad;font:12px 'DM Mono'}.cell{border:0;background:transparent;width:100%;padding:9px 0;outline:0}.status{border:0;border-radius:12px;padding:5px 8px;background:#e5f5f0;color:#087b68}.documents{padding:22px;display:grid;gap:13px;background:#f8fafb}.document{border:1px solid #e1e6e8;border-radius:9px;padding:16px;background:#fff;display:flex;justify-content:space-between;gap:16px}.document pre{margin:8px 0 0;white-space:pre-wrap;font:12px/1.5 'DM Mono'}.document button{border:1px solid var(--line);background:#fff;padding:6px 8px;border-radius:5px;cursor:pointer}.json{min-height:240px;font:12px/1.5 'DM Mono';resize:vertical}@media(max-width:700px){.auth{grid-template-columns:1fr}.art{min-height:285px;padding:35px}.art h1{font-size:46px}.authbox{padding:55px 0}.home{padding:40px 20px}.head{flex-direction:column}.tools{overflow:auto;padding:0 14px}.tools button:not(.dark){display:none}}
@media(max-width:700px){html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}.art{min-height:250px;padding:31px 25px}.art h1{font-size:clamp(39px,12vw,50px);margin:36px 0}.authbox{width:calc(100% - 40px);padding:42px 0}.bar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.home{padding:34px 16px calc(34px + env(safe-area-inset-bottom))}.head{flex-direction:column;gap:18px}.head .dark{width:100%;min-height:45px}.card{padding:16px;gap:12px}.card h3{font-size:16px}.db{height:100svh}.dbhead{height:56px;padding:0 13px;gap:8px;overflow:hidden;white-space:nowrap}.dbhead strong{overflow:hidden;text-overflow:ellipsis}.dbhead span{display:none}.tabs{height:49px;padding:7px 12px;overflow-x:auto;white-space:nowrap}.tab{padding:12px 15px}.tools{height:60px;overflow-x:auto;overflow-y:hidden;padding:0 12px;gap:8px;-webkit-overflow-scrolling:touch}.tools strong{white-space:nowrap;font-size:13px}.tools .dark{position:sticky;right:0;margin-left:auto;min-width:max-content;padding:10px 12px}.records{-webkit-overflow-scrolling:touch}.grid{min-width:690px}.grid th,.grid td{padding:0 10px}.documents{padding:14px}.document{display:block;padding:14px}.document button{margin-top:10px}.modalbg{align-items:end;padding:0}.modal{width:100%;max-height:88svh;overflow:auto;border-radius:16px 16px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.actions{position:sticky;bottom:-22px;background:#fff;padding:14px 0 5px}.actions button{min-height:42px}.field input,.field textarea{font-size:16px}}

/* Fieldnote public home and production workspace controls */
.landing{min-height:100vh;background:#071b1a;color:#eaf0ec;padding:0 5vw;overflow:hidden}.landing-nav{height:82px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{color:#edf3ee;font:500 29px Fraunces;text-decoration:none;letter-spacing:-.06em}.brand i{display:inline-block;width:17px;height:5px;background:#51d5ad;border-radius:8px;margin:0 0 5px 5px}.landing-nav nav{display:flex;gap:28px}.landing-nav nav a{color:#b7c8c0;text-decoration:none;font-size:13px}.quiet-button{border:1px solid #35554d;background:transparent;color:#dbe9e1;border-radius:6px;padding:10px 14px;cursor:pointer}.landing-hero{max-width:1040px;margin:0 auto;padding:105px 0 70px;text-align:center}.kicker{font:10px DM Mono,monospace;letter-spacing:.13em;color:#90b7a9}.landing-hero h1{font:500 clamp(60px,9vw,108px)/.88 Fraunces;margin:26px 0;letter-spacing:-.075em}.landing-hero h1 em,.landing-engines em,.landing-api em{color:#a7f1d5;font-weight:400}.landing-hero p{max-width:570px;margin:auto;color:#a8b9b2;font-size:17px;line-height:1.6}.landing-actions{display:flex;justify-content:center;align-items:center;gap:23px;margin:31px}.landing-actions a{color:#d7e8df;font-size:13px;text-decoration:none}.hero-button{border:0;background:#a7f1d5;color:#0a2a24;padding:13px 17px;border-radius:5px;font-weight:700;cursor:pointer}.hero-button b{font-size:18px;margin-left:28px}.landing-preview{margin:65px auto 0;max-width:920px;border:1px solid #73a99a;border-radius:10px 10px 0 0;overflow:hidden;background:#fff;color:#223934;text-align:left;box-shadow:0 24px 80px #0008}.preview-bar{height:54px;background:#eff5f1;display:flex;gap:25px;align-items:center;padding:0 18px;font-size:12px;color:#6d8179}.preview-bar b{font-size:16px;color:#1b3934}.preview-bar i{margin-left:auto;background:#2ea263;color:#fff;border-radius:50%;font-style:normal;padding:8px}.preview-table{display:grid;grid-template-columns:2fr 1.3fr 1.1fr .8fr}.preview-table>*{padding:14px;border-right:1px solid #e2e8e5;border-bottom:1px solid #e8eeeb;font-size:12px}.preview-table strong{font-weight:500}.preview-table em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0a349}.preview-table em.blue{background:#6099cc}.landing-engines{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:120px 0}.landing-engines article{border:1px solid #274942;background:#102c29;border-radius:12px;padding:39px}.landing-engines small,.landing-api small{font:10px DM Mono;color:#78c9ad}.landing-engines h2,.landing-api h2{font:500 46px/.95 Fraunces;letter-spacing:-.06em;margin:22px 0}.landing-engines p{color:#aac0b6;line-height:1.6}.landing-api{background:#dfe9e2;color:#133129;padding:80px max(5vw,calc((100vw - 1040px)/2));margin:0 -5vw}.landing-api pre{max-width:520px;background:#10312f;color:#cbf1e2;border-radius:8px;padding:20px;font:13px/1.7 DM Mono}.landing-price{text-align:center;padding:100px 0}.landing-price p{color:#aec2b9;margin-bottom:24px}.back-link{border:0;background:transparent;color:#0b8975;padding:0;margin-bottom:35px;cursor:pointer}.account{margin-left:auto;position:relative}.avatar{width:auto;min-width:44px;padding:0 11px}.avatar span{margin-left:4px;color:#c8e4d7}.account-popover{display:none;position:absolute;right:0;top:45px;width:238px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px #10203026;border-radius:10px;padding:7px;z-index:55}.account-popover.open{display:block}.account-popover p{font:11px DM Mono;color:#74808c;padding:8px 10px;margin:0;border-bottom:1px solid #e9edef}.account-popover>button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px;border-radius:6px;cursor:pointer;color:#20333e}.account-popover>button:hover{background:#f0f6f3}.language-row{display:flex;align-items:center;gap:5px;border-top:1px solid #e9edef;margin-top:5px;padding:8px 5px}.language-row span{font-size:12px;color:#76818d;margin-right:auto}.language-row button{border:1px solid #dce4e3;background:#fff;border-radius:5px;padding:5px 7px;font:10px DM Mono;cursor:pointer}.account-popover .logout{color:#a34237;border-top:1px solid #e9edef;margin-top:3px}.manage-button,.team-button,.lang-switch{display:none!important}.title-edit{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:2px}.dbhead span .title-edit{color:#6b7785;font-weight:400}.card-more{margin-left:auto;border:0;background:transparent;color:#7a8791;font-size:19px;cursor:pointer}.empty-card{border:1px dashed #c6d6d2;border-radius:12px;padding:45px;text-align:center;color:#71808a}.row-delete{border:0;background:transparent;color:#b05043;font-size:19px;cursor:pointer}.add-head{color:#4b8375}.format-json{border:1px solid #cfe0db;background:#eff8f4;color:#087d69;border-radius:6px;padding:8px 10px;font-size:12px;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#153d35;color:#fff;border-radius:7px;padding:11px 14px;box-shadow:0 9px 30px #0003;font-size:13px}
@media(max-width:700px){.landing{padding:0 20px}.landing-nav{height:68px}.landing-nav nav{display:none}.landing-hero{padding-top:70px}.landing-hero h1{font-size:56px}.landing-actions{flex-direction:column;margin:26px}.landing-preview{margin-left:-20px;margin-right:-20px;overflow:auto;border-radius:0}.preview-bar,.preview-table{min-width:650px}.landing-engines{grid-template-columns:1fr;padding:70px 0}.landing-engines article{padding:28px}.landing-api{padding:65px 20px;margin:0 -20px}.landing-api h2{font-size:42px}.account-popover{position:fixed;top:58px;left:12px;right:12px;width:auto}.dbhead span{display:inline!important}.dbhead{overflow:visible!important}.title-edit{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}}