.root{background:#222;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.phone{background-color:#cbe9ff;border-radius:10px;flex-direction:column;width:325px;height:659px;padding:20px 16px;display:flex;position:relative;overflow:hidden}.headerRow{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.title{color:#03254c;margin:0;font-size:20px;font-weight:700}.logo{border-radius:6px;width:32px;height:32px}.journey-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px;display:flex;overflow-y:auto}.journey-content::-webkit-scrollbar{display:none}h6{color:#0f1724}.label{color:#0f1724;margin-top:6px;margin-bottom:3px;font-size:13px;font-weight:600}.text-input{box-sizing:border-box;background:0 0;border:2px solid #1f29371f;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:10px 12px;font-size:14px}textarea.text-input{box-sizing:border-box;resize:none;white-space:pre-wrap;word-wrap:break-word;border-radius:12px;width:100%;height:auto;min-height:90px;max-height:40vh;padding:12px;line-height:1.4;overflow:hidden}textarea.currentLocation{min-height:calc(4.2em + 24px)}textarea.additional{min-height:calc(7em + 24px)}textarea.text-input::-webkit-scrollbar{display:none}.text-input{box-shadow:none;transition:box-shadow .18s,border-color .18s,transform .18s}.text-input:focus,select.text-input:focus,textarea.text-input:focus{border-color:#06243a;border-radius:12px;outline:none;transform:translateY(-1px);box-shadow:0 10px 30px #03254c1f,0 4px 10px #03254c0f}.text-input:focus-visible{box-shadow:0 10px 30px #03254c24,0 4px 10px #03254c12}select.text-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'><path d='M1 1l5 5 5-5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.upload-wrapper{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex;position:relative}.upload-button{cursor:pointer;background:#eaf4ff;border:2px solid #0b2540;border-radius:14px;width:100%;padding:10px;font-size:15px;font-weight:700;transition:all .15s}.upload-button:hover{background:#d7eaff}.hidden-file-input{display:none}.ai-detect-block{flex-direction:row;align-items:center;gap:2px;display:flex}.ai-label{font-weight:600}.ai-detect-text{margin-left:3px;font-weight:700;transition:color .2s}.ai-detect-text.safe{color:#2ecc71}.ai-detect-text.need-attention{color:#f39c12}.ai-detect-text.bad{color:#e74c3c}.ai-detect-text.detecting{color:#0f1724}.hidden-checkbox{display:none}.checkbox-wrap{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:33px;margin-top:80px;display:flex}.fake-checkbox{color:#fff;background:#0f1724;border:2px solid #0f1724;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.hidden-checkbox:checked+.fake-checkbox{background:#0f1724}.hidden-checkbox:checked+.fake-checkbox:after{content:"✓";color:#fff;font-weight:800}.preview-img{object-fit:cover;border:2px solid #1f293714;border-radius:6px;width:100%;height:160px}.action-button{cursor:pointer;border:2px solid #0000000f;border-radius:12px;flex:1;padding:4px;font-weight:800}.action-button.start{background:#d1fae5;border-color:#34d399}.action-button.update{background:#dbeafe;border-color:#60a5fa}.action-button.end{background:#ffe4e4;border-color:#fb7185}.btn-icon{object-fit:contain;width:100%;height:100%}.action-button:disabled{opacity:.5;cursor:not-allowed}.bottomNav{background:#e0f0ff;border-top:2px solid #b8d8f0;border-radius:0;justify-content:space-between;gap:0;width:calc(100% + 32px);margin:8px -16px 0;padding:0;display:flex}.navItem{flex:1;justify-content:center;display:flex}.navLink{color:#03254c;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:60px;padding:12px 0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.navIcon{width:24px;height:24px}.activeNav .navLink{color:#fff;background:#5daaff}.navLink:hover{background:#b8d8f0}.activeNav .navLink:hover{opacity:.9;background:#03254c}