[v-cloak]{display:none}:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:#090d18;color:#f8f9fc}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#090d18}.native-app{width:min(100%,600px);height:100dvh;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#090d18}.app-header{display:flex;justify-content:space-between;align-items:center;padding:calc(17px + env(safe-area-inset-top)) 20px 13px}.app-header span{font-size:10px;color:#788499;font-weight:800;letter-spacing:.16em}.app-header h1{margin:4px 0 0;font-size:27px;line-height:1;letter-spacing:-.05em}.header-action{width:38px;height:38px;border:1px solid #2b3547;border-radius:50%;background:#151e2f;color:#dce8fa;font-size:23px}.app-content{min-height:0;overflow:hidden}.page{height:100%;padding:0 16px}.camera-page{display:grid;grid-template-rows:minmax(0,1fr) 77px 20px;padding-bottom:9px}.camera-frame{position:relative;min-height:0;overflow:hidden;border-radius:25px;background:#02050c;box-shadow:0 15px 42px #0008}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-message{position:absolute;inset:0;display:grid;place-items:center;color:#9da8b8;font-size:14px}.live-dot{position:absolute;top:13px;left:13px;border-radius:99px;padding:6px 9px;background:#070b13aa;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.camera-tools{display:flex;align-items:center;justify-content:space-around;max-width:330px;margin:auto}.round-tool{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#182237;color:#dce8fa;font-size:22px;cursor:pointer}.round-tool.muted{opacity:.35}.shutter{width:66px;height:66px;padding:4px;border:3px solid #f7f9ff;border-radius:50%;background:transparent}.shutter i{display:block;width:100%;height:100%;border-radius:50%;background:#f7f9ff}.camera-caption{margin:0;color:#748197;font-size:11px;text-align:center}.scroll-page,.notes-page{overflow-y:auto;padding-bottom:15px;scrollbar-width:none}.scroll-page::-webkit-scrollbar{display:none}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo-tile{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:#182237}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile span{position:absolute;bottom:0;left:0;right:0;padding:17px 8px 7px;background:linear-gradient(transparent,#000b);font-size:10px;color:#fff}.file-upload{margin-bottom:17px;padding:17px;border-radius:19px;background:#172237;display:grid;grid-template-columns:36px 1fr;gap:0 11px;align-items:center;cursor:pointer}.file-upload b{grid-row:span 2;width:36px;height:36px;border-radius:12px;background:#293c5d;display:grid;place-items:center;color:#9bd9ff;font-size:22px}.file-upload strong{font-size:14px}.file-upload small,.file-row small{color:#8491a7;font-size:11px}.file-list,.note-list{display:grid;gap:8px}.file-row{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;padding:11px;border-radius:16px;background:#121a2a}.file-row i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#243149;color:#9bd9ff;font-style:normal;font-size:20px}.file-row div{min-width:0;flex:1}.file-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-row small{display:block;margin-top:3px}.file-row em{font-style:normal;color:#9bd9ff;font-size:18px}.composer{padding:12px;border-radius:20px;background:#141d2d}.composer textarea{width:100%;height:102px;resize:none;border:0;outline:0;background:transparent;color:#f8f9fc;font:14px/1.5 inherit}.composer button{width:100%;border:0;border-radius:13px;padding:12px;background:#9bd9ff;color:#102038;font:800 14px inherit}.note{padding:13px;border-radius:17px;background:#121a2a}.note p{white-space:pre-wrap;overflow:auto;max-height:115px;margin:0;font-size:13px;line-height:1.45}.note footer{display:flex;justify-content:space-between;margin-top:11px;color:#7e8ba0;font-size:11px}.note footer button{border:0;background:none;color:#9bd9ff;padding:0;font:800 12px inherit}.empty{min-height:58%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8c98ac}.empty b{width:52px;height:52px;border-radius:18px;background:#172237;display:grid;place-items:center;color:#9bd9ff;font-size:26px;font-weight:400;margin-bottom:13px}.empty strong{color:#dce6f4;font-size:15px}.empty small{margin-top:5px;font-size:12px}.tabbar{display:flex;padding:8px 16px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #232d40;background:#101827}.tabbar a{flex:1;color:#738096;display:grid;place-items:center;gap:3px;padding:1px;text-decoration:none}.tabbar b{font-size:21px;font-weight:400;line-height:22px}.tabbar span{font-size:10px;font-weight:800}.tabbar a.router-link-active{color:#9bd9ff}.toast{position:fixed;z-index:4;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%,110px);padding:10px 14px;border-radius:12px;background:#f7f9ff;color:#101827;box-shadow:0 12px 30px #0008;font-size:12px;font-weight:800;transition:transform .24s}.toast.show{transform:translate(-50%,0)}@media(min-width:601px){body{background:radial-gradient(circle at 50% -20%,#253657,#070b15 66%)}.native-app{box-shadow:0 0 70px #0008;border-inline:1px solid #202a3c}.tabbar{border-radius:19px 19px 0 0;border-inline:1px solid #273247}}@media(max-height:650px){.camera-page{grid-template-rows:minmax(0,1fr) 68px 18px}.camera-tools{transform:scale(.88)}}