.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--bg-main: #0F172A;--bg-dark: #020617;--bg-card: #1E293B;--gold: #F5D673;--gold-light: #FFE8A3;--gold-dark: #C9A24D;--white: #F8FAFC;--gray: #CBD5E1;--gray-dim: #94A3B8;--jade: #5B9A85;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--font-xs: 12px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--focus-ring: 0 0 0 3px rgba(245, 214, 115, .5);--focus-ring-offset: 0 0 0 2px var(--bg-main)}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:var(--focus-ring)}*:focus:not(:focus-visible){outline:none}button,a,[role=button],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.skip-link{position:absolute;top:-40px;left:0;background:var(--gold);color:var(--bg-dark);padding:8px 16px;z-index:10000;text-decoration:none;font-weight:600}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--gold: #FFD700;--jade: #00CC99;--gray: #E0E0E0}}p,span,div,h1,h2,h3,h4,h5,h6,li{-webkit-user-select:text;user-select:text}[aria-live]{min-height:1px;min-width:1px}[aria-live=polite],[aria-live=assertive]{position:relative}[role=dialog],[role=navigation],[role=group]{outline:none}html,body,#root{min-height:100vh;background:var(--bg-main)}html{overscroll-behavior-y:contain}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}h1,h2,h3{font-family:"Noto Serif KR",Georgia,serif;font-weight:600;letter-spacing:.04em}.app-container{min-height:100vh;background:linear-gradient(180deg,var(--bg-main) 0%,var(--bg-dark) 100%);padding-bottom:calc(200px + env(safe-area-inset-bottom,20px));position:relative;z-index:10;overscroll-behavior-y:contain}.seal-intro{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/images/welcome-butterfly.png) center center / cover no-repeat,radial-gradient(ellipse at center,var(--bg-main) 0%,var(--bg-dark) 100%);position:relative;overflow:hidden;padding-bottom:calc(80px + env(safe-area-inset-bottom,20px))}.seal-intro:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.seal-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer}.seal-ring{position:absolute;width:100%;height:100%;border:2px solid var(--gold);border-radius:50%;opacity:.3;animation:pulse 3s ease-in-out infinite}.seal-ring:nth-child(2){width:85%;height:85%;animation-delay:.5s}.seal-ring:nth-child(3){width:70%;height:70%;animation-delay:1s}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.seal-butterfly{font-size:64px;filter:drop-shadow(0 0 20px rgba(201,162,77,.3));transition:all .3s ease;z-index:1}.seal-text{margin-top:40px;text-align:center;color:var(--gray);font-size:14px;letter-spacing:.1em}.seal-progress{margin-top:16px;width:120px;height:2px;background:#c9a24d33;border-radius:2px;overflow:hidden}.seal-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));transition:width .1s ease}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center}.splash-butterfly-container{margin-bottom:32px}.splash-butterfly{filter:drop-shadow(0 0 20px rgba(201,162,77,.4))}.splash-butterfly-img{width:200px;height:auto;filter:brightness(1.3) drop-shadow(0 0 15px rgba(255,215,100,.9)) drop-shadow(0 0 30px rgba(201,162,77,.8)) drop-shadow(0 0 50px rgba(201,162,77,.5));transition:all .3s ease}.splash-butterfly-img.loading{animation:butterflyPulse 1.5s ease-in-out infinite}.splash-butterfly-img.ready{animation:butterflyFloat 2s ease-in-out infinite}@keyframes butterflyPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(201,162,77,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(201,162,77,.7))}}.splash-butterfly.loading .butterfly-wing.left{animation:wingFlapLeft .4s ease-in-out infinite;transform-origin:50px 50px}.splash-butterfly.loading .butterfly-wing.right{animation:wingFlapRight .4s ease-in-out infinite;transform-origin:50px 50px}.splash-butterfly.ready{animation:butterflyFloat 2s ease-in-out infinite}.splash-butterfly.ready .butterfly-wing.left{animation:wingFlapLeftSlow 1s ease-in-out infinite;transform-origin:50px 50px}.splash-butterfly.ready .butterfly-wing.right{animation:wingFlapRightSlow 1s ease-in-out infinite;transform-origin:50px 50px}@keyframes wingFlapLeft{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.7) rotate(-5deg)}}@keyframes wingFlapRight{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.7) rotate(5deg)}}@keyframes wingFlapLeftSlow{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.85) rotate(-3deg)}}@keyframes wingFlapRightSlow{0%,to{transform:scaleX(1) rotate(0)}50%{transform:scaleX(.85) rotate(3deg)}}@keyframes butterflyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-title{font-family:"Noto Serif KR",serif;font-size:32px;color:var(--gold);letter-spacing:.15em;margin-bottom:8px}.sparkle-text{display:inline-block;position:relative;color:var(--gold);animation:sparkle 2s ease-in-out infinite;text-shadow:0 0 10px rgba(201,162,77,.8),0 0 20px rgba(201,162,77,.6),0 0 30px rgba(201,162,77,.4)}.sparkle-text:before,.sparkle-text:after{content:"✦";position:absolute;font-size:10px;color:var(--gold);opacity:0;animation:sparkle-star 2s ease-in-out infinite}.sparkle-text:before{top:-8px;right:-4px;animation-delay:0s}.sparkle-text:after{bottom:-4px;left:-4px;animation-delay:1s}@keyframes sparkle{0%,to{text-shadow:0 0 10px rgba(201,162,77,.8),0 0 20px rgba(201,162,77,.6),0 0 30px rgba(201,162,77,.4);transform:scale(1)}50%{text-shadow:0 0 15px rgba(255,215,100,1),0 0 30px rgba(255,215,100,.8),0 0 45px rgba(255,215,100,.6),0 0 60px rgba(201,162,77,.4);transform:scale(1.05)}}@keyframes sparkle-star{0%,20%,to{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1) rotate(180deg)}60%{opacity:1;transform:scale(1.2) rotate(360deg)}80%{opacity:0;transform:scale(.5) rotate(540deg)}}.splash-subtitle{font-size:14px;color:var(--gray);letter-spacing:.3em;margin-bottom:48px}.splash-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.splash-loading-bar{width:160px;height:3px;background:#c9a24d33;border-radius:3px;overflow:hidden}.splash-loading-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));transition:width .1s ease}.splash-loading-text{font-size:13px;color:var(--gray);letter-spacing:.05em}.splash-enter-btn{padding:16px 40px;background:transparent;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--gold);font-size:15px;font-family:"Noto Serif KR",serif;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;animation:fadeIn .6s ease}.splash-enter-btn:hover,.splash-enter-btn:active{background:#c9a24d26;transform:scale(1.02)}.seal-intro.scratch-mode{cursor:crosshair}.intro-attribution{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom,20px));left:50%;transform:translate(-50%);font-size:12px;color:var(--gray);opacity:.8;white-space:nowrap;z-index:1}.scratch-canvas{position:absolute;inset:0;z-index:2;cursor:crosshair;touch-action:none}.scratch-canvas.fade-out{animation:scratchFadeOut .8s ease forwards}@keyframes scratchFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.scratch-reveal-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.scratch-hint-text{margin-top:30px;font-size:14px;color:var(--gold);opacity:.8;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.welcome-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/images/welcome-butterfly.png) center center / cover no-repeat,radial-gradient(ellipse at center,var(--bg-main) 0%,var(--bg-dark) 100%);padding:24px;position:relative}.welcome-content{text-align:center;max-width:340px;opacity:0;transform:translateY(20px);transition:all 1s ease}.welcome-content.fade-in{opacity:1;transform:translateY(0)}.welcome-image{width:120px;height:auto;margin-bottom:24px;border-radius:var(--radius-md);filter:drop-shadow(0 0 20px rgba(201,162,77,.4))}.welcome-title{font-family:"Noto Serif KR",serif;font-size:32px;font-weight:600;color:var(--gold);margin-bottom:8px;letter-spacing:.1em}.welcome-subtitle{font-size:14px;color:var(--gray);letter-spacing:.2em;margin-bottom:32px}.welcome-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 32px}.welcome-message{font-size:16px;color:var(--white);line-height:2;margin-bottom:24px}.welcome-description{font-size:15px;color:var(--jade);margin-bottom:48px;font-style:italic}.welcome-btn{padding:16px 48px;background:linear-gradient(135deg,#8b45451f,#c9a24d14);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:16px;font-family:"Noto Serif KR",serif;letter-spacing:.1em;cursor:pointer;position:relative;box-shadow:inset 0 1px #ffffff0d;transition:all .3s ease}.welcome-btn:hover,.welcome-btn:active{background:#c9a24d26;transform:scale(1.02);box-shadow:0 0 30px #c9a24d4d}.welcome-attribution{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:12px;color:var(--gray);opacity:.8;white-space:nowrap}.scratch-progress{position:fixed;bottom:60px;left:50%;transform:translate(-50%);width:120px;height:4px;background:#c9a24d33;border-radius:8px;overflow:hidden;z-index:10}.scratch-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));transition:width .1s ease;border-radius:8px}.particle-canvas{pointer-events:none}.page-header{padding:24px 20px 16px;text-align:center}.page-header-nav{padding:16px 20px}.nav-buttons{display:flex;gap:8px;margin-bottom:16px}.nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#8b45451f,#c9a24d14);border:1px solid rgba(201,162,77,.4);border-radius:8px;color:var(--gold);cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px #ffffff0d}.nav-btn:hover,.nav-btn:active{background:linear-gradient(135deg,#8b454533,#c9a24d26);border-color:var(--gold);box-shadow:0 2px 8px #c9a24d33}.btn-korean{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#8b454526,#c9a24d1a);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-family:"Noto Serif KR",serif;font-size:15px;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:inset 0 1px #ffffff0d}.btn-korean:before{content:"◇";font-size:10px;opacity:.7;margin-right:4px}.btn-korean:after{content:"◇";font-size:10px;opacity:.7;margin-left:4px}.btn-korean:hover,.btn-korean:active{background:linear-gradient(135deg,#8b454540,#c9a24d2e);box-shadow:0 4px 12px #c9a24d33;transform:translateY(-1px)}.btn-korean.primary{background:linear-gradient(135deg,#6B3A3A 0%,var(--gold-dark) 50%,var(--gold) 100%);color:var(--bg-dark);border:2px solid var(--gold);box-shadow:0 4px 12px #8b45134d,inset 0 1px #fff3}.btn-korean.primary:before,.btn-korean.primary:after{color:var(--bg-dark)}.btn-korean.primary:hover,.btn-korean.primary:active{box-shadow:0 6px 16px #8b451366}.icon-korean{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#8b45451a,#c9a24d14);border:1px solid rgba(201,162,77,.3);border-radius:8px;color:var(--gold);font-size:18px;transition:all .2s ease;position:relative}.icon-korean:before{content:"";position:absolute;inset:3px;border:1px solid rgba(201,162,77,.15);border-radius:6px;pointer-events:none}.icon-korean:hover{background:linear-gradient(135deg,#8b45452e,#c9a24d1f);border-color:var(--gold);box-shadow:0 2px 8px #c9a24d33}.page-header-content{text-align:left}.page-title{font-size:24px;color:var(--white);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--gray);font-weight:300}.card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(30,41,59,.95) 100%);border-radius:8px;padding:20px;margin:0 16px 12px;box-shadow:var(--shadow);border:1px solid rgba(201,162,77,.15);position:relative}.card.compact-card{padding:16px;margin-bottom:10px}.card.compact-card:before,.card.compact-card:after{display:none}.card:before{content:"";position:absolute;top:8px;left:8px;width:12px;height:12px;border-left:1px solid rgba(201,162,77,.25);border-top:1px solid rgba(201,162,77,.25);pointer-events:none}.card:after{content:"";position:absolute;bottom:8px;right:8px;width:12px;height:12px;border-right:1px solid rgba(201,162,77,.25);border-bottom:1px solid rgba(201,162,77,.25);pointer-events:none}.card-title{font-size:14px;color:var(--gold);margin-bottom:16px;letter-spacing:.08em;font-weight:500;font-family:"Noto Serif KR",serif;position:relative;padding-left:12px}.card-title:before{content:"◆";position:absolute;left:0;font-size:10px;opacity:.8}.insight-text{font-family:"Noto Serif KR",serif;font-size:18px;line-height:1.8;color:var(--white);text-align:center;padding:20px 0}.insight-text strong{color:var(--gold);font-weight:600}.chart-container{display:flex;justify-content:center;padding:16px 0}.stability-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.stability-number{font-family:"Noto Serif KR",serif;font-size:36px;font-weight:700;color:var(--gold)}.stability-label{font-size:12px;color:var(--gray);margin-top:4px}.bottom-nav{position:fixed!important;bottom:0!important;left:0;right:0;background:linear-gradient(180deg,transparent 0%,var(--bg-dark) 15%,rgba(2,6,23,.98) 100%);padding:12px 0 env(safe-area-inset-bottom,8px);z-index:99999!important;border-top:1px solid rgba(201,162,77,.1);transform:translateZ(0)}.bottom-nav:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.bottom-nav-inner{display:flex;justify-content:space-around;max-width:400px;margin:0 auto}.bottom-nav .nav-btn{background:none;border:none;color:var(--gray);font-size:12px;font-family:"Noto Serif KR",serif;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;padding:10px 14px;border-radius:8px;position:relative;width:auto;height:auto;box-shadow:none}.bottom-nav .nav-btn:before,.bottom-nav .nav-btn:after{display:none}.bottom-nav .nav-btn.active{color:var(--gold);background:#c9a24d14}.bottom-nav .nav-btn.active:before{content:"·";display:block;position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:14px;color:var(--gold)}.bottom-nav .nav-btn:active{transform:scale(.95);background:#c9a24d1a}.nav-icon{font-size:22px}.relation-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(148,163,184,.1)}.relation-item:last-child{border-bottom:none}.relation-name{font-size:16px;color:var(--white)}.relation-type{font-size:12px;color:var(--gray);margin-top:4px}.relation-impact{display:flex;align-items:center;gap:12px}.impact-bar{width:80px;height:4px;background:#c9a24d33;border-radius:2px;overflow:hidden}.impact-fill{height:100%;background:var(--gold);transition:width .8s ease}.impact-value{font-size:14px;color:var(--gold);font-weight:600;min-width:32px;text-align:right}.report-section{margin:0 16px 24px}.report-section-title{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.report-list{list-style:none}.report-list li{position:relative;padding:12px 0 12px 24px;color:var(--white);font-size:15px;border-bottom:1px solid rgba(148,163,184,.1)}.report-list li:before{content:"·";position:absolute;left:8px;color:var(--gold);font-size:20px}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:24px 16px;padding:16px 20px;background:linear-gradient(135deg,#8b454526,#c9a24d1a);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-family:"Noto Serif KR",serif;font-size:15px;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.save-btn:before,.save-btn:after{content:"◆";position:absolute;font-size:10px;color:var(--gold);opacity:.7}.save-btn:before{left:12px}.save-btn:after{right:12px}.save-btn:active{background:linear-gradient(135deg,#8b454540,#c9a24d33);transform:scale(.98)}.locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.locked-icon{font-size:48px;margin-bottom:24px;opacity:.6}.locked-text{font-family:"Noto Serif KR",serif;font-size:18px;color:var(--gray);line-height:1.8;margin-bottom:32px}.subscribe-btn{background:linear-gradient(135deg,#8B4513 0%,var(--gold-dark) 50%,var(--gold) 100%);border:2px solid var(--gold);border-radius:8px;padding:16px 32px;color:var(--bg-dark);font-family:"Noto Serif KR",serif;font-size:15px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 4px 12px #8b45134d,inset 0 1px #fff3}.subscribe-btn:before{content:"✦";position:absolute;left:16px;font-size:10px;color:var(--bg-dark);opacity:.7}.subscribe-btn:after{content:"✦";position:absolute;right:16px;font-size:10px;color:var(--bg-dark);opacity:.7}.subscribe-btn:active{transform:scale(.98);box-shadow:0 2px 6px #8b451366}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--gray);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--white);font-size:15px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b880}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-row .form-group{margin-bottom:0}.radio-group{display:flex;gap:8px}.radio-btn{flex:1;padding:12px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--gray);font-size:14px;cursor:pointer;transition:all .2s}.radio-btn.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.user-greeting{text-align:center;padding:16px 24px;font-size:16px}.user-name{color:var(--gold);font-weight:600}.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 16px}.zodiac-item{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:var(--bg-card);border:1px solid rgba(201,162,77,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.zodiac-item:active{transform:scale(.95)}.zodiac-item.active{background:#c9a24d26;border-color:var(--gold)}.zodiac-icon{font-size:28px;margin-bottom:6px}.zodiac-name{font-size:12px;color:var(--white);margin-bottom:2px}.zodiac-dates{font-size:12px;color:var(--gray)}.zodiac-detail{display:flex;flex-direction:column;gap:16px;margin-top:16px}.zodiac-header-card{border:1px solid rgba(201,162,77,.3)}.zodiac-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.zodiac-large-icon{font-size:48px}.zodiac-header-info .card-title{margin-bottom:4px}.zodiac-header-info .zodiac-dates{font-size:14px}.zodiac-meta{display:flex;gap:16px;padding-top:12px;border-top:1px solid rgba(201,162,77,.15)}.zodiac-meta-item{font-size:14px;color:var(--jade)}.zodiac-personality{font-size:15px;color:var(--white);line-height:1.8;margin:0}.zodiac-traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trait-card{padding:16px}.trait-title{font-size:14px;font-weight:600;color:var(--gold);margin-bottom:10px}.trait-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.trait-list li{font-size:13px;color:var(--white);padding-left:12px;position:relative}.trait-list li:before{content:"•";position:absolute;left:0;color:var(--jade)}.trait-list.weakness li:before{color:#f87171}.compatibility-list{display:flex;flex-wrap:wrap;gap:10px}.compatibility-item{padding:8px 16px;background:#c9a24d26;border:1px solid rgba(201,162,77,.3);border-radius:20px;font-size:14px;color:var(--gold)}.lucky-items{display:flex;flex-direction:column;gap:12px}.lucky-row{display:flex;align-items:center;gap:12px}.lucky-label{font-size:14px;color:var(--gray);min-width:40px}.lucky-values{display:flex;gap:8px}.lucky-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#c9a24d33;border:1px solid var(--gold);border-radius:50%;font-size:14px;font-weight:600;color:var(--gold)}.lucky-color{padding:6px 12px;background:#4c7a6a33;border:1px solid var(--jade);border-radius:12px;font-size:13px;color:var(--jade)}.tarot-cards{display:flex;justify-content:center;gap:16px;padding:24px 12px;min-height:400px;flex-wrap:wrap}.tarot-card{width:200px;height:300px;background:linear-gradient(145deg,var(--bg-card) 0%,rgba(201,162,77,.1) 100%);border:2px solid var(--gold);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;animation:cardFlip .5s ease forwards}.tarot-card.with-image{width:220px;height:330px;padding:0;overflow:hidden;background:linear-gradient(145deg,#1a1f35,#0f172a);border:3px solid var(--gold);box-shadow:0 8px 32px #c9a24d66;transition:transform .3s ease,box-shadow .3s ease}.tarot-card.with-image:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #c9a24d80}.tarot-card-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tarot-card-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:calc(var(--radius-md) - 3px)}.tarot-card-placeholder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1f35,#0f172a);border-radius:calc(var(--radius-md) - 3px);overflow:hidden}.tarot-card-placeholder-bg{position:absolute;inset:0;opacity:.15}.tarot-card-bg-blur{filter:blur(4px);transform:scale(1.1)}.tarot-card-placeholder-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;gap:4px}.tarot-card-roman{font-size:32px;font-weight:700;color:var(--gold);text-shadow:0 2px 10px rgba(201,162,77,.6);font-family:"Noto Serif KR",serif}.tarot-card-hanja{font-size:48px;font-weight:700;color:var(--white);font-family:"Noto Serif KR",serif;text-shadow:0 2px 12px rgba(0,0,0,.9);margin:8px 0}.tarot-card-english{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.8px;opacity:.85}.tarot-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(2,6,23,.95) 0%,rgba(2,6,23,.7) 50%,transparent 100%);padding:32px 10px 10px;text-align:center}.tarot-card-overlay .tarot-number{font-size:12px;color:var(--gray);margin-bottom:4px}.tarot-card-overlay .tarot-name{font-size:14px;color:var(--gold);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.9)}.tarot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:var(--gray);font-size:14px;gap:16px}.tarot-placeholder-cards{display:flex;gap:12px;justify-content:center}.tarot-card-back{width:140px;height:210px;border-radius:var(--radius-md);overflow:hidden;border:2px solid rgba(201,162,77,.5);opacity:.7;transition:all .3s ease}.tarot-card-back:hover{opacity:1;transform:translateY(-6px) scale(1.03);box-shadow:0 8px 24px #c9a24d4d}.tarot-card-back .tarot-card-image{width:100%;height:100%;object-fit:cover}@keyframes cardFlip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.tarot-number{font-size:12px;color:var(--gray);margin-bottom:8px}.tarot-name{font-size:13px;color:var(--gold);text-align:center;font-weight:500}@media(max-width:768px){.tarot-cards{gap:10px;padding:16px 8px;min-height:auto}.tarot-card{width:calc(33.33% - 10px);max-width:140px;height:auto;aspect-ratio:2/3;padding:8px}.tarot-card.with-image{width:calc(33.33% - 10px);max-width:140px;height:auto;aspect-ratio:2/3;border-width:2px}.tarot-card-back{width:calc(33.33% - 10px);max-width:140px;height:auto;aspect-ratio:2/3}.tarot-card-overlay .tarot-number{font-size:10px}.tarot-card-overlay .tarot-name{font-size:11px}.tarot-card-roman{font-size:16px}.tarot-card-hanja{font-size:12px}.tarot-card-english{font-size:9px}}@media(max-width:480px){.tarot-cards{gap:8px;padding:12px 6px}.tarot-card,.tarot-card.with-image,.tarot-card-back{width:calc(33.33% - 6px);max-width:110px}.tarot-card-overlay .tarot-name{font-size:10px}.tarot-card-roman{font-size:14px}.tarot-card-hanja{font-size:11px}.tarot-card-english{font-size:8px}}.tarot-details{display:flex;flex-direction:column;gap:16px;margin-top:20px}.tarot-detail-card{border:1px solid rgba(201,162,77,.3)}.tarot-section{margin-bottom:16px}.tarot-section-title{font-size:14px;font-weight:600;color:var(--gold);margin-bottom:8px}.tarot-section-text{font-size:14px;color:var(--white);line-height:1.7;margin:0}.tarot-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tarot-keyword{padding:6px 12px;background:#c9a24d26;border:1px solid rgba(201,162,77,.3);border-radius:20px;font-size:12px;color:var(--gold)}.tarot-fortunes{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;background:#0f172a80;border-radius:var(--radius-sm)}.tarot-fortune-item{display:flex;align-items:flex-start;gap:10px}.fortune-label{flex-shrink:0;font-size:13px;color:var(--gray);min-width:60px}.fortune-value{font-size:13px;color:var(--white);line-height:1.5}.tarot-advice{padding:12px;background:#c9a24d1a;border-left:3px solid var(--gold);border-radius:var(--radius-sm);font-size:14px;color:var(--white);line-height:1.6}.tarot-advice strong{color:var(--gold)}.button-group{display:flex;flex-direction:column;gap:12px;padding:0 16px}.save-btn.gold{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 100%);border:none;color:var(--bg-dark)}.question-input{width:100%;padding:14px 16px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--white);font-size:15px;outline:none}.dream-input{width:100%;padding:16px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--white);font-size:15px;resize:none;outline:none;font-family:inherit;line-height:1.6}.dream-input:focus{border-color:var(--gold)}.dream-mode-toggle{display:flex;gap:8px;margin-bottom:16px}.dream-mode-toggle .mode-btn{flex:1;padding:12px 16px;background:#1e293bcc;border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-sm);color:var(--gray);font-size:14px;cursor:pointer;transition:all .3s ease}.dream-mode-toggle .mode-btn.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.dream-mode-toggle .mode-btn:hover:not(.active){background:#1e293b;border-color:#c9a24d66}.dream-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.dream-category-tabs .category-tab{padding:8px 14px;background:#1e293b99;border:1px solid rgba(201,162,77,.2);border-radius:20px;color:var(--gray);font-size:13px;cursor:pointer;transition:all .3s ease}.dream-category-tabs .category-tab.active{background:var(--gold);border-color:var(--gold);color:var(--bg-dark);font-weight:500}.dream-category-tabs .category-tab:hover:not(.active){border-color:var(--gold);color:var(--gold)}.dream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:600px){.dream-grid{grid-template-columns:repeat(2,1fr)}}.dream-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-md);padding:16px;text-align:center;cursor:pointer;transition:all .3s ease}.dream-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.dream-card-icon{font-size:32px;margin-bottom:8px}.dream-card-name{font-size:14px;color:var(--white);margin-bottom:6px;font-weight:500}.dream-card-fortune{font-size:12px;font-weight:600}.dream-detail{background:linear-gradient(145deg,#1e293bf2,#0f172af2);border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-lg);padding:20px}.dream-detail .back-btn{background:transparent;border:none;color:var(--gold);font-size:14px;cursor:pointer;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:4px}.dream-detail .back-btn:hover{text-decoration:underline}.dream-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.dream-detail-icon{font-size:48px}.dream-detail-name{font-size:20px;color:var(--white);margin:0 0 4px;font-family:"Noto Serif KR",Georgia,serif}.dream-detail-category{font-size:13px;color:var(--gray-dim)}.dream-fortune-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid;margin-bottom:20px}.dream-section{margin-bottom:20px}.dream-section h4{font-size:14px;color:var(--gold);margin:0 0 8px;font-weight:600}.dream-section p{font-size:15px;color:var(--gray);line-height:1.7;margin:0}.dream-section.lucky-action{background:#c9a24d1a;border-radius:var(--radius-sm);padding:16px;border-left:3px solid var(--gold)}.dream-section.lucky-action h4{margin-bottom:6px}.dream-section.lucky-action p{color:var(--white)}.card-desc{font-size:14px;color:var(--gray-dim);margin-bottom:16px;line-height:1.6}.face-reading-card{text-align:center}.camera-container{margin-top:16px;position:relative}.camera-video{width:100%;max-width:320px;border-radius:var(--radius-md);border:2px solid rgba(201,162,77,.3);transform:scaleX(-1)}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#0f172a99;border:2px dashed rgba(201,162,77,.3);border-radius:var(--radius-md)}.camera-icon{font-size:64px;margin-bottom:20px;opacity:.5}.camera-buttons{margin:0 auto;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%}.camera-error-text{margin-top:16px;color:#f87171;font-size:13px;text-align:center}.error-text{margin:12px 0;padding:12px 16px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);color:#f87171;font-size:14px;text-align:center}.camera-controls{margin-top:16px}.capture-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));border:none;border-radius:var(--radius-md);color:var(--bg-dark);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.capture-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #c9a24d4d}.capture-icon{font-size:20px}.captured-preview{margin-top:16px}.captured-image{width:100%;max-width:320px;border-radius:var(--radius-md);border:2px solid var(--gold);transform:scaleX(-1)}.capture-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.save-btn.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}.save-btn.outline:hover{background:#c9a24d1a}.camera-error{padding:24px;text-align:center;color:var(--gray)}.camera-error p{margin-bottom:16px}.face-reading-result{text-align:left;color:var(--white);font-size:15px;line-height:1.8}.face-reading-result p{margin:0}.loading-text{text-align:center;color:var(--gray);padding:24px;font-size:14px}.locked-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px 24px;margin:16px;text-align:center;border:1px solid rgba(201,162,77,.2)}.lock-icon{font-size:48px;margin-bottom:16px}.locked-card h2{color:var(--gold);margin-bottom:12px}.locked-card p{color:var(--gray);font-size:15px;line-height:1.6;margin-bottom:24px}.premium-features{list-style:none;text-align:left;padding:0;margin-bottom:24px}.premium-features li{padding:10px 0;color:var(--white);font-size:14px;border-bottom:1px solid rgba(148,163,184,.1)}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000b3;z-index:9999999;animation:fadeIn .3s ease;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;box-sizing:border-box}.modal-content{background:var(--bg-dark);border-radius:16px;border:1px solid rgba(201,162,77,.3);padding:24px;width:100%;max-width:400px;max-height:80vh;max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;animation:slideUp .3s ease;box-sizing:border-box}@media(min-width:768px){.modal-content{max-width:480px}}.modal-close{position:absolute;top:12px;right:12px;background:#c9a24d26;border:1px solid rgba(201,162,77,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;cursor:pointer;transition:all .2s;z-index:10}.modal-close:hover{background:#c9a24d4d;color:var(--white)}.modal-header{margin-bottom:20px;padding-right:32px}.modal-title{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:600;color:var(--gold);margin:0}.modal-body{color:var(--white)}.modal-body p{margin-bottom:12px;line-height:1.7;font-size:14px}.modal-body .detail-section{margin-bottom:20px}.modal-body .detail-label{font-size:13px;color:var(--jade);margin-bottom:6px;display:block}.modal-body .detail-value{font-size:15px;color:var(--white);line-height:1.6}.modal-body .detail-highlight{color:var(--gold);font-weight:500}.modal-body .score-breakdown{display:flex;flex-direction:column;gap:12px;margin-top:16px}.modal-body .score-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f172a80;border-radius:var(--radius-sm);border-left:3px solid var(--gold)}.modal-body .score-label{font-size:14px;color:var(--gray)}.modal-body .score-value{font-size:16px;font-weight:600;color:var(--gold)}.modal-body .insight-highlight{font-size:18px;color:var(--gold);font-weight:500;line-height:1.8;text-align:center;padding:16px;background:#c9a24d1a;border-radius:var(--radius-md);border-left:3px solid var(--gold)}.modal-body .keyword-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.modal-body .keyword-tag{font-size:13px;padding:6px 14px;background:#4c7a6a33;color:var(--jade);border-radius:20px;border:1px solid rgba(76,122,106,.3)}.modal-body .detail-list{list-style:none;padding:0;margin:10px 0 0}.modal-body .detail-list li{font-size:14px;color:var(--white);padding:10px 14px 10px 28px;background:#0f172a80;border-radius:var(--radius-sm);margin-bottom:8px;position:relative}.modal-body .detail-list li:before{content:"✓";position:absolute;left:10px;color:var(--jade);font-weight:600}.modal-body .detail-list.warning li{background:#8b1a1a26;border-left:3px solid #8B1A1A}.modal-body .detail-list.warning li:before{content:"⚠";color:#e57373}.profile-modal{max-width:380px;padding:24px;max-height:85vh;max-height:85dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.profile-modal{max-width:100%;width:100%;min-height:auto!important;max-height:100%!important;height:auto;padding-top:70px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));overflow-y:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y}.profile-modal .modal-close{top:75px;right:16px;z-index:10}}.profile-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(201,162,77,.2)}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#D4AF37);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden;border:3px solid rgba(201,162,77,.3)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large span{font-size:32px;font-weight:600;color:var(--bg-dark)}.profile-name{font-size:20px;font-weight:600;color:var(--white);margin:0}.profile-info-list{display:flex;flex-direction:column;gap:12px}.profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a80;border-radius:var(--radius-sm);border-left:3px solid var(--jade)}.profile-label{font-size:13px;color:var(--gray)}.profile-value{font-size:14px;color:var(--white);font-weight:500}.profile-divider{height:1px;background:#c9a24d26;margin:8px 0}.profile-section-title{font-size:14px;color:var(--gold);font-weight:600;margin-bottom:4px;margin-top:8px}.clickable-card{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a24d26;border-color:#c9a24d66}.card-click-hint{font-size:13px;color:var(--jade);margin-top:8px;display:flex;align-items:center;gap:4px}.subscribe-header{text-align:center;margin-bottom:24px}.subscribe-icon{font-size:48px;margin-bottom:12px}.subscribe-header h2{color:var(--white);margin-bottom:8px}.subscribe-header p{color:var(--gray);font-size:14px}.subscribe-price{text-align:center;margin-bottom:24px}.price-amount{font-family:"Noto Serif KR",serif;font-size:36px;font-weight:700;color:var(--gold)}.price-period{font-size:16px;color:var(--gray)}.subscribe-features{list-style:none;padding:0;margin-bottom:24px}.subscribe-features li{padding:10px 0;color:var(--white);font-size:14px;border-bottom:1px solid rgba(148,163,184,.1)}.subscribe-btn.full{width:100%;padding:16px}.subscribe-note{text-align:center;font-size:12px;color:var(--gray);margin-top:16px}.gold-text{color:var(--gold)!important}.lucky-items{text-align:center}.lucky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.lucky-item{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:#c9a24d1a;border-radius:var(--radius-sm)}.lucky-label{font-size:13px;color:var(--gray);margin-bottom:6px}.lucky-value{font-size:16px;color:var(--gold);font-weight:600}.report-list.warning li:before{content:"!";color:#e57373}.save-btn:disabled{opacity:.5;cursor:not-allowed}.people-grid{display:flex;flex-direction:column;gap:12px;padding:0 16px}.person-card{display:flex;flex-direction:column;padding:16px;position:relative}.person-card-header{display:flex;align-items:center;gap:12px;width:100%}.person-card.expanded{border-color:var(--gold)}.person-card.self{border:1px solid var(--gold);background:#c9a24d1a}.person-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#c9a24d26;border-radius:50%}.person-info{flex:1}.person-name{font-size:16px;font-weight:600;color:var(--white);margin-bottom:4px}.person-hanja{font-size:13px;font-weight:400;color:var(--gold);margin-left:6px;font-family:"Noto Serif KR",serif}.person-relation{font-size:12px;color:var(--gold);margin-bottom:2px}.person-birth{font-size:12px;color:var(--gray)}.person-weight{font-size:13px;color:var(--gold);background:#c9a24d26;padding:4px 10px;border-radius:12px}.remove-person{background:none;border:none;color:var(--gray);font-size:18px;cursor:pointer;opacity:.6;margin-left:auto;padding:4px 8px}.remove-person:hover{opacity:1;color:#e57373}.add-person-btn{margin-top:24px}.person-checkbox{width:24px;height:24px;min-width:24px;border:2px solid rgba(201,162,77,.4);border-radius:8px;background:transparent;color:transparent;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.person-checkbox:hover{border-color:var(--gold);background:#c9a24d1a}.person-checkbox.checked{background:linear-gradient(135deg,var(--gold-dark),var(--gold));border-color:var(--gold);color:var(--bg-dark)}.person-card.selected{border:2px solid var(--gold);box-shadow:0 0 15px #c9a24d33}.person-card{padding-left:48px}.person-card.self{padding-left:20px}.selection-hint{text-align:center;padding:16px;color:var(--jade);font-size:14px;background:#4c7a6a1a;border-radius:var(--radius-sm);margin:16px;border:1px dashed rgba(76,122,106,.3)}.selection-count{color:var(--gold);font-weight:600}.relation-fortune-section{padding:0 16px 20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:"Noto Serif KR",serif;font-size:18px;color:var(--gold);letter-spacing:.05em}.section-badge{background:#c9a24d26;color:var(--gold);padding:4px 12px;border-radius:12px;font-size:12px}.relation-cards-scroll{display:flex;flex-direction:column;gap:12px}.relation-fortune-card{border-left:3px solid var(--gold)}.relation-fortune-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.relation-person-badge{display:flex;align-items:center;gap:12px}.relation-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#c9a24d26;border-radius:50%}.relation-name{font-size:16px;font-weight:600;color:var(--white)}.relation-type{font-size:12px;color:var(--gold)}.relation-score-badge{text-align:center;background:linear-gradient(135deg,#c9a24d33,#c9a24d1a);padding:8px 16px;border-radius:8px;border:1px solid rgba(201,162,77,.3)}.relation-score{display:block;font-size:24px;font-weight:700;color:var(--gold);line-height:1}.relation-score-label{font-size:12px;color:var(--gray)}.relation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--gray);font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid rgba(201,162,77,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.relation-analyze-btn{padding:10px 20px;background:linear-gradient(135deg,#8b45451f,#c9a24d14);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:14px;cursor:pointer;transition:all .2s ease}.relation-analyze-btn:hover{background:#c9a24d26}.relation-fortune-content{display:flex;flex-direction:column;gap:12px}.relation-advice-section{padding:12px;background:#0f172a80;border-radius:8px}.relation-advice-label{font-size:12px;color:var(--gold);margin-bottom:8px;font-weight:500}.relation-advice-text{font-size:14px;color:var(--white);line-height:1.6;margin:0}.relation-advice-text.small{font-size:13px;color:var(--gray)}.relation-lucky-action{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#4c7a6a26,#4c7a6a0d);border-radius:8px;font-size:13px;color:var(--jade)}.lucky-icon{font-size:16px}.relation-manage-btn{width:100%;padding:12px;margin-top:12px;background:transparent;border:1px dashed rgba(201,162,77,.4);border-radius:var(--radius-sm);color:var(--gold);font-size:14px;cursor:pointer;transition:all .2s ease}.relation-manage-btn:hover{background:#c9a24d1a;border-style:solid}.relation-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.relation-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--gray);font-size:13px;cursor:pointer;transition:all .2s}.relation-btn span:first-child{font-size:20px}.relation-btn.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.relation-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.relation-item-btn{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid rgba(201,162,77,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.relation-item-btn:active,.relation-item-btn.active{background:#c9a24d1a;border-color:var(--gold)}.relation-item-left{display:flex;align-items:center;gap:12px}.relation-item-icon{font-size:24px}.relation-item-name{font-size:15px;color:var(--white);font-weight:500}.relation-item-type{font-size:12px;color:var(--gray)}.relation-item-arrow{color:var(--gold);font-size:18px}.relation-result{margin-top:16px}.relation-pair{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(148,163,184,.1);margin-bottom:20px}.relation-person{display:flex;flex-direction:column;align-items:center;gap:8px}.relation-person span:first-child{font-size:32px}.relation-person span:last-child{font-size:14px;color:var(--white)}.relation-vs{font-size:24px;color:var(--gold)}.compatibility-score{text-align:center;padding:24px 0;border-bottom:1px solid rgba(148,163,184,.1);margin-bottom:20px}.compat-number{font-family:"Noto Serif KR",serif;font-size:56px;font-weight:700;color:var(--gold)}.compat-label{font-size:13px;color:var(--gray);margin-top:4px}.analysis-section{padding:16px 0;border-bottom:1px solid rgba(148,163,184,.1)}.analysis-section:last-child{border-bottom:none}.analysis-title{font-size:12px;color:var(--gold);letter-spacing:.05em;margin-bottom:8px}.analysis-text{font-size:14px;color:var(--white);line-height:1.7}.analysis-section.advice{background:#c9a24d14;margin:0 -24px;padding:16px 24px}.analysis-section.caution{background:#e5737314;margin:0 -24px;padding:16px 24px}.analysis-section.caution .analysis-title{color:#e57373}.fortune-tabs{display:flex;gap:8px;padding:0 16px 16px}.fortune-tab{flex:1;padding:12px 8px;background:var(--bg-card);border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-sm);color:var(--gray);font-size:13px;cursor:pointer;transition:all .2s}.fortune-tab.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.voice-input-container{margin-bottom:16px}.voice-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:#c9a24d1a;border:1px dashed var(--gold);border-radius:var(--radius-md);color:var(--gold);font-size:14px;cursor:pointer;transition:all .3s ease}.voice-btn:hover,.voice-btn:active{background:#c9a24d33}.voice-btn.listening{background:#e5737326;border-color:#e57373;color:#e57373;animation:pulse 1.5s ease-in-out infinite}.voice-icon{font-size:20px}.voice-wave{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;height:32px}.wave-bar{width:4px;height:100%;background:var(--gold);border-radius:2px;animation:waveAnimation .8s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes waveAnimation{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.voice-transcript{margin-top:12px;padding:12px;background:#c9a24d14;border-radius:var(--radius-sm);border-left:3px solid var(--gold)}.voice-transcript p{font-size:14px;color:var(--white);font-style:italic;line-height:1.6}.voice-error{font-size:12px;color:#e57373;margin-top:8px}.card-desc{font-size:13px;color:var(--gray);margin-bottom:16px;line-height:1.5}.about-me-input{width:100%;padding:14px 16px;background:#0f172a99;border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-sm);color:var(--white);font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.6}.about-me-input:focus{border-color:var(--gold)}.about-me-input::placeholder{color:#94a3b880}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,12px));background:#f8fafcfa!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 1px 3px #00000014;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147483647!important;transform:translateZ(0);will-change:transform}.app-container{padding-top:calc(60px + env(safe-area-inset-top,0px))}.app-header-left{display:flex;align-items:center;gap:12px}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:6px}.hamburger-line{display:block;width:20px;height:2px;background:#0f172a;border-radius:1px;transition:all .3s ease}.hamburger-btn:hover .hamburger-line{background:var(--gold)}.app-header-logo{display:flex;align-items:center;gap:8px}.header-logo-img{width:32px;height:32px}.header-logo-text{font-family:"Noto Serif KR",serif;font-size:18px;color:#0f172a;font-weight:600;letter-spacing:.1em}.app-header-actions{display:flex;align-items:center;gap:10px}.header-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s ease}.login-btn{background:linear-gradient(135deg,var(--gold-dark),var(--gold));border:none;color:var(--bg-dark);font-weight:600}.logout-btn{background:transparent;border:1px solid rgba(15,23,42,.2);color:#475569}.logout-btn:hover{border-color:#0f172a;color:#0f172a}.admin-btn{background:#c9a24d26;border:1px solid rgba(201,162,77,.5);color:#9a7b35}.user-info{display:flex;align-items:center;gap:6px}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(201,162,77,.3)}.user-name{font-size:13px;color:#0f172a;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard{padding-bottom:40px}.admin-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:20px;overflow-x:auto}.admin-tab{flex-shrink:0;padding:10px 16px;background:#1e293b99;border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-sm);color:var(--gray);font-size:14px;cursor:pointer;transition:all .2s ease}.admin-tab.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;text-align:center;border:1px solid rgba(201,162,77,.15)}.stat-value{font-family:"Noto Serif KR",serif;font-size:28px;font-weight:700;color:var(--gold);margin-bottom:4px}.stat-label{font-size:13px;color:var(--gray)}.stat-sub{font-size:13px;color:var(--jade);margin-top:6px}.admin-users-list,.admin-banners{padding:0 16px}.users-table{max-height:400px;overflow-y:auto}.user-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1)}.user-row-info{display:flex;align-items:center;gap:10px}.user-row-avatar{width:36px;height:36px;border-radius:50%}.user-row-name{font-size:14px;color:var(--white)}.user-row-email,.user-row-date{font-size:12px;color:var(--gray)}.banner-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.1)}.banner-name{font-size:14px;color:var(--white)}.banner-stats{font-size:12px;color:var(--gray)}.banner-status{font-size:12px;padding:4px 8px;border-radius:8px}.banner-status.active{background:#4c7a6a33;color:var(--jade)}.banner-status.inactive{background:#94a3b81a;color:var(--gray)}.empty-text{text-align:center;color:var(--gray);padding:24px;font-size:14px}.yearly-keyword-card{text-align:center;padding:32px 24px}.yearly-keyword{font-family:"Noto Serif KR",serif;font-size:28px;font-weight:700;color:var(--gold);margin-bottom:8px}.yearly-subtitle{font-size:14px;color:var(--gray)}.yearly-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;margin-bottom:16px}.yearly-stat{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;text-align:center;border:1px solid rgba(201,162,77,.15)}.yearly-stat-icon{font-size:24px;margin-bottom:8px}.yearly-stat-label{font-size:12px;color:var(--gray);margin-bottom:4px}.yearly-stat-value{font-size:16px;color:var(--white);font-weight:600}.quarterly-chart{display:flex;justify-content:space-around;align-items:flex-end;height:150px;padding:20px 0}.quarter-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px}.quarter-bar{width:40px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:20px;transition:height .5s ease}.quarter-value{font-size:12px;font-weight:600;color:var(--bg-dark)}.quarter-label{font-size:12px;color:var(--gray)}.yearly-link-card{cursor:pointer;transition:transform .2s ease;margin-top:16px}.yearly-link-card:hover{transform:translateY(-2px)}.yearly-link-content{display:flex;align-items:center;gap:12px}.yearly-link-icon{font-size:24px}.yearly-link-text{flex:1}.yearly-link-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:2px}.yearly-link-desc{font-size:12px;color:var(--gray)}.yearly-link-arrow{font-size:18px;color:var(--gold)}.hourly-fortune-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.hourly-item{background:#0f172a80;border:1px solid rgba(201,162,77,.15);border-radius:var(--radius-sm);padding:14px;transition:all .3s ease}.hourly-item.current{background:#c9a24d1a;border-color:var(--gold);box-shadow:0 0 20px #c9a24d26}.hourly-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hourly-icon{font-size:20px}.hourly-time{font-size:14px;font-weight:600;color:var(--white)}.hourly-label{font-size:12px;color:var(--gray)}.current-badge{background:var(--gold);color:var(--bg-dark);font-size:12px;font-weight:600;padding:3px 8px;border-radius:10px;margin-left:auto}.hourly-content{display:flex;flex-direction:column;gap:8px}.hourly-score-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.hourly-score-fill{height:100%;border-radius:3px;transition:width .5s ease}.hourly-details{display:flex;justify-content:space-between;align-items:center}.hourly-score{font-size:14px;font-weight:600}.hourly-advice{font-size:13px;color:var(--gray)}.daily-fortune-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.daily-item{display:flex;align-items:center;gap:12px;background:#0f172a80;border:1px solid rgba(201,162,77,.15);border-radius:var(--radius-sm);padding:12px 14px;transition:all .3s ease}.daily-item.today{background:#c9a24d1a;border-color:var(--gold)}.daily-date-section{display:flex;align-items:center;gap:8px;min-width:90px}.daily-date{font-size:14px;font-weight:600;color:var(--white)}.daily-day{font-size:12px;color:var(--gray);background:#ffffff1a;padding:2px 6px;border-radius:8px}.daily-day.sunday{color:#f87171;background:#f8717126}.daily-day.saturday{color:#60a5fa;background:#60a5fa26}.today-badge{background:var(--gold);color:var(--bg-dark);font-size:12px;font-weight:600;padding:2px 6px;border-radius:8px}.daily-score-section{display:flex;align-items:center;justify-content:center}.daily-score-circle{width:40px;height:40px;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.daily-advice-section{flex:1}.daily-advice{font-size:13px;color:var(--gray);line-height:1.4}.fortune-summary{display:flex;flex-direction:column;gap:14px;margin-top:12px}.summary-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(201,162,77,.1)}.summary-item:last-child{border-bottom:none}.summary-label{min-width:60px;font-size:14px;font-weight:500;color:var(--white)}.summary-stars{color:var(--gold);font-size:14px;letter-spacing:2px}.summary-text{flex:1;font-size:13px;color:var(--gray);text-align:right}.card-desc{font-size:13px;color:var(--gray);margin-top:-4px;margin-bottom:8px}.white-flash-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#fff,#fffffffa 40%,#f8fafcf2);z-index:100;overflow:hidden;animation:flashReveal 1.5s ease-in-out forwards}.white-flash-overlay:before,.white-flash-overlay:after{content:"";position:absolute;top:0;width:52%;height:100%;background:linear-gradient(135deg,#fff,#f8fafcfa,#c9a24d1a);box-shadow:0 0 80px 40px #ffffffe6,inset 0 0 60px #c9a24d26}.white-flash-overlay:before{left:0;transform-origin:left center;animation:doorLeftSlide 1.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}.white-flash-overlay:after{right:0;transform-origin:right center;animation:doorRightSlide 1.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}@keyframes flashReveal{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes doorLeftSlide{0%{transform:translate(0) perspective(800px) rotateY(0)}to{transform:translate(-100%) perspective(800px) rotateY(-15deg)}}@keyframes doorRightSlide{0%{transform:translate(0) perspective(800px) rotateY(0)}to{transform:translate(100%) perspective(800px) rotateY(15deg)}}.scratch-reveal-content.reveal-active{animation:contentReveal .8s ease-out forwards}@keyframes contentReveal{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.scratch-canvas{position:absolute;inset:0;z-index:2;cursor:crosshair}.scratch-canvas.fade-out{animation:canvasFadeOut .5s ease-out forwards}@keyframes canvasFadeOut{to{opacity:0}}.saju-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(201,162,77,.08) 100%)}.four-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.pillar{text-align:center;background:#0f172a99;border-radius:var(--radius-sm);padding:16px 8px;border:1px solid rgba(201,162,77,.2)}.pillar-label{font-size:12px;color:var(--gray);margin-bottom:10px}.pillar-value{display:flex;flex-direction:column;gap:8px}.pillar-value .stem{font-size:24px;font-family:"Noto Serif KR",serif;color:var(--gold);font-weight:600}.pillar-value .branch{font-size:20px;font-family:"Noto Serif KR",serif;color:var(--white)}.five-elements-chart{display:flex;flex-direction:column;gap:12px;margin-top:16px}.element-bar-container{display:flex;flex-direction:column;gap:6px}.element-info{display:flex;justify-content:space-between;align-items:center}.element-name{font-size:14px;font-weight:500}.element-name.wood{color:#22c55e}.element-name.fire{color:#ef4444}.element-name.earth{color:#eab308}.element-name.metal{color:#f8fafc}.element-name.water{color:#3b82f6}.element-percent{font-size:13px;color:var(--gray)}.element-bar{height:8px;background:#94a3b833;border-radius:8px;overflow:hidden}.element-fill{height:100%;border-radius:8px;transition:width 1s ease-out}.element-fill.wood{background:linear-gradient(90deg,#22c55e,#16a34a)}.element-fill.fire{background:linear-gradient(90deg,#ef4444,#dc2626)}.element-fill.earth{background:linear-gradient(90deg,#eab308,#ca8a04)}.element-fill.metal{background:linear-gradient(90deg,#f8fafc,#cbd5e1)}.element-fill.water{background:linear-gradient(90deg,#3b82f6,#2563eb)}.element-summary{display:flex;gap:12px;margin-top:16px;justify-content:center}.element-tag{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}.element-tag.dominant{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.element-tag.lacking{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.yin-yang-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(201,162,77,.1)}.yin-yang-bar{display:flex;height:40px;border-radius:20px;overflow:hidden;margin-top:12px}.yin-section{background:linear-gradient(90deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:13px;font-weight:500;transition:width 1s ease-out}.yang-section{background:linear-gradient(90deg,#fef3c7,#fcd34d);display:flex;align-items:center;justify-content:center;color:#1e293b;font-size:13px;font-weight:500;transition:width 1s ease-out}.balance-text{margin-top:12px;font-size:14px;color:var(--gray);text-align:center}.name-analysis-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(76,122,106,.08) 100%)}.name-display{display:flex;justify-content:center;gap:16px;margin:20px 0}.name-char{font-family:"Noto Serif KR",serif;font-size:36px;font-weight:600;color:var(--gold);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0f172a99;border:2px solid rgba(201,162,77,.3);border-radius:var(--radius-sm)}.name-details{display:flex;flex-direction:column;gap:16px}.name-item{padding:12px;background:#0f172a66;border-radius:var(--radius-sm)}.name-label{display:block;font-size:12px;color:var(--gold);margin-bottom:6px;font-weight:500}.name-value{font-size:14px;color:var(--white);line-height:1.6;margin:0}.lucky-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(201,162,77,.12) 100%)}.lucky-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.lucky-item{text-align:center;padding:16px 8px;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid rgba(201,162,77,.15)}.lucky-icon{display:block;font-size:24px;margin-bottom:8px}.lucky-value{display:block;font-size:14px;color:var(--gold);font-weight:500}.today-advice{margin-top:16px;padding:16px;background:#c9a24d14;border-radius:var(--radius-sm);border-left:3px solid var(--gold);font-size:14px;line-height:1.7;color:var(--white)}.analysis-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;margin-bottom:16px}.analysis-menu-btn{display:flex;align-items:center;gap:8px;padding:14px 12px;background:var(--bg-card);border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;flex-wrap:wrap}.analysis-menu-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d;border-color:var(--gold)}.analysis-menu-btn:active{transform:translateY(0)}.analysis-menu-icon{font-size:28px;flex-shrink:0}.analysis-menu-text{display:flex;flex-direction:column;flex:1;min-width:0}.analysis-menu-title{font-size:13px;font-weight:600;color:var(--white);line-height:1.3;white-space:nowrap}.analysis-menu-subtitle{font-size:11px;color:var(--gray);margin-top:2px;line-height:1.3;white-space:nowrap}.analysis-menu-arrow{font-size:18px;color:var(--gold);opacity:.5;margin-left:auto}.menu-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:700}.menu-badge.free{background:#4ade8033;color:#4ade80}.menu-badge.highlight{background:#c9a24d33;color:var(--gold)}.analysis-menu-btn.highlight{background:linear-gradient(135deg,#c9a24d26,#c9a24d0d);border:1px solid rgba(201,162,77,.4)!important}.analysis-menu-btn.free{border:1px solid rgba(74,222,128,.3)!important}.pillar-element{margin-top:8px;font-size:13px;color:var(--gold);opacity:.7}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.trait-section{padding:12px;background:#0f172a66;border-radius:var(--radius-sm)}.trait-label{font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 10px;border-radius:12px;display:inline-block}.trait-label.positive{background:#22c55e26;color:#4ade80}.trait-label.negative{background:#ef444426;color:#f87171}.trait-list{list-style:none;padding:0;margin:0}.trait-list li{font-size:13px;color:var(--white);padding:4px 0 4px 16px;position:relative}.trait-list li:before{content:"•";position:absolute;left:0;color:var(--gold)}.advice-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(201,162,77,.08) 100%)}.element-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;margin-bottom:16px}.element-card{text-align:center;padding:20px 16px}.element-card-title{font-size:12px;color:var(--gray);margin-bottom:8px}.element-card-value{font-size:24px;font-weight:600;font-family:"Noto Serif KR",serif;margin-bottom:8px}.element-card.dominant .element-card-value{color:#4ade80}.element-card.lacking .element-card-value{color:#f87171}.element-card-desc{font-size:12px;color:var(--gray);line-height:1.5;margin:0}.element-desc{font-size:12px;color:var(--gray);margin-top:4px;line-height:1.4}.name-score-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto}.name-score-value{font-size:36px;font-weight:700;color:var(--bg-dark)}.name-score-label{font-size:14px;color:var(--bg-dark);opacity:.8}.char-analysis-list{display:flex;flex-direction:column;gap:12px}.char-analysis-item{display:flex;gap:16px;padding:16px;background:#0f172a66;border-radius:var(--radius-sm);border:1px solid rgba(201,162,77,.15)}.char-main{display:flex;flex-direction:column;align-items:center;min-width:60px}.char-hangul{font-size:32px;font-family:"Noto Serif KR",serif;color:var(--gold);font-weight:600}.char-hanja{font-size:14px;color:var(--gray);margin-top:4px}.char-details{flex:1}.char-meaning{font-size:14px;color:var(--white);margin-bottom:8px;line-height:1.5}.char-meta{display:flex;gap:12px}.char-strokes,.char-element{font-size:12px;padding:4px 10px;border-radius:12px;background:#c9a24d1a;color:var(--gold)}.stroke-total{font-size:28px;font-weight:600;color:var(--gold);text-align:center;margin-bottom:12px}.clickable-card{cursor:pointer;transition:all .3s ease;position:relative}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a24d26;border-color:#c9a24d66}.clickable-card:active{transform:translateY(0)}.clickable-card .card-title{display:flex;justify-content:space-between;align-items:center}.card-arrow{font-size:14px;color:var(--gold);opacity:.7;transition:opacity .3s ease}.clickable-card:hover .card-arrow{opacity:1}.name-popup-overlay{position:fixed;inset:0;background:#020617e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.name-popup-content{background:linear-gradient(145deg,var(--bg-card),var(--bg-dark));border:1px solid rgba(201,162,77,.3);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.name-popup-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#c9a24d1a;border-bottom:1px solid rgba(201,162,77,.2)}.name-popup-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),#A67C00);border-radius:12px;font-size:24px;color:var(--bg-dark);font-weight:700}.name-popup-title{flex:1;font-size:18px;font-weight:600;color:var(--white);margin:0}.name-popup-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--gray);cursor:pointer;transition:all .3s ease;font-size:16px}.name-popup-close:hover{background:#fff3;color:var(--white)}.name-popup-body{padding:24px;overflow-y:auto;flex:1}.name-popup-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(201,162,77,.1)}.name-popup-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.name-popup-section-title{font-size:15px;font-weight:600;color:var(--gold);margin:0 0 10px;display:flex;align-items:center;gap:8px}.name-popup-section-title:before{content:"";width:4px;height:16px;background:var(--gold);border-radius:2px}.name-popup-section-content{font-size:14px;line-height:1.8;color:var(--white);margin:0;opacity:.9}.talisman-infographic{position:relative;padding:16px 8px 16px 24px}.talisman-connector{position:absolute;left:8px;top:40px;width:16px;height:calc(100% - 80px);opacity:.6}.talisman-category{margin-bottom:20px;position:relative}.category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-left:4px}.category-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cat-color) 0%,rgba(0,0,0,.3) 100%);border-radius:50%;box-shadow:0 2px 8px #0000004d}.category-header span{font-size:14px;font-weight:700;color:var(--cat-color);letter-spacing:.5px}.category-line{flex:1;height:1px;background:linear-gradient(90deg,var(--cat-color) 0%,transparent 100%);margin-left:8px}.category-items{display:flex;flex-direction:column;gap:8px}.talisman-infographic-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#0f172ae6,#020617f2);border:1px solid rgba(201,162,77,.15);border-left:3px solid var(--talisman-color, var(--gold));border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.talisman-infographic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--talisman-color) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.talisman-infographic-card:hover:before{opacity:.1}.talisman-infographic-card:hover{transform:translate(4px);border-color:var(--talisman-color, var(--gold));box-shadow:0 4px 16px #0006}.talisman-infographic-card.selected{border-color:var(--talisman-color, var(--gold));background:linear-gradient(135deg,#c9a24d26,#0f172af2);box-shadow:0 0 20px #c9a24d33}.talisman-infographic-card.selected:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--talisman-color, var(--gold));font-size:16px;font-weight:700}.infographic-icon-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.infographic-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:var(--talisman-color, var(--gold));z-index:1}.infographic-ring{width:100%;height:100%;fill:none;stroke:var(--talisman-color, var(--gold));stroke-width:2;opacity:.4}.talisman-infographic-card:hover .infographic-ring{opacity:.8;animation:ringPulse 1.5s ease infinite}@keyframes ringPulse{0%,to{stroke-width:2}50%{stroke-width:4}}.infographic-text{flex:1;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.infographic-name{font-size:14px;font-weight:600;color:var(--white)}.infographic-desc{font-size:11px;color:var(--gray);line-height:1.3}.infographic-arrow{font-size:18px;color:var(--talisman-color, var(--gold));opacity:0;transform:translate(-8px);transition:all .3s ease}.talisman-infographic-card:hover .infographic-arrow{opacity:1;transform:translate(0)}.talisman-container{padding:16px;display:flex;justify-content:center}.talisman-paper{background:#d4a82a;background-image:radial-gradient(ellipse at 20% 30%,rgba(232,197,71,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(191,138,21,.6) 0%,transparent 50%),linear-gradient(180deg,#e8c547,#d4a82a,#c9941d,#bf8a15,#b07d10);border-radius:2px;padding:0;box-shadow:0 8px 32px #00000080,0 2px 8px #8b45134d,inset 0 0 60px #8b451326;width:200px;min-height:380px;position:relative;overflow:hidden}.talisman-paper:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply}.talisman-paper:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(139,69,19,.08) 0%,transparent 10%,transparent 90%,rgba(139,69,19,.08) 100%),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);pointer-events:none}.talisman-border{position:relative;padding:12px 8px;min-height:380px;display:flex;flex-direction:column}.talisman-border:before{display:none}.talisman-inner{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative;z-index:1}.talisman-header{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.talisman-icon{display:none}.talisman-title{font-family:"Noto Serif KR",serif;font-size:18px;font-weight:900;color:#8b0000;letter-spacing:.3em;text-shadow:.5px .5px 0 rgba(139,0,0,.3)}.talisman-top-symbol{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:900;color:#8b0000;margin-bottom:4px;display:flex;gap:2px;text-shadow:.5px .5px 0 rgba(139,0,0,.2)}.talisman-main-symbol{font-family:"Noto Serif KR",serif;font-size:80px;font-weight:900;color:#8b0000;line-height:1;margin:4px 0;text-shadow:2px 2px 0 rgba(139,0,0,.15),-1px -1px 0 rgba(139,0,0,.1);filter:url(#brush-stroke)}.talisman-middle-row{display:flex;justify-content:space-between;align-items:stretch;width:100%;padding:0 8px;margin:4px 0;flex:1}.talisman-side-symbol{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:700;color:#8b0000;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.2em;line-height:1.4;text-shadow:.5px .5px 0 rgba(139,0,0,.2)}.talisman-sub-symbols{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.talisman-sub-symbol{font-family:"Noto Serif KR",serif;font-size:32px;font-weight:900;color:#8b0000;text-shadow:1px 1px 0 rgba(139,0,0,.2)}.talisman-decorative-line{width:60%;height:2px;background:#8b0000;margin:6px 0;opacity:.6}.talisman-element{display:flex;flex-direction:column;align-items:center;margin:4px 0;padding:4px 12px;background:transparent;border-radius:0;border:none}.element-label{font-size:12px;color:#8b0000;opacity:.7;margin-bottom:2px}.element-symbol{font-family:"Noto Serif KR",serif;font-size:24px;font-weight:900;color:#8b0000;text-shadow:.5px .5px 0 rgba(139,0,0,.2)}.talisman-blessing{font-size:14px;color:#8b0000;line-height:1.4;margin:4px 0;padding:0 12px;opacity:.85;font-weight:500}.talisman-footer{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto;padding-top:4px}.talisman-name{font-size:16px;color:#8b0000;font-weight:700;font-family:"Noto Serif KR",serif}.talisman-date{font-size:11px;color:#8b0000;opacity:.7}.talisman-seal{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:900;color:#8b0000;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid #8B0000;border-radius:50%;margin-top:6px;text-shadow:.5px .5px 0 rgba(139,0,0,.3)}.talisman-corner{position:absolute;font-family:"Noto Serif KR",serif;font-size:22px;color:#8b0000;font-weight:900;text-shadow:.5px .5px 0 rgba(139,0,0,.2)}.talisman-corner.top-left{top:8px;left:8px}.talisman-corner.top-right{top:8px;right:8px}.talisman-corner.bottom-left{bottom:8px;left:8px;font-size:16px}.talisman-corner.bottom-right{bottom:8px;right:8px;font-size:14px;writing-mode:vertical-rl;text-orientation:upright}.talisman-vertical-text{font-family:"Noto Serif KR",serif;writing-mode:vertical-rl;text-orientation:upright;color:#8b0000;font-weight:700;letter-spacing:.15em;font-size:18px;line-height:1.6}.talisman-center-column{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.talisman-brush-char{font-family:"Noto Serif KR",serif;font-weight:900;color:#8b0000;text-shadow:1px 1px 0 rgba(139,0,0,.2),-.5px -.5px 0 rgba(139,0,0,.1)}.talisman-explanation{background:var(--bg-card);border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-md);padding:20px;margin-top:16px}.talisman-explanation-title{font-family:"Noto Serif KR",serif;font-size:16px;font-weight:600;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:8px}.talisman-explanation-section{margin-bottom:16px}.talisman-explanation-label{font-size:12px;color:var(--jade);margin-bottom:6px;display:block}.talisman-explanation-value{font-size:14px;color:var(--white);line-height:1.7}.talisman-explanation-highlight{color:var(--gold);font-weight:500}.talisman-meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.talisman-meaning-item{background:#8b1a1a1a;border:1px solid rgba(139,26,26,.2);border-radius:8px;padding:10px;text-align:center}.talisman-meaning-char{font-family:"Noto Serif KR",serif;font-size:28px;font-weight:700;color:#8b1a1a;display:block;margin-bottom:4px}.talisman-meaning-text{font-size:13px;color:var(--white);opacity:.8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(201,162,77,.2);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes loadingBar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.counselors-list{display:flex;flex-direction:column;gap:12px}.counselor-admin-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.counselor-admin-info{margin-bottom:12px}.counselor-admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.counselor-admin-name{font-size:16px;font-weight:600;color:var(--gold)}.counselor-status-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.counselor-status-badge.pending{background:#fbbf2433;color:#fbbf24}.counselor-status-badge.approved{background:#4ade8033;color:#4ade80}.counselor-status-badge.rejected{background:#f8717133;color:#f87171}.counselor-admin-specialty{font-size:14px;color:var(--jade);margin-bottom:4px}.counselor-admin-meta{font-size:12px;color:var(--gray);margin-bottom:8px}.counselor-admin-intro{font-size:13px;color:var(--white);opacity:.8;line-height:1.5;background:#0003;padding:10px;border-radius:8px}.counselor-admin-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.approve-btn,.reject-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.approve-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0f172a}.approve-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.reject-btn{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.reject-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f871714d}.counselor-actions{padding:0 16px;margin-bottom:16px}.counselor-list{padding:0 16px}.counselor-card{transition:transform .2s ease}.counselor-card:hover{transform:translateY(-2px)}.admin-locations{padding:0 16px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-btn{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--bg-dark);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5d6734d}.location-form{background:#0003;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.location-form .form-title{font-size:16px;font-weight:600;color:var(--gold);margin-bottom:16px}.location-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.location-form .form-group{display:flex;flex-direction:column;gap:6px}.location-form .form-group.full-width{grid-column:span 2}.location-form label{font-size:13px;color:var(--gray)}.location-form input,.location-form select,.location-form textarea{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--white);font-size:14px}.location-form input:focus,.location-form select:focus,.location-form textarea:focus{outline:none;border-color:var(--gold)}.location-form textarea{resize:vertical;min-height:80px}.location-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.location-form .cancel-btn{padding:10px 24px;background:transparent;border:1px solid var(--gray);color:var(--gray);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.location-form .cancel-btn:hover{border-color:var(--white);color:var(--white)}.location-form .submit-btn{padding:10px 24px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--bg-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.location-form .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5d6734d}.locations-list{display:flex;flex-direction:column;gap:12px}.location-admin-item{background:#ffffff0d;border-radius:12px;padding:16px;transition:all .2s ease}.location-admin-item:hover{background:#ffffff14}.location-admin-item.inactive{opacity:.6}.location-admin-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.location-admin-name{font-size:16px;font-weight:600;color:var(--white)}.location-region-badge{font-size:12px;padding:4px 10px;border-radius:12px;background:#4c7a6a4d;color:var(--jade)}.location-status-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.location-status-badge.active{background:#4ade8033;color:#4ade80}.location-status-badge.inactive{background:#94a3b833;color:var(--gray)}.location-admin-address{font-size:14px;color:var(--white);opacity:.9;margin-bottom:6px}.location-admin-meta{display:flex;gap:16px;font-size:13px;color:var(--gray);margin-bottom:6px}.location-admin-specialties{font-size:13px;color:var(--jade)}.location-admin-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.edit-btn,.toggle-btn,.delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn{background:#3b82f633;color:#60a5fa}.edit-btn:hover{background:#3b82f64d}.toggle-btn{background:#fbbf2433;color:#fbbf24}.toggle-btn:hover{background:#fbbf244d}.delete-btn{background:#f8717133;color:#f87171}.delete-btn:hover{background:#f871714d}@media(max-width:600px){.location-form .form-grid{grid-template-columns:1fr}.location-form .form-group.full-width{grid-column:span 1}.location-admin-actions{flex-wrap:wrap}}.sms-list{display:flex;flex-direction:column;gap:12px}.sms-item{background:#ffffff0d;border-radius:12px;padding:16px;transition:all .2s ease}.sms-item:hover{background:#ffffff14}.sms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sms-title{font-size:16px;font-weight:600;color:var(--white)}.sms-status{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500;color:#fff}.sms-content{font-size:14px;color:var(--white);background:#0003;padding:12px;border-radius:8px;margin-bottom:10px;white-space:pre-wrap;word-break:break-word}.sms-meta{display:flex;gap:16px;font-size:13px;color:var(--gray);margin-bottom:12px;flex-wrap:wrap}.sms-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.send-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#4ade8033;color:#4ade80}.send-btn:hover{background:#4ade804d}.char-count{font-size:12px;color:var(--gray);text-align:right;margin-top:4px}.recipient-select-header{margin-bottom:10px}.recipient-list{max-height:200px;overflow-y:auto;background:#0003;border-radius:8px;padding:12px}.recipient-item{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.recipient-item:last-child{border-bottom:none}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--white);font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.locations-page{padding-bottom:80px}.region-filter{padding:0 16px;margin-bottom:16px}.filter-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.filter-scroll::-webkit-scrollbar{display:none}.region-btn{flex-shrink:0;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:var(--gray);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.region-btn:hover{background:#ffffff1f}.region-btn.active{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--bg-dark);border-color:var(--gold);font-weight:600}.locations-content{padding:0 16px}.region-group{margin-bottom:24px}.region-title{font-size:16px;font-weight:600;color:var(--jade);margin-bottom:12px;border-left:3px solid var(--jade);padding-left:12px}.location-cards{display:flex;flex-direction:column;gap:12px}.location-card{background:var(--bg-card);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.location-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.location-card-header{margin-bottom:10px}.location-name{font-size:16px;font-weight:600;color:var(--white);margin:0 0 6px}.location-specialties{font-size:13px;color:var(--gold);background:#f5d6731a;padding:4px 10px;border-radius:12px;display:inline-block}.location-address{font-size:14px;color:var(--white);opacity:.9;margin-bottom:8px;display:flex;align-items:flex-start;gap:6px}.loc-icon{font-size:14px;flex-shrink:0}.location-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.location-phone{font-size:14px;color:#60a5fa;text-decoration:none;display:flex;align-items:center;gap:6px}.location-phone:hover{text-decoration:underline}.location-hours{font-size:14px;color:var(--gray);display:flex;align-items:center;gap:6px}.location-description{font-size:13px;color:var(--white);opacity:.75;line-height:1.6;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.map-controls{padding:0 16px;margin-bottom:12px}.view-toggle{display:flex;background:#ffffff14;border-radius:12px;padding:4px;width:fit-content}.toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:var(--gray);font-size:13px;cursor:pointer;border-radius:8px;transition:all .2s ease}.toggle-btn:hover{color:var(--white)}.toggle-btn.active{background:var(--gold);color:var(--bg-dark);font-weight:600}.toggle-btn svg{width:16px;height:16px}.map-container-wrapper{padding:0 16px}.map-container-wrapper .leaflet-container{background:var(--bg-card);border:1px solid rgba(255,255,255,.1)}.map-location-count{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:14px;color:var(--gray)}.count-badge{background:var(--gold);color:var(--bg-dark);font-weight:700;padding:2px 8px;border-radius:12px;font-size:13px}.no-coords-note{font-size:12px;opacity:.7}.map-hint{display:flex;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border-radius:12px;font-size:14px;color:var(--gray);margin-top:8px}.map-hint svg{flex-shrink:0;color:var(--gold)}.selected-location-card{position:relative;background:var(--bg-card);border:1px solid var(--gold);border-radius:12px;padding:16px;margin-top:12px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selected-location-card .close-btn{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray);transition:all .2s ease}.selected-location-card .close-btn:hover{background:#fff3;color:var(--white)}.locations-list{padding:0 16px;display:flex;flex-direction:column;gap:12px}.locations-list .location-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.region-tag{flex-shrink:0;background:#4c7a6a33;color:var(--jade);font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.location-address svg,.location-phone svg,.location-hours svg{flex-shrink:0;opacity:.7}.map-popup{text-align:center;padding:4px}.map-popup strong{display:block;color:#0f172a;font-size:14px}.lottery-page{padding-bottom:80px}.lottery-sets{display:flex;flex-direction:column;gap:16px}.lottery-set{background:#ffffff0d;border-radius:var(--radius-sm);padding:12px}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.set-label{font-size:13px;color:var(--gold);font-weight:500}.ai-analyze-btn{background:linear-gradient(135deg,#4c7a6a4d,#4c7a6a26);border:1px solid rgba(76,122,106,.5);color:var(--jade);font-size:12px;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease}.ai-analyze-btn:hover{background:linear-gradient(135deg,#4c7a6a80,#4c7a6a4d);border-color:var(--jade)}.ai-analyze-btn:disabled{opacity:.6;cursor:not-allowed}.lottery-analysis{margin-top:12px;padding:12px;background:#4c7a6a1a;border:1px solid rgba(76,122,106,.2);border-radius:var(--radius-sm)}.lottery-analysis p{font-size:13px;color:var(--white);line-height:1.7;margin:0}.lottery-balls{display:flex;gap:8px;flex-wrap:wrap}.lottery-ball{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1e293b;box-shadow:0 2px 8px #0000004d,inset 0 2px 4px #ffffff4d}.lucky-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.lucky-item{background:#ffffff0d;padding:10px 12px;border-radius:var(--radius-sm)}.lucky-label{display:block;font-size:13px;color:var(--gray);margin-bottom:4px}.lucky-value{display:block;font-size:15px;color:var(--white);font-weight:500}.lucky-advice{font-size:14px;color:var(--jade);line-height:1.6;padding:12px;background:#4c7a6a26;border-radius:var(--radius-sm);border-left:3px solid var(--jade)}.lottery-locations{display:flex;flex-direction:column;gap:12px}.lottery-location-card{background:#ffffff0d;border-radius:var(--radius-sm);padding:14px;border:1px solid rgba(255,255,255,.08)}.loc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.loc-name{font-size:15px;font-weight:600;color:var(--white);margin:0}.lucky-rank{font-size:12px}.winning-history{font-size:13px;color:#fbbf24;background:#fbbf241a;padding:6px 10px;border-radius:6px;margin-bottom:10px}.loc-info{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.loc-address{font-size:13px;color:var(--white);opacity:.85}.loc-phone{font-size:13px;color:#60a5fa;text-decoration:none}.loc-phone:hover{text-decoration:underline}.loc-desc{font-size:12px;color:var(--gray);line-height:1.5;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.winning-history-admin{font-size:12px;color:#fbbf24;background:#fbbf241a;padding:4px 8px;border-radius:8px;margin-top:4px;display:inline-block}.lucky-rank-badge{font-size:13px;margin-left:4px}.saju-inline-form{padding:8px 0}.inline-form-row{display:flex;gap:8px}.inline-form-group{flex:1;display:flex;flex-direction:column;gap:4px}.inline-form-group label{font-size:12px;color:var(--gray)}.inline-input,.inline-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:10px 12px;color:var(--white);font-size:14px;width:100%}.inline-input:focus,.inline-select:focus{outline:none;border-color:var(--gold)}.inline-select{cursor:pointer}.ad-banner{position:relative;width:100%;margin:16px 0;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:#0000004d}.ad-banner-image{width:100%;height:auto;display:block;object-fit:cover;max-height:120px}.ad-banner-label{position:absolute;top:8px;right:8px;background:#0009;color:var(--gray);font-size:12px;padding:2px 6px;border-radius:8px}.ad-banner-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.ad-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:background .3s ease}.ad-dot.active{background:var(--gold)}.toast-container{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:90%;width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;animation:toast-slide-in .3s ease-out;pointer-events:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-error{border-color:#f8717166;background:#f871711a}.toast-error .toast-icon{color:#f87171}.toast-success{border-color:#4c7a6a80;background:#4c7a6a26}.toast-success .toast-icon{color:#4c7a6a}.toast-info{border-color:#c9a24d66;background:#c9a24d1a}.toast-info .toast-icon{color:var(--gold)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;color:var(--white);line-height:1.4}.toast-close{background:none;border:none;color:var(--gray);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}.app-footer{background:#020617f2;border-top:1px solid rgba(201,162,77,.1);padding:24px 20px 90px;margin-top:auto}.footer-content{max-width:600px;margin:0 auto;text-align:center}.footer-company{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.footer-company strong{font-size:14px;color:var(--white)}.footer-company span{font-size:13px;color:var(--gray)}.footer-info{margin-bottom:12px}.footer-info p{font-size:12px;color:var(--gray);margin:4px 0;line-height:1.5}.footer-privacy{margin-bottom:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.footer-privacy p{font-size:12px;color:var(--gray);margin-bottom:4px}.footer-privacy a{font-size:12px;color:var(--gold);text-decoration:none}.footer-privacy a:hover{text-decoration:underline}.footer-copyright{padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.footer-copyright p{font-size:12px;color:#94a3b8b3}.sidebar-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;width:280px;height:100%;height:100dvh;background:linear-gradient(180deg,#0f172afa,#020617fa);border-right:1px solid rgba(201,162,77,.2);z-index:201;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(201,162,77,.15)}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-logo img{width:36px;height:36px}.sidebar-logo span{font-family:"Noto Serif KR",serif;font-size:20px;color:var(--gold);letter-spacing:.1em}.sidebar-close{width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--gray);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-close:hover{background:#ffffff0d;color:var(--white);border-color:#fff3}.sidebar-user{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(201,162,77,.1);background:#c9a24d0d}.sidebar-user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dark),var(--gold));display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-avatar span{font-size:18px;font-weight:600;color:var(--bg-dark)}.sidebar-user-info{flex:1}.sidebar-user-name{font-size:15px;font-weight:600;color:var(--white)}.sidebar-user-status{font-size:12px;color:var(--gold);margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-category{margin-bottom:8px}.sidebar-category-title{padding:8px 20px 6px;font-size:12px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.1em}.sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-item:hover{background:#c9a24d14}.sidebar-item.active{background:#c9a24d26;border-left:3px solid var(--gold)}.sidebar-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gold);opacity:.8}.sidebar-item-label{font-size:14px;color:var(--white)}.sidebar-item.active .sidebar-item-label{color:var(--gold);font-weight:500}.sidebar-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.sidebar-badge.free{background:#4ade8033;color:#4ade80}.sidebar-badge.premium{background:#c9a24d33;color:var(--gold)}.sidebar-item.highlight{background:linear-gradient(135deg,#c9a24d26,#c9a24d0d);border:1px solid rgba(201,162,77,.3)}.sidebar-item.highlight:hover{background:linear-gradient(135deg,#c9a24d40,#c9a24d1a)}.sidebar-footer{padding:16px 20px 24px;border-top:1px solid rgba(201,162,77,.1);text-align:center;flex-shrink:0;margin-top:auto;min-height:100px}.sidebar-footer p{font-size:12px;color:var(--gray);margin:2px 0}.footer-links{margin-top:12px;padding-top:12px;border-top:1px solid rgba(201,162,77,.1)}.footer-link-btn{background:transparent;border:none;color:var(--gold);font-size:12px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease;text-decoration:underline}.footer-link-btn:hover{background:#c9a24d1a;text-decoration:none}.privacy-policy-page{padding-bottom:40px}.privacy-policy-content{padding:0 16px;max-width:800px;margin:0 auto}.policy-section{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(30,41,59,.95) 100%);border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid rgba(201,162,77,.15)}.policy-intro{font-size:15px;line-height:1.8;color:var(--white);margin-bottom:12px}.policy-effective{font-size:13px;color:var(--gold);font-weight:500}.policy-title{font-family:"Noto Serif KR",serif;font-size:16px;font-weight:600;color:var(--gold);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(201,162,77,.2)}.policy-content{font-size:14px;line-height:1.8;color:var(--gray)}.policy-content h3{font-size:14px;font-weight:600;color:var(--white);margin:16px 0 8px}.policy-content h3:first-child{margin-top:0}.policy-content p{margin-bottom:12px}.policy-content strong{color:var(--white);font-weight:500}.policy-content ul{list-style:none;padding:0;margin:8px 0 16px}.policy-content ul li{position:relative;padding-left:16px;margin-bottom:8px}.policy-content ul li:before{content:"•";position:absolute;left:0;color:var(--gold)}.contact-info{background:#c9a24d14;border-radius:6px;padding:16px;margin-top:12px}.contact-info p{margin-bottom:8px}.contact-info ul{margin:0}.contact-info ul li{margin-bottom:4px}.company-info-section{background:linear-gradient(135deg,#c9a24d14,#1e293bf2);border:1px solid rgba(201,162,77,.25)}.company-info-list{list-style:none;padding:0;margin:0}.company-info-list li{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid rgba(201,162,77,.1)}.company-info-list li:last-child{border-bottom:none}.company-info-list li strong{color:var(--gold);min-width:120px;flex-shrink:0}@media(max-width:480px){.policy-section{padding:16px;margin-bottom:12px}.policy-title{font-size:15px}.policy-content{font-size:13px}.company-info-list li{flex-direction:column;gap:4px}.company-info-list li strong{min-width:auto}}.signup-wizard{min-height:100vh;padding:20px 16px 40px;background:linear-gradient(180deg,var(--bg-main) 0%,var(--bg-dark) 100%)}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 20px 32px;position:relative}.wizard-progress-line{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 8px));width:180px;height:2px;background:#c9a24d33;border-radius:2px;z-index:0}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));border-radius:2px;transition:width .4s ease}.wizard-step-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--bg-card);border:2px solid rgba(201,162,77,.3);color:var(--gray);z-index:1;transition:all .3s ease}.wizard-step-indicator.active{background:#c9a24d26;border-color:var(--gold);color:var(--gold)}.wizard-step-indicator.current{box-shadow:0 0 20px #c9a24d66;transform:scale(1.1)}.wizard-step-indicator svg{stroke:var(--gold)}.wizard-step{animation:fadeIn .4s ease}.consent-item-wrapper{display:flex;align-items:center;margin-bottom:8px}.consent-item{flex:1;display:flex;align-items:center;gap:12px;padding:14px 0;cursor:pointer;transition:all .2s ease}.consent-item.consent-all{padding:16px;margin:-20px -20px 0;background:#c9a24d14;border-radius:8px 8px 0 0}.consent-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid rgba(201,162,77,.4);background:#0f172a99;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.consent-checkbox.checked{background:var(--gold);border-color:var(--gold)}.consent-checkbox svg{stroke:var(--bg-dark)}.consent-label{font-size:14px;color:var(--white);flex:1}.consent-all .consent-label{font-size:15px;font-weight:600;color:var(--gold)}.consent-required{color:var(--gold);font-weight:500;margin-right:4px}.consent-optional{color:var(--gray);font-weight:400;margin-right:4px}.consent-expand-btn{width:32px;height:32px;background:transparent;border:1px solid rgba(201,162,77,.3);border-radius:8px;color:var(--gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.consent-expand-btn:hover{background:#c9a24d1a;border-color:var(--gold);color:var(--gold)}.consent-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,77,.3),transparent);margin:8px 0 16px}.consent-text-box{background:#0f172acc;border:1px solid rgba(201,162,77,.2);border-radius:8px;padding:16px;margin:8px 0 16px;font-size:12px;line-height:1.7;color:var(--gray);max-height:200px;overflow-y:auto;white-space:pre-wrap}.consent-text-box::-webkit-scrollbar{width:4px}.consent-text-box::-webkit-scrollbar-track{background:#c9a24d1a;border-radius:4px}.consent-text-box::-webkit-scrollbar-thumb{background:#c9a24d66;border-radius:4px}.wizard-actions{padding:24px 16px;display:flex;flex-direction:column;gap:12px}.wizard-btn{width:100%;padding:16px 24px;font-size:16px}.wizard-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wizard-back-btn,.wizard-cancel-btn{width:100%;padding:14px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--gray);font-size:14px;cursor:pointer;transition:all .2s ease}.wizard-back-btn:hover,.wizard-cancel-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--white)}.wizard-back-btn:disabled,.wizard-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.country-code-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9A24D' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px!important}.verification-input{font-size:24px!important;letter-spacing:8px;text-align:center;font-weight:600}.verification-timer{float:right;font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:600;color:var(--gold)}.verification-timer.warning{color:#ef4444;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.verification-expired{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;font-size:13px;color:#ef4444;text-align:center;margin-top:16px}.verification-actions{display:flex;gap:12px}.resend-btn,.change-phone-btn{flex:1;padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--gray);font-size:13px;cursor:pointer;transition:all .2s ease}.resend-btn:disabled,.change-phone-btn:disabled{opacity:.5;cursor:not-allowed}.resend-btn.active{border-color:var(--gold);color:var(--gold)}.resend-btn.active:hover{background:#c9a24d1a}.change-phone-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(2,6,23,.3);border-radius:50%;border-top-color:var(--bg-dark);animation:spin .8s linear infinite;margin-right:8px}.wizard-complete{text-align:center}.completion-animation{margin:40px 0 32px}.completion-check{width:100px;height:100px;margin:0 auto;background:linear-gradient(135deg,var(--gold-dark),var(--gold));border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkBounce .6s ease;box-shadow:0 0 40px #c9a24d80}.completion-check svg{stroke:var(--bg-dark);animation:checkDraw .4s ease .3s both}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes checkDraw{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dashoffset:0}}.completion-card{text-align:left}.completion-info{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(201,162,77,.1)}.completion-info:last-child{border-bottom:none}.completion-label{font-size:13px;color:var(--gray)}.completion-value{font-size:14px;color:var(--gold);font-weight:500}.completion-btn{margin-top:8px;animation:completeBtnPulse 2s ease-in-out infinite}@keyframes completeBtnPulse{0%,to{box-shadow:0 4px 12px #8b45134d}50%{box-shadow:0 4px 24px #c9a24d80}}@media(max-width:480px){.signup-wizard{padding:16px 12px 32px}.wizard-progress{gap:16px;padding:12px 16px 24px}.wizard-progress-line{width:140px}.wizard-step-indicator{width:32px;height:32px;font-size:12px}.consent-item.consent-all{margin:-16px -16px 0;padding:14px}.consent-text-box{max-height:160px;font-size:12px}.verification-input{font-size:20px!important;letter-spacing:6px}.verification-actions{flex-direction:column;gap:8px}.completion-check{width:80px;height:80px}.completion-check svg{width:40px;height:40px}}.skeleton{background:linear-gradient(90deg,#1e293bcc 25%,#334155cc,#1e293bcc 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:8px;width:100%}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;margin-bottom:16px}.toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);background:#1e293bf2;border:1px solid rgba(201,162,77,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006;animation:toast-slide-in .3s ease;pointer-events:auto;min-width:280px;max-width:90vw}.toast.success{border-color:var(--jade)}.toast.error{border-color:#dc2626}.toast.info{border-color:var(--gold)}.toast-icon{font-size:18px;flex-shrink:0}.toast.success .toast-icon{color:var(--jade)}.toast.error .toast-icon{color:#dc2626}.toast.info .toast-icon{color:var(--gold)}.toast-message{font-size:14px;color:var(--white);line-height:1.4}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast.exiting{animation:toast-slide-out .3s ease forwards}@keyframes toast-slide-out{to{opacity:0;transform:translateY(-10px)}}.loading-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1000}.loading-overlay .loading-spinner{width:40px;height:40px;border-width:3px}.loading-overlay .loading-text{color:var(--gold);font-size:15px;font-family:"Noto Serif KR",serif}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--gray)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{font-size:18px;font-weight:600;color:var(--white);margin-bottom:8px}.empty-state-description{font-size:14px;line-height:1.6;color:var(--gray);margin-bottom:24px}.progress-bar{width:100%;height:6px;background:#c9a24d33;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));border-radius:3px;transition:width .3s ease}.error-state{display:flex;flex-direction:column;align-items:center;padding:32px 24px;text-align:center;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);margin:16px}.error-state-icon{font-size:36px;margin-bottom:12px;color:#dc2626}.error-state-title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:8px}.error-state-message{font-size:14px;color:var(--gray);line-height:1.6;margin-bottom:16px}.error-state-btn{padding:12px 24px;background:#dc262633;border:1px solid #DC2626;border-radius:8px;color:#fca5a5;font-size:14px;cursor:pointer;transition:all .2s ease}.error-state-btn:hover{background:#dc26264d}.pulse-indicator{width:8px;height:8px;background:var(--jade);border-radius:50%;position:relative}.pulse-indicator:after{content:"";position:absolute;inset:-3px;border:2px solid var(--jade);border-radius:50%;animation:pulse-ring 1.5s ease-out infinite;opacity:.6}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.success-checkmark{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--jade),#3D8B6E);display:flex;align-items:center;justify-content:center;animation:success-pop .4s ease}.success-checkmark svg{width:30px;height:30px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark-draw .5s ease .2s forwards}@keyframes success-pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkmark-draw{to{stroke-dashoffset:0}}.profile-modal{max-width:400px;max-height:85vh;max-height:85dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.profile-modal{max-width:100%;max-height:100%;height:auto;min-height:auto!important;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}}.profile-readings{display:flex;flex-direction:column;gap:20px}.profile-section{background:#0f172a99;border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-md);padding:16px}.profile-section h4{color:var(--gold);font-size:16px;margin-bottom:12px;font-family:"Noto Serif KR",serif}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-info-item{display:flex;flex-direction:column;gap:4px}.profile-info-item .label{color:var(--text-muted);font-size:12px}.profile-info-item .value{color:var(--white);font-size:14px;font-weight:500}.reading-result{display:flex;flex-direction:column;gap:8px}.reading-summary{color:var(--white);font-size:14px;line-height:1.5}.reading-score{color:var(--gold);font-size:14px}.reading-score strong{font-size:18px}.reading-detail{color:var(--text-muted);font-size:13px}.reading-date{color:var(--text-muted);font-size:12px;margin-top:4px}.no-reading{color:var(--text-muted);font-size:14px;font-style:italic;text-align:center;padding:16px 0}.sidebar-user:hover{background:#c9a24d1a;border-radius:var(--radius-sm)}.sidebar-user{transition:background .2s ease}.skeleton{background:linear-gradient(90deg,#c9a24d1a 25%,#c9a24d33,#c9a24d1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text-sm{height:12px;width:60%}.skeleton-card{height:120px;margin-bottom:16px;border-radius:var(--radius-md)}.skeleton-button{height:44px;width:100%;border-radius:var(--radius-md)}button,.btn,.nav-btn,.sidebar-item,.card,.fortune-card{-webkit-tap-highlight-color:transparent;transition:transform .1s ease,opacity .1s ease,background .2s ease}button:active,.btn:active,.nav-btn:active,.sidebar-item:active{transform:scale(.97);opacity:.9}.card:active,.fortune-card:active{transform:scale(.98)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#c9a24d4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .4s ease,height .4s ease,opacity .4s ease}.ripple-effect:active:after{width:200%;height:200%;opacity:1}.onboarding-overlay{position:fixed;inset:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-content{max-width:360px;width:100%;text-align:center}.onboarding-image{width:200px;height:200px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#c9a24d4d,#4c7a6a4d);display:flex;align-items:center;justify-content:center;font-size:80px}.onboarding-title{font-family:"Noto Serif KR",serif;font-size:24px;color:var(--gold);margin-bottom:12px}.onboarding-description{color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:32px}.onboarding-dots{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#c9a24d4d;transition:all .3s ease}.onboarding-dot.active{width:24px;border-radius:4px;background:var(--gold)}.onboarding-actions{display:flex;gap:12px}.onboarding-skip{flex:1;padding:14px;background:transparent;border:1px solid rgba(201,162,77,.3);color:var(--text-muted);border-radius:var(--radius-md);font-size:15px;cursor:pointer}.onboarding-next{flex:2;padding:14px;background:var(--gold);border:none;color:var(--ink);border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer}.recent-readings-section{margin-bottom:24px}.recent-readings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recent-readings-title{font-family:"Noto Serif KR",serif;font-size:16px;color:var(--gold)}.recent-readings-more{font-size:13px;color:var(--text-muted);background:none;border:none;cursor:pointer}.recent-readings-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.recent-reading-card{flex:0 0 140px;background:#0f172a99;border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:all .2s ease}.recent-reading-card:hover{border-color:var(--gold);transform:translateY(-2px)}.recent-reading-icon{font-size:24px;margin-bottom:8px}.recent-reading-type{font-size:13px;color:var(--white);margin-bottom:4px}.recent-reading-date{font-size:11px;color:var(--text-muted)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f172a99;border:1px solid rgba(201,162,77,.2);border-radius:var(--radius-full);cursor:pointer}.theme-toggle-track{width:44px;height:24px;background:#c9a24d33;border-radius:12px;position:relative;transition:background .3s ease}.theme-toggle-track.light{background:#c9a24d80}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--gold);border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.theme-toggle-track.light .theme-toggle-thumb{transform:translate(20px)}.theme-toggle-label{font-size:13px;color:var(--text-muted)}body.light-mode{--ink: #FFFFFF;--navy: #FFF5F5;--white: #0F172A;--text-muted: #475569;--gray: #64748B;--text-secondary: #64748B;--bg-card: rgba(255, 255, 255, .98);--bg-main: #FFFAF8;--bg-dark: #FFF0EB;background:linear-gradient(180deg,#fffbf9,#fff5f0,#ffebe5)!important;color:#0f172a!important}body.light-mode *{border-color:#c9a24d33}body.light-mode .app-container{background:linear-gradient(180deg,#f8fafc,#e2e8f0)!important;color:#0f172a!important}body.light-mode .card,body.light-mode .fortune-card,body.light-mode .sidebar,body.light-mode [style*=background]{background:#fffffff2!important;border-color:#c9a24d4d!important;color:#0f172a!important}body.light-mode .card-title,body.light-mode .page-title,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5{color:#0f172a!important}body.light-mode .page-subtitle,body.light-mode .card-subtitle,body.light-mode p,body.light-mode span,body.light-mode div,body.light-mode label{color:#334155!important}body.light-mode .empty-text{color:#64748b!important}body.light-mode .analysis-menu-btn{background:#ffffffe6!important;border-color:#c9a24d66!important}body.light-mode .analysis-menu-title{color:#0f172a!important}body.light-mode .analysis-menu-subtitle{color:#64748b!important}body.light-mode .radio-btn{background:#fffc!important;color:#334155!important;border-color:#c9a24d4d!important}body.light-mode .radio-btn.active{background:var(--gold)!important;color:#0f172a!important}body.light-mode input,body.light-mode select,body.light-mode textarea{background:#ffffffe6!important;color:#0f172a!important;border-color:#c9a24d4d!important}body.light-mode input::placeholder{color:#94a3b8!important}body.light-mode .header,.app-header{background:linear-gradient(180deg,#0f172afa,#0f172af2)!important;border-bottom:1px solid rgba(201,162,77,.2)!important;box-shadow:0 2px 8px #0000004d!important}.app-header-logo,.header-logo-text{color:#c9a24d!important}.hamburger-line{background:#c9a24d!important}.header-btn{color:#f8fafc!important}.logout-btn{background:#c9a24d26!important;border:1px solid rgba(201,162,77,.3)!important;color:#c9a24d!important}body.light-mode .app-header{background:#fffffffa!important;border-color:#c9a24d4d!important;box-shadow:0 2px 8px #00000014!important}body.light-mode .app-header-logo,body.light-mode .header-logo-text{color:#92400e!important}body.light-mode .hamburger-line{background:#92400e!important}body.light-mode .hamburger-btn:hover .hamburger-line{background:#0f172a!important}body.light-mode .header-btn{color:#0f172a!important}body.light-mode .logout-btn{background:#c9a24d26!important;border:1px solid rgba(201,162,77,.4)!important;color:#92400e!important}body.light-mode .login-btn{background:linear-gradient(135deg,#c9a24d,#92400e)!important;color:#fff!important}body.light-mode .logout-btn,body.light-mode .profile-btn{background:#c9a24d26!important;color:#0f172a!important;border:1px solid rgba(201,162,77,.4)!important}body.light-mode .user-name,body.light-mode .user-info span{color:#0f172a!important}body.light-mode .theme-toggle-track{background:#c9a24d33!important;border:1px solid rgba(201,162,77,.4)!important}body.light-mode .sidebar{background:#fffffffa!important}body.light-mode .sidebar-menu-item{color:#334155!important}body.light-mode .sidebar-menu-item:hover{background:#c9a24d1a!important}body.light-mode .bottom-nav{background:#fffffff2!important;border-color:#c9a24d33!important}body.light-mode .bottom-nav-item{color:#64748b!important}body.light-mode .bottom-nav-item.active{color:var(--gold)!important}body.light-mode .loading-text{color:#334155!important}body.light-mode svg,body.light-mode .icon,body.light-mode [class*=icon]{color:#334155!important;fill:currentColor!important}body.light-mode .bottom-nav-item svg,body.light-mode .sidebar-menu-item svg{color:#64748b!important}body.light-mode .bottom-nav-item.active svg,body.light-mode .sidebar-menu-item.active svg{color:var(--gold)!important}body.light-mode .btn,body.light-mode button{color:#0f172a!important}body.light-mode .btn-primary,body.light-mode .primary-btn{background:var(--gold)!important;color:#0f172a!important}body.light-mode .btn-secondary,body.light-mode .secondary-btn{background:#c9a24d26!important;color:#0f172a!important;border-color:#c9a24d66!important}body.light-mode [style*=gold],body.light-mode [style*=C9A24D],body.light-mode .gold{color:#92400e!important}body.light-mode .tab-btn,body.light-mode .menu-btn{background:#fffc!important;color:#334155!important;border-color:#c9a24d4d!important}body.light-mode .tab-btn.active,body.light-mode .menu-btn.active{background:var(--gold)!important;color:#0f172a!important}body.light-mode .section-title,body.light-mode .section-header,body.light-mode .accordion-header{color:#0f172a!important}body.light-mode .section-subtitle,body.light-mode .accordion-subtitle{color:#64748b!important}body.light-mode .result-card,body.light-mode .analysis-card,body.light-mode .fortune-result{background:#fffffff2!important;color:#0f172a!important;border-color:#c9a24d4d!important}body.light-mode .result-title,body.light-mode .analysis-title{color:#0f172a!important}body.light-mode .result-value,body.light-mode .analysis-value{color:#334155!important}body.light-mode .progress-bar-bg,body.light-mode .progress-track{background:#0000001a!important}body.light-mode .badge,body.light-mode .tag{background:#c9a24d33!important;color:#92400e!important}body.light-mode .modal-content,body.light-mode .popup-content{background:#fffffffa!important;color:#0f172a!important}body.light-mode .modal-title,body.light-mode .popup-title,body.light-mode table,body.light-mode .list-item{color:#0f172a!important}body.light-mode th{background:#c9a24d1a!important;color:#0f172a!important}body.light-mode td{color:#334155!important;border-color:#0000001a!important}body.light-mode .saju-table,body.light-mode .pillar-card{background:#fffffff2!important;color:#0f172a!important}body.light-mode .pillar-header{color:#0f172a!important}body.light-mode .pillar-gan,body.light-mode .pillar-ji{color:#334155!important}body.light-mode .four-pillars .pillar,body.light-mode .pillar{background:linear-gradient(135deg,#c9a24d26,#c9a24d14)!important;border:1px solid rgba(201,162,77,.3)!important}body.light-mode .pillar-label{color:#64748b!important}body.light-mode .pillar-sub-label{color:#0f172a!important;font-weight:600!important}body.light-mode .pillar-chars .pillar-stem,body.light-mode .pillar-stem{color:#b8860b!important;font-weight:700!important}body.light-mode .pillar-chars .pillar-branch,body.light-mode .pillar-branch{color:#0f172a!important;font-weight:600!important}body.light-mode .pillar-element{color:#64748b!important;opacity:1!important}body.light-mode .pillar-element.wood{color:#16a34a!important}body.light-mode .pillar-element.fire{color:#dc2626!important}body.light-mode .pillar-element.earth{color:#ca8a04!important}body.light-mode .pillar-element.metal{color:#64748b!important}body.light-mode .pillar-element.water{color:#2563eb!important}body.light-mode .recharts-text,body.light-mode .recharts-cartesian-axis-tick-value{fill:#334155!important}body.light-mode .recharts-legend-item-text{color:#334155!important}body.light-mode .footer,body.light-mode footer{background:#fffffff2;color:#64748b}body.light-mode .toast,body.light-mode .notification{background:#fffffffa;color:#0f172a;box-shadow:0 4px 20px #00000026}body.light-mode .tooltip{background:#0f172a;color:#f8fafc}body.light-mode::-webkit-scrollbar-track{background:#e2e8f0}body.light-mode::-webkit-scrollbar-thumb{background:#c9a24d80}body.light-mode a{color:#92400e}body.light-mode a:hover{color:var(--gold)}body.light-mode hr,body.light-mode .divider{border-color:#0000001a}body.light-mode .gold-text,body.light-mode .highlight-gold{color:#92400e}body.light-mode .header-title,body.light-mode .logo-text{color:#0f172a}body.light-mode .header-subtitle{color:#64748b}body.light-mode [style*="color: var(--white)"],body.light-mode [style*="color: #F8FAFC"],body.light-mode [style*="color: #fff"],body.light-mode [style*="color: white"],body.light-mode [style*="color: rgb(248, 250, 252)"]{color:#0f172a!important}body.light-mode [style*="rgba(255,255,255,0."],body.light-mode [style*="rgba(255, 255, 255, 0."]{color:#334155!important}body.light-mode [style*="background: linear-gradient"]{background:#fffffff2!important;border:1px solid rgba(201,162,77,.3)!important}body.light-mode [style*="0F172A"],body.light-mode [style*="020617"],body.light-mode [style*="1E293B"]{background:#fffffff2!important}body.light-mode .voucher-card,body.light-mode [style*=voucher],body.light-mode .page-content>div>div[style*="display: grid"]>div{background:#fffffffa!important;border:1px solid rgba(201,162,77,.4)!important;box-shadow:0 2px 8px #00000014!important}body.light-mode .page-content>div>div[style*="display: grid"]>div>div,body.light-mode .page-content>div>div[style*="display: flex"]>div>div{color:#0f172a!important}body.light-mode [style*="fontSize: 28"],body.light-mode [style*="fontSize: 32"],body.light-mode [style*="fontSize: 36"],body.light-mode [style*="fontSize: 48"]{filter:none!important;opacity:1!important}body.light-mode [style*=gold][style*="fontWeight: bold"],body.light-mode [style*="#C9A24D"][style*=fontWeight],body.light-mode [style*=jade][style*=fontWeight]{color:#92400e!important}body.light-mode button[style*=gold],body.light-mode button[style*=linear-gradient]{background:linear-gradient(135deg,#c9a24d,#92400e)!important;color:#fff!important}body.light-mode button[style*=jade]{background:#4c7a6a!important;color:#fff!important}body.light-mode .page-header,body.light-mode [class*=PageHeader]{background:#fffffff2!important}body.light-mode .page-header h1,body.light-mode .page-header h2,body.light-mode .page-header p,body.light-mode [style*="fontWeight: bold"],body.light-mode [style*="fontWeight: 600"],body.light-mode [style*="fontWeight: 700"]{color:#0f172a!important}body.light-mode [style*="fontSize: 11"],body.light-mode [style*="fontSize: 12"],body.light-mode [style*="fontSize: 13"]{color:#64748b!important}body.light-mode .status-card,body.light-mode [style*="기본 회원"],body.light-mode [style*="이용권 보유"]{background:#fffffffa!important;border:1px solid rgba(201,162,77,.3)!important}body.light-mode [style*="display: grid"][style*=gap]>div{background:#ffffffe6!important}body.light-mode h3[style*=color],body.light-mode [style*="display: flex"][style*="gap: 8"]>span:first-child+span{color:#0f172a!important}body.light-mode [style*=border-radius][style*="overflow: hidden"]{background:#fffffff2!important}body.light-mode .ad-banner{background:#f0f0f0f2!important;border:1px solid rgba(201,162,77,.3)!important}body.light-mode .ad-banner-label{background:#ffffffe6!important;color:#64748b!important}body.light-mode .desktop-layout{background:linear-gradient(135deg,#fffbf9,#fff5f0,#ffebe5)!important}body.light-mode .desktop-banner{background:linear-gradient(180deg,#fffbf9,#fff8f5,#fff0eb)!important;border-right:1px solid rgba(201,162,77,.2)!important;background-color:#fffaf8!important}@media(min-width:1024px){body.light-mode .desktop-banner{display:flex!important}}body.light-mode .desktop-banner *,body.light-mode .desktop-banner .banner-title,body.light-mode .desktop-banner h1,body.light-mode .desktop-banner h2{color:#0f172a!important}body.light-mode .desktop-banner .banner-subtitle,body.light-mode .desktop-banner p{color:#64748b!important}body.light-mode .desktop-banner .banner-stats span{color:#334155!important}body.light-mode .desktop-banner button{background:linear-gradient(135deg,#c9a24d,#92400e)!important;color:#fff!important}body.light-mode .banner-content{background:#fffffff2!important}body.light-mode .banner-title{color:#0f172a!important}body.light-mode .banner-subtitle{color:#64748b!important}body.light-mode .banner-stats span{color:#0f172a!important}body.light-mode .banner-icon{filter:brightness(.8)!important}body.light-mode .carousel-banner,body.light-mode .slide-banner,body.light-mode [class*=banner]{background:#fffffff2!important}body.light-mode .ad-dot{background:#0000004d!important}body.light-mode .ad-dot.active{background:var(--gold)!important}.petals-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}@media(max-width:1023px){.petals-container{display:none}}.petal{position:absolute;width:15px;height:15px;background:linear-gradient(135deg,#ffb7c5,#ff8fab,#ffd1dc);border-radius:50% 0 50% 50%;opacity:.7;animation:petal-fall linear infinite;transform-origin:center;box-shadow:0 2px 4px #ff8fab4d}.petal:nth-child(odd){background:linear-gradient(135deg,pink,#ffb6c1,#ffe4e9)}.petal:nth-child(3n){background:linear-gradient(135deg,#ffdab9,#ffcba4,bisque);border-radius:50% 50% 0}@keyframes petal-fall{0%{transform:translateY(-10vh) translate(0) rotate(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(110vh) translate(100px) rotate(720deg) scale(.5);opacity:0}}.petal:nth-child(1){left:5%;animation-duration:12s;animation-delay:0s;width:12px;height:12px}.petal:nth-child(2){left:15%;animation-duration:15s;animation-delay:1s;width:18px;height:18px}.petal:nth-child(3){left:25%;animation-duration:11s;animation-delay:2s;width:14px;height:14px}.petal:nth-child(4){left:35%;animation-duration:14s;animation-delay:.5s;width:16px;height:16px}.petal:nth-child(5){left:45%;animation-duration:13s;animation-delay:3s;width:13px;height:13px}.petal:nth-child(6){left:55%;animation-duration:16s;animation-delay:1.5s;width:17px;height:17px}.petal:nth-child(7){left:65%;animation-duration:10s;animation-delay:2.5s;width:11px;height:11px}.petal:nth-child(8){left:75%;animation-duration:14s;animation-delay:.8s;width:15px;height:15px}.petal:nth-child(9){left:85%;animation-duration:12s;animation-delay:4s;width:14px;height:14px}.petal:nth-child(10){left:95%;animation-duration:15s;animation-delay:1.2s;width:16px;height:16px}.petal:nth-child(11){left:10%;animation-duration:13s;animation-delay:5s;width:12px;height:12px}.petal:nth-child(12){left:30%;animation-duration:11s;animation-delay:3.5s;width:15px;height:15px}.petal:nth-child(13){left:50%;animation-duration:14s;animation-delay:6s;width:13px;height:13px}.petal:nth-child(14){left:70%;animation-duration:16s;animation-delay:2s;width:18px;height:18px}.petal:nth-child(15){left:90%;animation-duration:12s;animation-delay:4.5s;width:14px;height:14px}body.light-mode .petal{background:linear-gradient(135deg,#ff6b8a,#ff4d6d,#ff8fa3)!important;opacity:.6!important;box-shadow:0 2px 6px #ff4d6d66!important}body.light-mode .petal:nth-child(odd){background:linear-gradient(135deg,#ff7b9c,#ff5c7a,#ffaab8)!important}body.light-mode .petal:nth-child(3n){background:linear-gradient(135deg,#ffa07a,#ff8c5a,#ffb899)!important}.butterfly-hover{animation:butterfly-float 3s ease-in-out infinite}.butterfly-hover:hover{animation:butterfly-fly-away 1.5s ease-in-out forwards}@keyframes butterfly-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-3deg)}50%{transform:translateY(-2px) rotate(0)}75%{transform:translateY(-8px) rotate(3deg)}}@keyframes butterfly-fly-away{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}20%{transform:translateY(-15px) translate(10px) rotate(-10deg) scale(1.1)}40%{transform:translateY(-40px) translate(-15px) rotate(15deg) scale(1.05)}60%{transform:translateY(-80px) translate(30px) rotate(-20deg) scale(.9);opacity:.8}80%{transform:translateY(-120px) translate(-20px) rotate(25deg) scale(.7);opacity:.4}to{transform:translateY(-180px) translate(50px) rotate(-30deg) scale(.5);opacity:0}}.butterfly-hover:not(:hover){animation:butterfly-return .8s ease-out forwards,butterfly-float 3s ease-in-out infinite .8s}@keyframes butterfly-return{0%{opacity:0;transform:translateY(-30px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.counter-animate{transition:all .3s ease-out}.energy-aura{position:relative}.energy-aura:before,.energy-aura:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.energy-aura:before{width:120px;height:120px;background:radial-gradient(circle,rgba(201,162,77,.3) 0%,transparent 70%);animation:energy-pulse 3s ease-in-out infinite}.energy-aura:after{width:180px;height:180px;background:radial-gradient(circle,rgba(201,162,77,.15) 0%,transparent 60%);animation:energy-pulse 3s ease-in-out infinite .5s}@keyframes energy-pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.energy-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.energy-particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0;animation:float-up 4s ease-in-out infinite}.energy-particle:nth-child(1){left:20%;animation-delay:0s}.energy-particle:nth-child(2){left:40%;animation-delay:.8s}.energy-particle:nth-child(3){left:60%;animation-delay:1.6s}.energy-particle:nth-child(4){left:80%;animation-delay:2.4s}.energy-particle:nth-child(5){left:30%;animation-delay:.4s}.energy-particle:nth-child(6){left:70%;animation-delay:1.2s}@keyframes float-up{0%{transform:translateY(100px) scale(0);opacity:0}20%{opacity:1;transform:translateY(60px) scale(1)}80%{opacity:.8;transform:translateY(-20px) scale(.8)}to{transform:translateY(-60px) scale(0);opacity:0}}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid rgba(201,162,77,.4);border-radius:50%;animation:glow-rotate 8s linear infinite;pointer-events:none}.glow-ring:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px var(--gold),0 0 30px var(--gold)}@keyframes glow-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.energy-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:1px solid rgba(201,162,77,.5);animation:wave-expand 2s ease-out infinite;pointer-events:none}.energy-wave:nth-child(2){animation-delay:.5s}.energy-wave:nth-child(3){animation-delay:1s}@keyframes wave-expand{0%{width:60px;height:60px;opacity:.8}to{width:200px;height:200px;opacity:0}}.graph-peak-pulse{animation:graph-peak-pulse 2s ease-in-out infinite}.graph-low-pulse{animation:graph-low-pulse 2s ease-in-out infinite}@keyframes graph-peak-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}@keyframes graph-low-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}@keyframes numberPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes elementGlow{0%{opacity:.5;box-shadow:0 0 5px currentColor}to{opacity:1;box-shadow:0 0 15px currentColor,0 0 30px currentColor}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes detection-scan{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes corner-bracket-pulse{0%,to{opacity:.8;filter:drop-shadow(0 0 5px currentColor)}50%{opacity:1;filter:drop-shadow(0 0 15px currentColor)}}@keyframes feature-point-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.detection-ready-glow{animation:detection-ready-glow 1.5s ease-in-out infinite}@keyframes detection-ready-glow{0%,to{box-shadow:0 0 20px #4ade804d,inset 0 0 10px #4ade801a}50%{box-shadow:0 0 40px #4ade8080,inset 0 0 20px #4ade8033}}.detection-progress-glow{animation:detection-progress-glow 1s ease-in-out infinite}@keyframes detection-progress-glow{0%,to{box-shadow:0 0 15px #facc154d}50%{box-shadow:0 0 30px #facc1580}}.face-mesh-animated line,.palm-mesh-animated line{stroke-dasharray:100;stroke-dashoffset:100;animation:mesh-draw 1.5s ease forwards}@keyframes mesh-draw{to{stroke-dashoffset:0}}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(74,222,128,.1) 50%,transparent 100%);background-size:100% 200%;animation:detection-scan 2s linear infinite;pointer-events:none}.feature-point{animation:feature-point-pulse 1.5s ease-in-out infinite}.corner-bracket{animation:corner-bracket-pulse 1.2s ease-in-out infinite}.sinsal-card{background:linear-gradient(180deg,#0f172ae6,#020617f2);border:1px solid rgba(201,162,77,.25)}.sinsal-card .card-title{margin-bottom:12px}.sinsal-card .card-title:before{content:"煞"}.sinsal-item{padding:16px;background:#0f172a99;border-radius:12px;border:1px solid rgba(201,162,77,.2);transition:all .3s ease}.sinsal-item:hover{border-color:#c9a24d66;background:#0f172acc}.sinsal-name{font-size:15px;font-family:"Noto Serif KR",serif;color:var(--gold);font-weight:600}.sinsal-strength{font-size:11px;padding:4px 10px;background:#4c7a6a4d;color:var(--jade);border-radius:12px}.sinsal-interpretation{font-size:13px;color:var(--white);line-height:1.7;margin-bottom:12px}.sinsal-tag{font-size:11px;padding:4px 10px;background:#c9a24d26;color:var(--gold);border-radius:10px}.sinsal-advice{font-size:12px;color:var(--jade);margin-top:10px;font-style:italic}.sinsal-life-theme{margin-top:16px;padding:16px;background:linear-gradient(135deg,#4c7a6a33,#c9a24d1a);border-radius:12px;border-left:3px solid var(--gold)}.app-header-actions{position:relative;z-index:1}.header-btn{position:relative;z-index:2}.login-btn:active,.logout-btn:active{transform:scale(.98)}.app-header{min-height:56px;touch-action:manipulation}.app-header *{pointer-events:auto!important}.app-header-actions .header-btn{min-height:44px;min-width:70px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer!important}.login-btn{font-weight:700!important;box-shadow:0 2px 8px #c9a24d4d}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a24d66}.consent-card-wrapper{display:flex;align-items:stretch;gap:10px;margin-bottom:12px}.consent-card{flex:1;background:#0f172a99;border:1px solid rgba(201,162,77,.2);border-radius:12px;padding:14px;cursor:pointer;transition:all .3s ease}.consent-card:hover{border-color:#c9a24d80;background:#0f172acc}.consent-card.checked{border-color:var(--gold);background:#c9a24d14}.consent-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.consent-card-icon{font-size:24px;line-height:1}.consent-card-title-area{flex:1;min-width:0}.consent-card-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:4px}.consent-card-summary{font-size:12px;color:var(--gray);line-height:1.4}.consent-card-highlights{display:flex;gap:8px;flex-wrap:wrap}.consent-highlight-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#c9a24d1a;border-radius:20px;font-size:11px;color:var(--gold)}.highlight-icon{font-size:12px}.highlight-text{white-space:nowrap}.consent-detail-btn{padding:8px 12px;background:transparent;border:1px solid rgba(201,162,77,.4);border-radius:8px;color:var(--gold);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;align-self:center}.consent-detail-btn:hover{background:#c9a24d26;border-color:var(--gold)}.consent-popup-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.consent-popup-modal{background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1f35 100%);border:1px solid rgba(201,162,77,.3);border-radius:20px;width:100%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.consent-popup-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(201,162,77,.2);background:#c9a24d0d}.consent-popup-icon{font-size:32px}.consent-popup-title{flex:1;font-size:18px;font-weight:600;color:var(--gold);margin:0}.consent-popup-close{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.consent-popup-close:hover{background:#ffffff1a;color:var(--white)}.consent-popup-infographic{padding:20px}.consent-popup-summary{font-size:14px;color:var(--gray);text-align:center;margin:0 0 20px}.consent-popup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.consent-popup-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#0f172a99;border:1px solid rgba(201,162,77,.15);border-radius:12px;transition:all .2s ease}.consent-popup-card:hover{border-color:#c9a24d66;background:#0f172acc}.popup-card-icon{font-size:24px;line-height:1}.popup-card-content{flex:1;min-width:0}.popup-card-title{font-size:13px;font-weight:600;color:var(--gold);margin-bottom:4px}.popup-card-desc{font-size:12px;color:var(--gray);line-height:1.4}.consent-popup-fulltext{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0 20px;min-height:0}.consent-popup-fulltext-label{font-size:12px;font-weight:500;color:var(--gold);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(201,162,77,.2)}.consent-popup-fulltext-content{flex:1;overflow-y:auto;font-size:12px;line-height:1.7;color:var(--gray);white-space:pre-wrap;background:#0003;padding:16px;border-radius:8px;max-height:200px}.consent-popup-actions{padding:16px 20px;border-top:1px solid rgba(201,162,77,.2);background:#0003}.consent-popup-agree-btn{width:100%;padding:14px;background:var(--gold);border:none;border-radius:10px;font-size:15px;font-weight:600;color:var(--bg-dark);cursor:pointer;transition:all .2s ease}.consent-popup-agree-btn:hover{background:#d4af5a;transform:translateY(-1px)}.consent-popup-agree-btn.agreed{background:#c9a24d33;color:var(--gold);cursor:default}@media(max-width:480px){.consent-popup-grid{grid-template-columns:1fr}.consent-card-header{flex-wrap:wrap}.consent-card-highlights{margin-top:4px}}.support-page{padding:16px;max-width:800px;margin:0 auto}.support-tabs{display:flex;gap:8px;margin-bottom:20px;background:#0f172a99;padding:6px;border-radius:12px}.support-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:var(--gray);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.support-tab:hover{color:var(--white);background:#ffffff0d}.support-tab.active{background:var(--gold);color:var(--bg-dark)}.inquiry-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.faq-section{display:flex;flex-direction:column;gap:24px}.faq-category-title{font-size:16px;font-weight:600;color:var(--gold);margin-bottom:12px;padding-left:4px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#0f172a99;border:1px solid rgba(201,162,77,.15);border-radius:12px;overflow:hidden;transition:all .2s ease}.faq-item.expanded{border-color:#c9a24d66}.faq-question{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:background .2s ease}.faq-question:hover{background:#ffffff08}.faq-q-icon{width:24px;height:24px;background:var(--gold);color:var(--bg-dark);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.faq-q-text{flex:1;font-size:14px;color:var(--white);line-height:1.5}.faq-arrow{color:var(--gray);transition:transform .2s ease;flex-shrink:0}.faq-item.expanded .faq-arrow{transform:rotate(180deg)}.faq-answer{display:flex;gap:12px;padding:0 16px 16px;animation:fadeIn .2s ease}.faq-a-icon{width:24px;height:24px;background:#c9a24d33;color:var(--gold);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.faq-a-text{font-size:14px;color:var(--gray);line-height:1.7}.contact-section .card{display:flex;flex-direction:column;gap:16px}.contact-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn{padding:8px 14px;background:#0f172a99;border:1px solid rgba(201,162,77,.2);border-radius:20px;color:var(--gray);font-size:13px;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#c9a24d66;color:var(--white)}.category-btn.active{background:var(--gold);border-color:var(--gold);color:var(--bg-dark)}.required{color:#ef4444}.inquiry-history,.inquiry-list{display:flex;flex-direction:column;gap:12px}.inquiry-card{background:#0f172a99;border:1px solid rgba(201,162,77,.15);border-radius:12px;padding:16px}.inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.inquiry-category{font-size:12px;color:var(--gray)}.inquiry-status{font-size:11px;padding:3px 8px;border-radius:10px;color:#fff;font-weight:500}.inquiry-subject{font-size:15px;font-weight:600;color:var(--white);margin:0 0 8px}.inquiry-content{font-size:13px;color:var(--gray);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inquiry-date{font-size:12px;color:var(--gray)}.inquiry-reply{margin-top:12px;padding-top:12px;border-top:1px solid rgba(201,162,77,.2)}.reply-label{font-size:12px;font-weight:600;color:var(--gold);margin-bottom:6px}.reply-content{font-size:13px;color:var(--white);line-height:1.6;margin:0 0 6px}.reply-date{font-size:11px;color:var(--gray)}.empty-state{text-align:center;padding:40px 20px;color:var(--gray)}.empty-state p{margin-bottom:16px}@media(max-width:480px){.contact-section .form-row{grid-template-columns:1fr}.category-buttons{display:grid;grid-template-columns:repeat(2,1fr)}}.desktop-layout{display:flex;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0a0e17,#0f172a,#1a1f2e);position:relative;overflow:hidden}.desktop-banner{display:none}.slide-indicators{display:flex;justify-content:center;gap:6px;margin-top:16px}.slide-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;cursor:pointer;transition:all .3s ease}.slide-dot:hover{transform:scale(1.2)}.slide-dot.active{width:16px;border-radius:3px}.mobile-app-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:10}.mobile-frame{width:100%;max-width:100%;position:relative;z-index:10}@media(min-width:1024px){.desktop-banner{display:flex;flex:0 0 auto;width:500px;max-width:50vw;background:url(/banner-bg.png) center center / cover no-repeat;background-color:transparent;border-right:1px solid rgba(201,162,77,.15);padding:40px;flex-direction:column;justify-content:center;align-items:center;position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;z-index:1}.banner-content{text-align:center;width:100%;max-width:450px;margin:0 auto;display:flex;flex-direction:column;align-items:center;background:#0a0e17b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:32px;border:1px solid rgba(201,162,77,.2);position:relative;z-index:10}.banner-logo{margin-bottom:40px}.banner-icon{font-size:72px;display:block;margin-bottom:16px;filter:drop-shadow(0 0 30px rgba(201,162,77,.5))}.banner-title{font-family:"Noto Serif KR",serif;font-size:48px;font-weight:700;color:#c9a24d;margin:0 0 8px;letter-spacing:8px}.banner-subtitle{font-size:18px;color:#fff9;margin:0;letter-spacing:4px}.banner-tagline{margin-bottom:48px}.banner-tagline p{font-size:20px;color:#f8fafc;margin:0 0 8px}.banner-tagline .banner-desc{font-size:14px;color:#ffffff80;letter-spacing:2px}.banner-features{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.banner-feature{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#c9a24d14;border:1px solid rgba(201,162,77,.2);border-radius:12px;font-size:14px;color:#fffc;transition:all .3s ease}.banner-feature:hover{background:#c9a24d26;border-color:#c9a24d66;transform:translate(8px)}.banner-feature span:first-child{font-size:20px}.banner-qr{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px}.banner-qr p{margin:0;font-size:14px;color:#fff9}.banner-qr .qr-hint{font-size:12px;color:#fff6;margin-top:4px}.mobile-app-wrapper{flex:0 0 500px;padding:30px 50px;overflow:visible;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;box-sizing:border-box}.mobile-frame{width:400px;min-width:400px;flex-shrink:0;height:calc(100vh - 60px);height:calc(100dvh - 60px);max-height:820px;background:linear-gradient(180deg,#f8fafc,#edf2f7);border-radius:40px;box-shadow:0 0 0 8px #e2e8f0,0 0 0 10px #c9a24d33,0 25px 80px #00000040;overflow:hidden;position:relative}.mobile-frame .app-container{height:100%;overflow-y:auto;overflow-x:hidden;border-radius:40px;-webkit-overflow-scrolling:touch}}@media(min-width:1440px){.desktop-banner{width:600px;max-width:50vw;padding:50px}.banner-content{max-width:480px;padding:40px}.mobile-app-wrapper{flex:0 0 520px;padding:30px 60px}.mobile-frame{width:400px;min-width:400px}}@media(min-width:768px)and (max-width:1023px){.mobile-app-wrapper{padding:20px}.mobile-frame{max-width:500px;border-radius:24px;box-shadow:0 10px 40px #0000004d}}@media(min-width:1024px){.banner-header{display:flex;align-items:center;gap:16px;margin-bottom:40px}.banner-logo-icon{font-size:56px;filter:drop-shadow(0 0 20px rgba(201,162,77,.4))}.banner-main-title{font-family:"Noto Serif KR",serif;font-size:36px;font-weight:700;color:#c9a24d;margin:0;letter-spacing:4px}.banner-main-subtitle{font-size:14px;color:#ffffff80;margin:4px 0 0;letter-spacing:2px}.banner-slideshow{background:#0000004d;border:1px solid rgba(201,162,77,.15);border-radius:20px;padding:40px;margin-bottom:32px;width:100%;box-sizing:border-box}.slide-content{text-align:center;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-icon{font-size:64px;font-family:"Noto Serif KR",serif;margin-bottom:16px;text-shadow:0 0 30px currentColor}.slide-title{font-size:24px;font-weight:700;color:#f8fafc;margin:0 0 8px}.slide-subtitle{font-size:14px;color:#fff9;margin:0 0 24px}.slide-stats{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.stat-item{text-align:center}.stat-value{font-size:22px;font-weight:700;margin-bottom:4px}.stat-label{font-size:11px;color:#ffffff80}.slide-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.feature-tag{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:12px;color:#ffffffb3}.slide-indicators{display:flex;justify-content:center;gap:6px;margin-top:16px}.slide-dot{width:6px;height:6px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease}.slide-dot:hover{transform:scale(1.2)}.slide-dot.active{width:16px;border-radius:3px}.banner-footer{text-align:center}.footer-text{font-size:16px;color:#fffc;margin:0 0 8px}.footer-services{font-size:12px;color:#fff6;margin:0;letter-spacing:1px}}@media(min-width:1024px){.desktop-layout .app-header{display:none!important}.mobile-frame .app-header{display:flex!important;position:sticky!important;position:-webkit-sticky!important;top:0!important;left:0!important;right:0!important;background:linear-gradient(180deg,#0f172afa,#0f172af2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px 40px 0 0;z-index:100;border-bottom:1px solid rgba(201,162,77,.2)!important}body.light-mode .mobile-frame .app-header{background:#fffffffa!important;border-bottom:1px solid rgba(201,162,77,.3)!important}.mobile-frame .app-container{padding-top:0!important}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ai-chat-page{display:flex;flex-direction:column;height:calc(100vh - 126px);height:calc(100dvh - 126px);min-height:0;overflow:hidden;position:relative}@media(min-width:1024px){.mobile-frame .ai-chat-page{height:100%}}.ai-chat-page .chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.ai-chat-page .chat-input-area{flex-shrink:0;background:#0f172afa;border-top:1px solid rgba(201,162,77,.15)}.chat-input-fixed{position:fixed;bottom:70px;left:0;right:0;padding:12px 16px;background:#0f172afa;border-top:1px solid rgba(201,162,77,.15);z-index:99998}@media(min-width:768px){.chat-input-fixed{left:50%;transform:translate(-50%);max-width:430px;bottom:calc(70px + env(safe-area-inset-bottom,0px))}}.chat-page-content{min-height:calc(100vh - 180px)!important}@media(min-width:768px){.chat-page-content{min-height:600px!important}}.radar-container{position:relative;width:280px;height:280px;margin:0 auto}.radar-display{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#1e3a8a1a,#1e3a8a33,#1e3a8a4d,#1e3a8a66,#1e3a8a80);border:2px solid rgba(96,165,250,.6);box-shadow:0 0 30px #60a5fa4d,inset 0 0 50px #1e3a8a4d;overflow:hidden}.radar-grid{position:absolute;inset:0;border-radius:50%}.radar-ring{position:absolute;border:1px solid rgba(96,165,250,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-ring.ring-25{width:25%;height:25%}.radar-ring.ring-50{width:50%;height:50%}.radar-ring.ring-75{width:75%;height:75%}.radar-ring.ring-100{width:100%;height:100%}.radar-line{position:absolute;top:50%;left:50%;width:50%;height:1px;background:#60a5fa4d;transform-origin:left center}.radar-line.line-h{transform:translateY(-50%);width:100%;left:0}.radar-line.line-v{transform:translateY(-50%) rotate(90deg)}.radar-line.line-d1{transform:translateY(-50%) rotate(45deg)}.radar-line.line-d2{transform:translateY(-50%) rotate(-45deg)}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(96,165,250,.4) 30deg,transparent 60deg);transform-origin:left top;animation:radarSweep 3s linear infinite;border-radius:0 100% 0 0}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--gold);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--gold),0 0 20px #c9a24d80;z-index:10}.radar-blip{position:absolute;transform:translate(-50%,-50%);z-index:5;cursor:pointer;transition:transform .3s ease}.radar-blip:hover{transform:translate(-50%,-50%) scale(1.2)}.radar-butterfly{position:relative;width:24px;height:24px}.radar-butterfly-wing{position:absolute;width:10px;height:16px;border-radius:50%;animation:radarWingFlap .8s ease-in-out infinite}.radar-butterfly-wing.left{left:0;background:linear-gradient(135deg,var(--gold) 0%,rgba(201,162,77,.6) 100%);transform-origin:right center;animation-name:radarWingFlapLeft}.radar-butterfly-wing.right{right:0;background:linear-gradient(-135deg,var(--gold) 0%,rgba(201,162,77,.6) 100%);transform-origin:left center;animation-name:radarWingFlapRight}.radar-butterfly-body{position:absolute;left:50%;top:50%;width:4px;height:12px;background:#c9a24de6;border-radius:2px;transform:translate(-50%,-50%)}@keyframes radarWingFlapLeft{0%,to{transform:rotateY(0) scaleX(1)}50%{transform:rotateY(40deg) scaleX(.8)}}@keyframes radarWingFlapRight{0%,to{transform:rotateY(0) scaleX(1)}50%{transform:rotateY(-40deg) scaleX(.8)}}.radar-blip-info{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0f172af2;padding:6px 10px;border-radius:8px;white-space:nowrap;font-size:11px;color:var(--white);opacity:0;pointer-events:none;transition:opacity .2s ease;border:1px solid rgba(201,162,77,.3);margin-bottom:4px}.radar-blip:hover .radar-blip-info{opacity:1}.radar-blip-score{color:var(--gold);font-weight:600}.radar-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;font-size:11px;color:var(--gray)}.radar-legend-item{display:flex;align-items:center;gap:6px}.radar-legend-dot{width:8px;height:8px;border-radius:50%}.page-container{min-height:100%;padding-bottom:80px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:40px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(201,162,77,.2);border-top-color:#c9a24d;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:3px}.loading-spinner.large{width:64px;height:64px;border-width:5px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:#c9a24d;font-size:14px;font-family:Noto Sans KR,sans-serif}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.skeleton{background:linear-gradient(90deg,#c9a24d1a 25%,#c9a24d33,#c9a24d1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-title{height:24px;width:40%;margin-bottom:16px}.skeleton-card{padding:20px;border-radius:12px;background:#0f172acc;border:1px solid rgba(201,162,77,.2)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-icon{width:64px;height:64px;margin-bottom:16px;color:#ef4444}.error-title{color:#f8fafc;font-size:18px;font-weight:600;margin-bottom:8px;font-family:Noto Sans KR,sans-serif}.error-description{color:#94a3b8;font-size:14px;margin-bottom:20px;font-family:Noto Sans KR,sans-serif}.error-retry-btn{padding:12px 24px;background:linear-gradient(135deg,#c9a24d,#a67c3d);color:#0f172a;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Noto Sans KR,sans-serif;transition:transform .2s,box-shadow .2s}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9a24d4d}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:8px;font-size:14px;font-family:Noto Sans KR,sans-serif;animation:toast-in .3s ease-out;max-width:90vw;text-align:center}.toast.success{background:#10b981;color:#fff}.toast.error{background:#ef4444;color:#fff}.toast.warning{background:#f59e0b;color:#0f172a}.toast.info{background:#3b82f6;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
