.compose-screen{color:#171d29;outline:none;padding:18px 18px 24px;font-size:13px}.compose-kicker{letter-spacing:1.45px;color:#7e8794;font-size:9px;font-weight:700}.compose-progress{gap:9px;margin-bottom:22px;display:flex}.compose-progress>div{color:#a0a8b4;border-bottom:2px solid #e6e9ee;flex:1;align-items:center;gap:6px;padding-bottom:12px;display:flex}.compose-progress>div.is-current{color:#043d88;border-color:#3064a8}.compose-progress>div>span{background:#edf0f5;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.compose-progress .is-current>span{color:#fff;background:#043d88}.compose-progress small{white-space:nowrap;font-size:10px;font-weight:650}.compose-kind-control{background:#e9edf2;border:1px solid #e4e8ee;border-radius:13px;grid-template-columns:1fr .8fr 1.3fr;margin-bottom:16px;padding:4px;display:grid}.compose-kind-control button{color:#818998;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:37px;font-size:11px;font-weight:650;display:flex}.compose-kind-control button[aria-pressed=true]{color:#1b2537;background:#fff;box-shadow:0 1px 5px #20334614}.compose-cover{aspect-ratio:1.33;background:#e8edf2;border-radius:19px;position:relative;overflow:hidden}.compose-cover>img{object-fit:cover;width:100%;height:100%}.compose-cover-bottom{color:#fff;background:linear-gradient(#0000,#101a2e7a);justify-content:space-between;align-items:center;padding:27px 13px 13px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.compose-cover-bottom>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff15;border:1px solid #ffffff36;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;display:flex}.compose-no-photo{color:#95a4b6;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;font-size:12px;display:flex}.compose-section-title{justify-content:space-between;align-items:center;gap:10px;margin:19px 0 10px;display:flex}.compose-section-title h2{margin:0;font-size:12px;font-weight:700}.compose-section-title>span{color:#9198a4;font-size:9px}.compose-selected-photos{gap:9px;min-height:75px;display:flex}.compose-selected-photo,.compose-upload{aspect-ratio:1;border-radius:12px;flex-shrink:0;width:calc(25% - 6.75px);position:relative;overflow:hidden}.compose-selected-photo img{object-fit:cover;width:100%;height:100%}.compose-selected-photo>button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16283c85;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:4px;right:4px}.compose-selected-photo small{color:#fff;text-shadow:0 1px 5px #000;font-size:8px;position:absolute;bottom:5px;left:7px}.compose-upload{color:#5883b5;background:#edf3f9;border:1.5px dashed #ccd5e0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.compose-upload small{font-size:9px}.compose-upload:disabled{opacity:.55}.compose-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.compose-gallery{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px;display:grid}.compose-gallery>button{aspect-ratio:1.4;background:#e7ecf3;border:2px solid #0000;border-radius:8px;position:relative;overflow:hidden}.compose-gallery>button[aria-pressed=true]{border-color:#043d88}.compose-gallery img{object-fit:cover;width:100%;height:100%}.compose-gallery button>span{color:#fff;white-space:nowrap;background:linear-gradient(#0000,#111d32a6);padding:10px 2px 5px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.compose-gallery button>i{color:#fff;background:#043d88;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:3px;right:3px}.compose-form-card{background:#ffffffd9;border:1px solid #e6e9ef;border-radius:17px;margin-top:15px;padding:16px;box-shadow:0 3px 16px #1a335203}.compose-form-card h3{letter-spacing:-.15px;margin:1px 0 16px;font-size:12px;font-weight:750}.compose-field{flex-direction:column;gap:7px;min-width:0;margin-top:13px;display:flex}.compose-field:first-child{margin-top:0}.compose-field>label,.compose-label{color:#647184;font-size:11px;font-weight:650}.compose-label{margin:16px 0 9px}.compose-field .field{color:#263245;background:#f6f8fb;border:1px solid #e5eaf1;border-radius:10px;outline:none;width:100%;min-width:0;min-height:43px;padding:10px 11px;font-family:inherit;font-size:16px;line-height:1.5}.compose-field .field:focus{border-color:#557caf;box-shadow:0 0 0 3px #043d880c}.compose-field textarea.field{resize:vertical;min-height:82px}.compose-field select.field{padding-right:22px}.compose-field>small{color:#939ba7;font-size:9px;line-height:1.6}.compose-field.has-error .field{background:#fffaf9;border-color:#eab4af}.compose-error,.compose-field>small.compose-error{color:#b8483e;margin:8px 0;font-size:10px;line-height:1.5}.compose-location-note{color:#8493a5;align-items:flex-start;gap:6px;margin:12px 0 0;font-size:9px;line-height:1.6;display:flex}.compose-location-note svg{flex-shrink:0;margin-top:1px}.compose-note{color:#8a94a3;margin:13px 2px;font-size:10px;line-height:1.75}.compose-two-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compose-two-cols>.compose-field{margin-top:13px}.compose-outcome{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compose-outcome>button{color:#82909e;background:#f9fafc;border:1px solid #e6eaf0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:11px;display:flex}.compose-outcome>button[aria-pressed=true]{color:#25518a;background:#eff4fa;border-color:#b7c9e0}.compose-detail-intro{align-items:center;gap:11px;margin:5px 0 20px;display:flex}.compose-detail-intro>span{color:#043d88;background:#e6ecf4;border-radius:14px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.compose-detail-intro h2{letter-spacing:-.4px;margin:0 0 5px;font-size:15px;font-weight:700}.compose-detail-intro p{color:#8b94a1;margin:0;font-size:10px;line-height:1.6}.compose-mine{cursor:pointer;background:linear-gradient(125deg,#eff3f8,#f6f8fb);border:1px solid #dce4ef;border-radius:16px;align-items:center;gap:10px;margin-top:15px;padding:15px 12px;display:flex;position:relative}.compose-mine input{opacity:0;width:21px;height:21px;position:absolute;left:12px}.compose-custom-check{background:#fff;border:1px solid #c5d4e7;border-radius:7px;flex-shrink:0;place-items:center;width:21px;height:21px;display:grid}.compose-mine input:checked+.compose-custom-check{color:#fff;background:#043d88;border-color:#043d88}.compose-mine input:focus-visible+.compose-custom-check{outline-offset:3px;outline:3px solid #7197c8}.compose-mine>span:nth-of-type(2){flex:1}.compose-mine strong{color:#3a5578;font-size:11px;font-weight:700;display:block}.compose-mine small{color:#7c90ac;margin-top:3px;font-size:9px;line-height:1.7;display:block}.compose-mine>svg{color:#95b3d9;flex-shrink:0}.compose-techniques{flex-wrap:wrap;gap:6px;display:flex}.compose-techniques .chip{color:#7e8a99;background:#f3f5f9;border:1px solid #e8ecf2;border-radius:20px;align-items:center;gap:4px;min-height:34px;padding:9px 11px;font-size:10px;display:flex}.compose-techniques .chip[aria-pressed=true]{color:#043d88;background:#e9eff7;border-color:#b5c7df}.compose-bathymetry-upload{background:#f6f8fa;border:1px solid #dce1e8;border-radius:17px;margin-top:16px;padding:16px}.compose-bathymetry-title{color:#043d88;align-items:center;gap:10px;margin-bottom:14px;display:flex}.compose-bathymetry-title h3{margin:0 0 3px;font-size:13px}.compose-bathymetry-title p{color:#777f8a;margin:0;font-size:11px}.compose-bathymetry-upload>.secondary-action{border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;font-size:12px;display:flex}.compose-bathymetry-upload details{color:#536173;font-size:11px;line-height:1.65}.compose-bathymetry-upload summary{cursor:pointer;min-height:36px}.compose-bathymetry-upload details p{overflow-wrap:anywhere}.compose-bathymetry-file{overflow-wrap:anywhere;background:#fff;border:1px solid #dbe1e8;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px;display:flex}.compose-bathymetry-file img{object-fit:contain;background:#edf0f4;border-radius:8px;width:100%;max-height:180px}.compose-bathymetry-file strong{color:#24303f;font-size:12px}.compose-bathymetry-file span,.compose-bathymetry-file p{color:#6d7682;margin:0;font-size:11px;line-height:1.6}.compose-bathymetry-file small{color:#043d88;align-items:center;gap:5px;font-size:10px;display:flex}.compose-bathymetry-file button{color:#b84b3f;align-self:flex-start;min-height:36px;font-size:11px}.compose-bathymetry-review{color:#043d88;background:#f0f3f8;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:12px;display:flex}.compose-bathymetry-review svg{flex-shrink:0}.compose-bathymetry-review span{min-width:0}.compose-bathymetry-review strong{overflow-wrap:anywhere;font-size:11px;display:block}.compose-bathymetry-review small{color:#717c8b;margin-top:4px;font-size:9px;display:block}.compose-review{background:#fff;border:1px solid #e6eaf1;border-radius:18px;overflow:hidden}.compose-review>img{object-fit:cover;width:100%;height:225px}.compose-review-body{padding:17px}.compose-review h2{letter-spacing:-.45px;margin:7px 0;font-size:17px}.compose-review p{color:#8793a4;align-items:center;gap:5px;margin:7px 0;font-size:10px;display:flex}.compose-stat-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;display:flex}.compose-stat-row>span{color:#566b87;align-items:center;gap:5px;font-size:10px;font-weight:650;display:flex}.compose-edit{color:#043d88;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;width:100%;min-height:35px;margin-top:17px;padding-top:13px;font-size:10px;display:flex}.compose-diary-note{color:#547094;background:#eef2f8;border:1px solid #e0e6ee;border-radius:13px;align-items:center;gap:9px;margin:15px 0;padding:15px 13px;font-size:10px;line-height:1.7;display:flex}.compose-diary-note>span{flex:1}.compose-diary-note>svg{flex-shrink:0}.compose-local-note{color:#8695a6;gap:9px;margin:19px 5px;display:flex}.compose-local-note svg{flex-shrink:0;margin-top:1px}.compose-local-note p{margin:0;font-size:10px;line-height:1.7}.compose-footer{gap:9px;margin-top:24px;display:flex}.compose-footer .primary-action,.compose-footer .secondary-action,.compose-full{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 17px;font-size:12px;font-weight:650;display:flex}.compose-footer .primary-action,.compose-full.primary-action{color:#fff;background:#043d88;box-shadow:0 5px 14px #043d8821}.compose-footer .secondary-action,.compose-full.secondary-action{color:#6d7d92;background:#eaf0f6;border:1px solid #e0e7ef}.compose-next{flex:1}.compose-back{flex:0 0 38%}.compose-next:disabled{opacity:.5}.compose-success{text-align:center;padding-top:28px}.compose-success-check{color:#36639d;background:linear-gradient(145deg,#e2ecf9,#f2f6fc);border:1px solid #cfdcee;border-radius:25px;place-items:center;width:74px;height:74px;margin:0 auto 23px;display:grid;box-shadow:0 6px 25px #27589917}.compose-success h1{letter-spacing:-.9px;margin:9px 0 12px;font-size:25px;font-weight:700;line-height:1.2}.compose-success>p:not(.compose-note){color:#8a95a4;max-width:290px;margin:0 auto;font-size:12px;line-height:1.8}.compose-success-photo{object-fit:cover;border-radius:25px;width:170px;height:170px;margin:24px auto 14px;transform:rotate(-3deg);box-shadow:0 10px 30px #182e451a}.compose-success h2{margin:18px 0;font-size:14px}.compose-success .compose-diary-note{text-align:left}.compose-full{width:100%;margin-top:10px}.compose-text-button{color:#8093ab;min-height:44px;padding:11px;font-size:11px}.compose-success .compose-note{font-size:9px}.compose-validation{background:#fff6f4;border:1px solid #f3d7d3;border-radius:10px;padding:10px 12px}@media (width<=359px){.compose-screen{padding-inline:13px}.compose-progress{gap:6px}.compose-progress small{font-size:8px}.compose-kind-control button{font-size:10px}.compose-gallery button>span{font-size:8px}.compose-form-card{padding:13px}.compose-two-cols{gap:8px}.compose-field .field{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.compose-screen *{scroll-behavior:auto!important}}