:root{--bg-space: radial-gradient(circle at center, #15121c 0%, #08090d 100%);--border-gold: rgba(223, 186, 115, .18);--border-purple: rgba(168, 155, 176, .15);--text-gold: #dfba73;--text-rose: #dca396;--text-light: #f0f1f5;--text-muted: #8e8594;--glass-bg: rgba(12, 10, 16, .84);--glass-border: rgba(223, 186, 115, .1);--glass-shadow: 0 16px 48px 0 rgba(0, 0, 0, .85);--font-display: "Playfair Display", "Noto Serif JP", serif;--font-sans: "Inter", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{background-color:#08090d;color:var(--text-light);font-family:var(--font-sans);overflow:hidden;width:100vw;height:100vh;height:-webkit-fill-available;-webkit-font-smoothing:antialiased}#app-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;background:var(--bg-space);padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);padding:32px 28px;transition:opacity .3s ease,transform .3s ease;max-width:96%;width:440px;max-height:94%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;animation:panel-fade-in .5s cubic-bezier(.16,1,.3,1) forwards}.glass-panel::-webkit-scrollbar{display:none}.hidden{display:none!important}.glow-title{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--text-gold);letter-spacing:4px;text-align:center;margin-bottom:8px;text-shadow:0 0 15px rgba(223,186,115,.25)}.subtitle{color:var(--text-muted);font-size:11px;font-family:var(--font-sans);letter-spacing:1px;text-align:center;margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:12px;color:var(--text-gold);letter-spacing:2px;margin-bottom:16px;border-bottom:1px dashed rgba(223,186,115,.15);padding-bottom:6px}.tab-container{display:flex;background:#0006;border:1px solid rgba(223,186,115,.08);border-radius:8px;padding:4px;width:100%;margin-bottom:24px}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:1.5px;padding:10px;border-radius:6px;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:#dfba7314;color:var(--text-gold);text-shadow:0 0 8px rgba(223,186,115,.3);border:1px solid rgba(223,186,115,.15)}#analysis-form{width:100%;display:flex;flex-direction:column;gap:20px}.form-section{display:flex;flex-direction:column;gap:14px;animation:section-fade-in .4s ease forwards}.input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.input-group label{font-size:10px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.input-group input,.input-group select{background:#00000073;border:1px solid rgba(223,186,115,.1);border-radius:6px;color:var(--text-light);font-family:var(--font-sans);font-size:13px;padding:11px 14px;outline:none;transition:all .25s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:var(--text-gold);box-shadow:0 0 12px #dfba731f}.input-group-row{display:flex;gap:14px}.input-group-row .input-group{flex:1}.glow-btn{background:#dfba7308;border:1px solid rgba(223,186,115,.25);color:var(--text-gold);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:2px;padding:14px 20px;border-radius:8px;cursor:pointer;outline:none;transition:all .3s ease;margin-top:10px;box-shadow:0 0 8px #dfba730a;animation:gold-pulse 3s infinite alternate ease-in-out}.glow-btn:hover{background:#dfba7314;border-color:var(--text-gold);box-shadow:0 0 16px #dfba7333;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0)}#reset-btn{width:100%;margin-top:20px}#scan-screen{justify-content:center;height:380px;overflow:hidden}.scan-container{position:relative;width:140px;height:140px;border:1px solid rgba(223,186,115,.12);border-radius:50%;overflow:hidden;margin-bottom:24px;background:#0000004d}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(223,186,115,.4),transparent);box-shadow:0 0 15px #dfba734d;animation:scan-move-slow 3s infinite ease-in-out;z-index:5}.geo-scanner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.scanner-svg{width:86%;height:86%}.outer-ring{fill:none;stroke:var(--text-gold);stroke-width:.5;stroke-opacity:.25;stroke-dasharray:6,3;transform-origin:center;animation:rotate-cw 40s infinite linear}.inner-ring{fill:none;stroke:var(--text-rose);stroke-width:.5;stroke-opacity:.2;stroke-dasharray:10,5;transform-origin:center;animation:rotate-ccw 25s infinite linear}.axis-line{stroke:#dfba7314;stroke-width:.3}.vector-node{fill:var(--text-gold);animation:blink 1.5s infinite alternate}.vector-line{stroke:var(--text-gold);stroke-width:.5;stroke-opacity:.4;stroke-dasharray:50;stroke-dashoffset:50;animation:draw-line 1.5s forwards ease-in-out}.mono-font{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);width:100%;height:120px;overflow-y:hidden;text-align:left;line-height:1.6;border-top:1px solid rgba(223,186,115,.08);padding-top:12px}.mono-font p{color:var(--text-muted);margin-bottom:4px}.mono-font p.success{color:var(--text-gold);text-shadow:0 0 4px rgba(223,186,115,.3)}#report-screen{width:480px;max-height:96%}#report-output-container{position:relative;width:100%;aspect-ratio:.67;border-radius:12px;overflow:hidden;border:1px solid rgba(223,186,115,.15);box-shadow:0 0 28px #dfba730d;background:#090a0f;margin:18px 0}#report-output-container.comp-mode{aspect-ratio:1.5}#report-canvas{display:block;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#download-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10;-webkit-touch-callout:default}.download-hint{font-size:10px;color:var(--text-muted);margin-bottom:12px}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes section-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-move-slow{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes rotate-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ccw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes blink{0%{opacity:.3}to{opacity:1}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes gold-pulse{0%{box-shadow:0 0 6px #dfba7314;border-color:#dfba7340}to{box-shadow:0 0 16px #dfba7359;border-color:#dfba73b3}}.view-section{width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease}.report-section-block{width:100%;background:#ffffff03;border:1px solid rgba(223,186,115,.06);border-radius:10px;padding:20px;margin-bottom:18px;text-align:left}.report-section-block.comp{border-color:#a89bb026}.report-block-title{font-family:var(--font-display);font-size:13px;font-weight:400;margin-bottom:10px;letter-spacing:2px}.report-block-title.cyan{color:var(--text-gold);text-shadow:0 0 8px rgba(223,186,115,.25)}.report-block-title.purple{color:var(--text-rose);text-shadow:0 0 8px rgba(220,163,150,.25)}.report-block-title.gold{color:var(--text-gold);text-shadow:0 0 8px rgba(223,186,115,.25)}.report-block-desc{font-size:13px;color:var(--text-light);line-height:1.7}.report-param-container{width:100%;background:#00000040;border:1px solid rgba(223,186,115,.04);border-radius:10px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.report-param-row{display:flex;flex-direction:column;gap:8px}.report-param-header{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);letter-spacing:.5px}.report-param-header span.val{color:var(--text-gold);font-family:var(--font-mono);font-weight:500}.report-param-bar-bg{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.report-param-bar-fill{height:100%;background:linear-gradient(90deg,var(--text-gold),var(--text-rose));box-shadow:0 0 8px var(--text-gold);border-radius:2px;transition:width .8s cubic-bezier(.16,1,.3,1);width:0}.report-param-desc{font-size:10px;color:var(--text-muted);line-height:1.5;margin-top:-2px;padding-left:2px}.secondary-btn{background:#a89bb00a;border:1px solid rgba(168,155,176,.25);color:var(--text-rose);box-shadow:0 0 10px #a89bb00d;animation:none}.secondary-btn:hover{background:#a89bb01a;border-color:var(--text-rose);box-shadow:0 0 18px #a89bb040}.resonance-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;text-align:center}.resonance-circle-html{width:130px;height:130px;border-radius:50%;border:2px solid var(--border-gold);box-shadow:0 0 18px #dfba7326;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px;background:#0006}.resonance-circle-html span.pct{font-size:34px;font-weight:300;color:var(--text-light);font-family:var(--font-mono);text-shadow:0 0 12px rgba(255,255,255,.35)}.resonance-circle-html span.lbl{font-size:9px;color:var(--text-gold);font-weight:500;letter-spacing:1.5px;margin-top:4px}.rating-row-html{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;border-bottom:1px solid rgba(223,186,115,.06)}.rating-row-html:last-child{border-bottom:none}.rating-label-html{font-size:12px;color:var(--text-light)}.rating-stars-html{color:var(--text-gold);font-size:13px;letter-spacing:2px}.rating-stars-html.complement{color:var(--text-rose)}.input-hint{font-size:9px;color:var(--text-rose);margin-top:4px;opacity:.8;display:block}.birth-select-row{display:flex;gap:6px;width:100%}.birth-select-row select{flex:1;min-width:0}