*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow:hidden;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:#0d0806}.app{position:relative;width:100%;height:100dvh;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(180,50,30,.015) 40px,rgba(180,50,30,.015) 41px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(180,50,30,.015) 40px,rgba(180,50,30,.015) 41px),radial-gradient(ellipse 80% 60% at 50% 45%,rgba(194,59,34,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 50% 30%,rgba(201,169,110,.06) 0%,transparent 60%),radial-gradient(ellipse 100% 30% at 50% 0%,rgba(194,59,34,.04) 0%,transparent 100%),linear-gradient(180deg,#0d0806,#120a08,#1a0f0a,#120a08,#0d0806);overflow:hidden}.cloud-decoration{position:relative;width:100%;height:0}.cloud-decoration:before{content:"";position:absolute;width:100%;height:40px;pointer-events:none}.deco-top:before{top:0;background:radial-gradient(ellipse 120px 20px at 15% 100%,rgba(201,169,110,.15) 0%,transparent 100%),radial-gradient(ellipse 80px 15px at 35% 100%,rgba(201,169,110,.1) 0%,transparent 100%),radial-gradient(ellipse 100px 18px at 55% 100%,rgba(201,169,110,.08) 0%,transparent 100%),radial-gradient(ellipse 90px 16px at 75% 100%,rgba(201,169,110,.12) 0%,transparent 100%),radial-gradient(ellipse 110px 20px at 92% 100%,rgba(201,169,110,.1) 0%,transparent 100%)}.deco-bottom:after{content:"";position:absolute;bottom:0;width:100%;height:40px;background:radial-gradient(ellipse 120px 20px at 15% 0%,rgba(201,169,110,.12) 0%,transparent 100%),radial-gradient(ellipse 80px 15px at 35% 0%,rgba(201,169,110,.08) 0%,transparent 100%),radial-gradient(ellipse 100px 18px at 55% 0%,rgba(201,169,110,.06) 0%,transparent 100%),radial-gradient(ellipse 90px 16px at 75% 0%,rgba(201,169,110,.1) 0%,transparent 100%),radial-gradient(ellipse 110px 20px at 92% 0%,rgba(201,169,110,.08) 0%,transparent 100%)}.top-ornament{position:relative;width:100%;padding:12px 0 4px;display:flex;justify-content:center;align-items:center;gap:16px;flex-shrink:0}.top-ornament:before,.top-ornament:after{content:"";height:1px;flex:1;max-width:80px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.2),transparent)}.ornament-icon{font-size:14px;color:#c9a96e4d;letter-spacing:6px}.mirror-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2;flex:1;width:100%;padding:0 12px}.mirror-frame{position:relative;width:min(65vmin,340px);height:min(65vmin,340px);min-width:180px;min-height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mirror-frame:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(from 0deg,#5c3d1a,#8b6914,#b8953e,#d4a84b,#c9a96e,#d4a84b,#b8953e,#8b6914,#5c3d1a,#3d2a10,#5c3d1a);padding:8px;mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));box-shadow:0 0 40px #c9a96e26,inset 0 0 20px #3c280f4d}.mirror-frame-ornament{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:1px solid rgba(201,169,110,.15);pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(201,169,110,.08) 1deg,transparent 2deg,transparent 8deg),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(194,59,34,.04) 1deg,transparent 2deg,transparent 12deg);animation:ornament-rotate 60s linear infinite}@keyframes ornament-rotate{to{transform:rotate(360deg)}}.mirror-frame-ornament-2{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1px solid rgba(201,169,110,.08);pointer-events:none;background:repeating-conic-gradient(from 10deg at 50% 50%,transparent 0deg,rgba(194,59,34,.06) 1deg,transparent 2deg,transparent 10deg);animation:ornament-rotate 90s linear infinite reverse}.frame-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#c9a96e40;pointer-events:none}.frame-dot:nth-child(1){top:-20px;left:50%;transform:translate(-50%)}.frame-dot:nth-child(2){bottom:-20px;left:50%;transform:translate(-50%)}.frame-dot:nth-child(3){top:50%;left:-20px;transform:translateY(-50%)}.frame-dot:nth-child(4){top:50%;right:-20px;transform:translateY(-50%)}.frame-dot:nth-child(5){top:-14px;left:18%;transform:translate(-50%)}.frame-dot:nth-child(6){top:-14px;right:18%;transform:translate(50%)}.frame-dot:nth-child(7){bottom:-14px;left:18%;transform:translate(-50%)}.frame-dot:nth-child(8){bottom:-14px;right:18%;transform:translate(50%)}.mirror-glass{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(circle at 40% 35%,rgba(255,248,231,.06) 0%,transparent 60%);box-shadow:inset 0 0 80px #3c280f4d,inset 0 0 30px #c9a96e0d,0 0 30px #c9a96e14}.mirror-glass.video-on,.mirror-glass.has-photo{box-shadow:inset 0 0 80px #3c280f4d,inset 0 0 30px #c9a96e0d,0 0 30px #c9a96e14}.mirror-photo{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(.95) sepia(.05)}.mirror-video{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(.95) sepia(.05);transform:scaleX(-1)}.mirror-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14vmin;animation:float-emoji 4s ease-in-out infinite;filter:sepia(.3) saturate(.6)}@keyframes float-emoji{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}.mirror-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#00000073;z-index:3}.analyzing-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid transparent;border-image:conic-gradient(from 0deg,#c9a96e1a,#c9a96e99,#c23b2266,#c9a96e1a) 1;animation:spin-ring 2s linear infinite;pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))}@keyframes spin-ring{to{transform:rotate(360deg)}}.inner-ring-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid transparent;border-image:conic-gradient(from 90deg,transparent,rgba(201,169,110,.2),transparent,rgba(194,59,34,.1)) 1;animation:spin-ring 3s linear infinite reverse;pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))}.overlay-text{color:#f0e6c8cc;font-size:15px;letter-spacing:4px;animation:pulse-text 2s ease-in-out infinite;font-weight:300;text-shadow:0 0 20px rgba(201,169,110,.2)}@keyframes pulse-text{0%,to{opacity:.4}50%{opacity:.9}}.poem-area{text-align:center;min-height:64px;max-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:360px;padding:0 16px;flex-shrink:0;overflow:hidden}.poem-text{font-family:"Noto Serif SC",STKaiti,KaiTi,SimSun,serif;font-size:clamp(16px,4vmin,24px);line-height:1.7;color:#f0e6c8;text-shadow:0 0 24px rgba(201,169,110,.15);letter-spacing:3px;font-weight:400;transition:text-shadow .5s ease}.poem-attribution{font-family:"Noto Serif SC",STKaiti,KaiTi,serif;font-size:clamp(11px,2.2vmin,14px);line-height:1.6;color:#d4af378c;letter-spacing:2px;margin-top:6px;font-style:italic}.poem-cursor{display:inline-block;width:1.5px;height:1em;background:#d4af37b3;margin-left:3px;animation:blink-cursor .8s step-end infinite;vertical-align:baseline}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.poem-complete-line{display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.35),transparent);margin:10px auto 0}.btn-group{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 0 16px;flex-shrink:0;width:100%}.glow-btn{position:relative;padding:11px 32px;border:1px solid rgba(201,169,110,.25);border-radius:3px;background:linear-gradient(135deg,#8b1a1ad9,#c23b22bf);color:#f0e6c8f2;font-size:14px;letter-spacing:4px;cursor:pointer;transition:all .4s ease;outline:none;font-family:"Noto Serif SC",STKaiti,serif;font-weight:400;box-shadow:0 2px 12px #8b1a1a33,inset 0 1px #ffffff0f;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden}.glow-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,169,110,.08),transparent 50%);pointer-events:none}.glow-btn:hover{background:linear-gradient(135deg,#a02319e6,#d6462dcc);border-color:#c9a96e66;box-shadow:0 2px 20px #c23b224d,inset 0 1px #ffffff14;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0);box-shadow:0 1px 8px #8b1a1a33}.glow-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.glow-btn-icon{padding:9px 13px;border:1px solid rgba(201,169,110,.2);border-radius:3px;background:#00000040;color:#c9a96e99;font-size:15px;cursor:pointer;transition:all .3s ease;outline:none;line-height:1}.glow-btn-icon:hover{background:#c9a96e1a;color:#c9a96ed9;border-color:#c9a96e59}.error-msg{color:#f0e6c8b3;font-size:13px;text-align:center;max-width:280px;line-height:1.6;padding:0 12px}.bottom-deco-text{position:absolute;bottom:4px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:6px;color:#c9a96e14;font-family:"Noto Serif SC",serif;pointer-events:none;z-index:0}.beauty-report-card{width:100%;max-width:320px;margin-top:4px;padding:10px 14px;background:#140c08bf;border:1px solid rgba(201,169,110,.12);border-radius:2px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.report-header{display:flex;align-items:center;gap:6px}.report-emoji{font-size:13px;filter:sepia(.2) saturate(.7)}.report-title{font-family:"Noto Serif SC",STKaiti,serif;font-size:11px;color:#c9a96e73;letter-spacing:3px;font-weight:400}.report-body{display:flex;flex-direction:column;gap:2px}.report-temperament{font-family:"Noto Serif SC",STKaiti,serif;font-size:14px;color:#f0e6c8d9;letter-spacing:2px;font-weight:400}.report-mood{font-family:"Noto Serif SC",STKaiti,serif;font-size:12px;color:#f0e6c880;letter-spacing:1px;font-style:italic}.report-details{display:flex;flex-direction:column;gap:1px;padding-top:5px;border-top:1px solid rgba(201,169,110,.08)}.report-detail-line{font-family:"Noto Serif SC",STKaiti,serif;font-size:11px;color:#f0e6c859;letter-spacing:1px;line-height:1.5}@media(max-width:480px){.mirror-frame{width:min(58vmin,280px);height:min(58vmin,280px);min-width:160px;min-height:160px}.mirror-frame:before{top:-8px;right:-8px;bottom:-8px;left:-8px;padding:6px}.mirror-frame-ornament{top:-14px;right:-14px;bottom:-14px;left:-14px}.mirror-frame-ornament-2{top:-11px;right:-11px;bottom:-11px;left:-11px}.frame-dot{width:4px;height:4px}.frame-dot:nth-child(1){top:-16px}.frame-dot:nth-child(2){bottom:-16px}.frame-dot:nth-child(3){left:-16px}.frame-dot:nth-child(4){right:-16px}.frame-dot:nth-child(5){top:-11px}.frame-dot:nth-child(6){top:-11px}.frame-dot:nth-child(7){bottom:-11px}.frame-dot:nth-child(8){bottom:-11px}.mirror-container{gap:10px;padding:0 8px}.poem-area{min-height:54px;max-height:90px;padding:0 8px}.btn-group{padding:6px 0 12px}.glow-btn{padding:10px 26px;font-size:13px;letter-spacing:3px}.top-ornament{padding:8px 0 2px;gap:12px}.top-ornament:before,.top-ornament:after{max-width:50px}.beauty-report-card{max-width:280px;padding:8px 12px}.report-temperament{font-size:13px}.report-mood{font-size:11px}.report-detail-line{font-size:10px}}@media(max-width:360px){.mirror-frame{width:min(55vmin,220px);height:min(55vmin,220px);min-width:140px;min-height:140px}.mirror-frame:before{top:-6px;right:-6px;bottom:-6px;left:-6px;padding:4px}.mirror-frame-ornament{top:-11px;right:-11px;bottom:-11px;left:-11px}.mirror-frame-ornament-2{top:-9px;right:-9px;bottom:-9px;left:-9px}.poem-text{font-size:clamp(14px,3.8vmin,18px)}.poem-area{min-height:44px;max-height:70px}.glow-btn{padding:8px 20px;font-size:12px;letter-spacing:2px}.beauty-report-card{max-width:220px;padding:6px 10px}}@media(min-width:768px){.mirror-frame{width:min(50vmin,380px);height:min(50vmin,380px)}.mirror-container{gap:16px}.poem-area{max-width:480px}.poem-text{font-size:clamp(18px,3vmin,28px)}.glow-btn{padding:14px 44px;font-size:16px}.deco-top:before{height:60px;background:radial-gradient(ellipse 180px 30px at 15% 100%,rgba(201,169,110,.15) 0%,transparent 100%),radial-gradient(ellipse 140px 25px at 35% 100%,rgba(201,169,110,.1) 0%,transparent 100%),radial-gradient(ellipse 160px 28px at 55% 100%,rgba(201,169,110,.08) 0%,transparent 100%),radial-gradient(ellipse 150px 26px at 75% 100%,rgba(201,169,110,.12) 0%,transparent 100%),radial-gradient(ellipse 170px 30px at 92% 100%,rgba(201,169,110,.1) 0%,transparent 100%)}.deco-bottom:after{height:60px}}@media(min-height:800px)and (min-width:768px){.mirror-frame{width:min(48vmin,420px);height:min(48vmin,420px)}.poem-area{min-height:80px;max-height:140px}}@media(max-height:640px){.mirror-frame{width:min(50vmin,200px);height:min(50vmin,200px);min-width:130px;min-height:130px}.mirror-container{gap:6px}.poem-area{min-height:40px;max-height:60px}.poem-text{font-size:clamp(13px,3.5vmin,16px);line-height:1.5}.btn-group{padding:4px 0 8px;gap:6px}.glow-btn{padding:7px 18px;font-size:11px;letter-spacing:2px}.top-ornament{padding:4px 0 0;gap:8px}.top-ornament:before,.top-ornament:after{max-width:30px}.glow-btn-icon{padding:6px 10px;font-size:12px}.beauty-report-card{max-width:240px;padding:6px 10px;margin-top:2px}.report-temperament{font-size:12px}.report-mood{font-size:10px}.report-detail-line{font-size:9px}}