*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}#root{width:100%;height:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.analysis-overlay{position:fixed;inset:0;z-index:9999;background:#0a141e8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.analysis-card{background:#ffffff14;border-radius:20px;padding:32px 28px;width:280px;text-align:center;color:#fff;box-shadow:0 20px 40px #0006}.analysis-title{font-size:18px;font-weight:600;margin-top:16px}.analysis-sub{font-size:13px;margin-top:8px;color:#fffc}.fish-loader{font-size:42px;animation:swim 4.8s ease-in-out infinite;will-change:transform}@keyframes swim{0%{transform:translate(-48px) translateY(0) scaleX(-1) rotate(4deg)}25%{transform:translate(0) translateY(-6px) scaleX(-1) rotate(6deg)}49%{transform:translate(48px) translateY(0) scaleX(-1) rotate(4deg)}50%{transform:translate(48px) translateY(0) scaleX(1) rotate(-4deg)}75%{transform:translate(0) translateY(6px) scaleX(1) rotate(-6deg)}99%{transform:translate(-48px) translateY(0) scaleX(1) rotate(-4deg)}to{transform:translate(-48px) translateY(0) scaleX(-1) rotate(4deg)}}.loading-dots{margin-left:2px;letter-spacing:1px}.loading-dots:after{content:"";display:inline-block;width:1em;opacity:.8;text-align:left;animation:dots 2.4s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.analysis-result-overlay{position:fixed;inset:0;z-index:9999;background:#00000040;display:flex;justify-content:center;align-items:flex-end}.analysis-result-sheet{width:100%;max-height:94%;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 -10px 30px #00000026}.analysis-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;background:#fff}.analysis-header span{font-weight:600}.analysis-header button{border:none;background:none;font-size:14px;color:#007aff;cursor:pointer}.analysis-image-wrapper{position:relative;margin:16px;isolation:isolate}.analysis-image-wrapper img{width:100%;border-radius:14px;display:block;position:relative;z-index:1}.analysis-circle{position:absolute;z-index:3;transform:translate(-50%,-50%);border-radius:999px;border:2px solid rgba(255,200,70,.95);background:#ffc8462e;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 3px #ffc84638,0 8px 18px #0000002e;animation:pulse 1.6s ease-in-out infinite}.analysis-circle:after{content:"";position:absolute;inset:18%;border-radius:999px;background:radial-gradient(circle,#fff0bee6,#ffd26e40 55%,#ffd26e00 75%);opacity:.9}.analysis-circle.active{border:2px solid rgba(80,170,255,.95);background:#50aaff2e;box-shadow:0 0 0 3px #50aaff38,0 8px 18px #0000002e;animation-duration:1.25s}.analysis-circle.active:after{background:radial-gradient(circle,#c8f0fff2,#78c8ff40 55%,#78c8ff00 75%)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.96);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(.96);opacity:.85}}.analysis-point-reason{margin:0 16px 12px;padding:12px 14px;background:#f5f7fa;border-radius:12px;font-size:14px}.analysis-point-reason strong{display:block;margin-bottom:6px}.analysis-text{padding:0 16px 24px}.analysis-text section{margin-top:16px}.analysis-text h4{font-size:15px;margin-bottom:6px}.analysis-text p{font-size:14px;line-height:1.5;color:#333}.analysis-header-title{display:inline-flex;align-items:center;gap:8px}.analysis-header-icon{width:18px;height:18px;display:block}.camera-button{position:fixed;right:16px;bottom:calc(30px + env(safe-area-inset-bottom));z-index:100;width:64px;height:64px;border-radius:50%;background-color:#9fe0c3;border:none;box-shadow:0 6px 16px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center}.history-button{position:fixed;right:24px;bottom:calc(110px + env(safe-area-inset-bottom));z-index:100;width:48px;height:48px;border-radius:50%;border:none;background:#fffffff2;box-shadow:0 6px 18px #0000002e;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9fe0c3}.location-banner{position:absolute;top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));height:52px;padding:0 16px;display:flex;align-items:center;background:linear-gradient(90deg,#9fe0c3,#bfeccf);border-radius:18px;box-shadow:0 6px 16px #0000001f;z-index:1000}.location-text{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:10px}.my-location-button{position:absolute;left:24px;bottom:110px;width:48px;height:48px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000002e;cursor:pointer;z-index:50;transition:transform .15s ease,box-shadow .15s ease}.my-location-button svg{color:#9fe0c3}.my-location-button:active{transform:scale(.94);box-shadow:0 2px 6px #0003}.my-location-button:hover{transform:translateY(-1px)}.weather-widget{position:absolute;left:calc(16px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:64px;height:64px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000026;z-index:1000}.weather-temp{font-size:14px;font-weight:700;line-height:1}.weather-icon{font-size:20px;margin-top:2px}.coach-tip-wrap{position:fixed;right:16px;bottom:calc(110px + env(safe-area-inset-bottom));z-index:2147483647}.coach-tip-svg{position:relative;width:min(310px,calc(100vw - 32px));height:100px}.coach-tip-svg svg{position:absolute;inset:0;width:100%;height:100%}.coach-tip-text{position:relative;z-index:1;margin:0;padding:18px 48px 18px 20px;font-size:16px;line-height:1.45;color:#fff;white-space:pre-line}.coach-tip-close{position:absolute;top:10px;right:12px;z-index:2;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff40;color:#fff;cursor:pointer}