*,*:before,*:after{box-sizing:border-box}:root{font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0d0d1a}*{box-sizing:border-box;margin:0;padding:0}.app-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#0d0d1a,#1a0d2e 40%,#0d1a2e);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.bg-decoration{position:fixed;inset:0;pointer-events:none;z-index:0}.circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.c1{width:500px;height:500px;background:radial-gradient(circle,#7b3fa0,transparent);top:-150px;left:-150px}.c2{width:400px;height:400px;background:radial-gradient(circle,#c9a84c,transparent);bottom:-100px;right:-100px}.c3{width:300px;height:300px;background:radial-gradient(circle,#3f6fa0,transparent);top:50%;left:50%;transform:translate(-50%,-50%)}.main-content{width:100%;max-width:480px;position:relative;z-index:1}.app-header{text-align:center;margin-bottom:2rem;position:relative}.lang-switcher{position:absolute;top:0;right:0;z-index:10;display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end;max-width:140px}.lang-btn{padding:.28rem .5rem;border:1px solid rgba(201,168,76,.2);border-radius:14px;background:transparent;color:#ffffff59;font-size:.65rem;cursor:pointer;transition:all .2s;white-space:nowrap}.lang-btn:hover{color:#c9a84ccc;border-color:#c9a84c66}.lang-btn.active{background:#c9a84c26;border-color:#c9a84c80;color:#f5d77e;font-weight:600}.user-bar{position:absolute;top:0;left:0;display:flex;align-items:center;gap:.35rem;z-index:10}.user-email{font-size:.62rem;color:#c9a84c73;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{padding:.28rem .5rem;border:1px solid rgba(201,168,76,.2);border-radius:14px;background:transparent;color:#ffffff59;font-size:.65rem;cursor:pointer;transition:all .2s;white-space:nowrap}.logout-btn:hover{color:#c9a84ccc;border-color:#c9a84c66}.header-symbol{font-size:3rem;margin-bottom:.5rem;display:block;filter:drop-shadow(0 0 20px rgba(201,168,76,.8));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-title{font-size:2.6rem;font-weight:800;background:linear-gradient(135deg,#f5d77e,#c9a84c,#f5d77e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;text-shadow:none;margin-bottom:.2rem}.app-subtitle{font-size:1rem;color:#c9a84c99;letter-spacing:.3em;margin-bottom:.8rem}.app-desc{font-size:.875rem;color:#ffffff73;letter-spacing:.03em}.service-desc{margin-top:1.1rem;padding:1rem 1.2rem;background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:14px;display:flex;flex-direction:column;gap:.55rem;text-align:left}.service-desc p{font-size:.83rem;color:#ffffff73;line-height:1.75;margin:0;word-break:keep-all}.service-desc strong{color:#c9a84cd9;font-weight:600}.input-card{background:#ffffff0a;border:1px solid rgba(201,168,76,.2);border-radius:20px;padding:2rem 1.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a inset;display:flex;flex-direction:column;gap:1.6rem}.section{display:flex;flex-direction:column;gap:.65rem}.section-label{font-size:.8rem;font-weight:600;color:#c9a84cd9;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.toggle-group{display:flex;gap:.5rem;background:#00000040;border-radius:12px;padding:4px}.toggle-btn{flex:1;padding:.65rem 0;border:none;border-radius:9px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;background:transparent;color:#ffffff73;letter-spacing:.05em}.toggle-btn:hover:not(.active){background:#ffffff0f;color:#ffffffb3}.toggle-btn.active{background:linear-gradient(135deg,#c9a84c,#f5d77e);color:#1a0d2e;font-weight:700;box-shadow:0 4px 15px #c9a84c59}.date-row{display:flex;gap:.5rem}.date-row .select-wrap{flex:1}.select-wrap{position:relative}.select-wrap.full-width{width:100%}.select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#c9a84cb3;font-size:.75rem;pointer-events:none}.select-box{width:100%;padding:.7rem 2rem .7rem .9rem;background:#0000004d;border:1px solid rgba(201,168,76,.25);border-radius:10px;color:#ffffffd9;font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .2s ease;outline:none}.select-box:focus{border-color:#c9a84cb3;box-shadow:0 0 0 3px #c9a84c1f;background:#00000073}.select-box option{background:#1a0d2e;color:#ffffffd9}.badge{font-size:.7rem;padding:2px 8px;background:#c9a84c26;border:1px solid rgba(201,168,76,.4);border-radius:20px;color:#c9a84ce6}.optional-tag{font-size:.7rem;color:#ffffff59;font-weight:400;letter-spacing:0;text-transform:none}.time-badge{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:10px;margin-top:.25rem}.time-char{font-size:1.1rem;font-weight:700;color:#f5d77e}.time-range{font-size:.8rem;color:#ffffff73}.summary-box{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#c9a84c0f;border:1px dashed rgba(201,168,76,.3);border-radius:10px;font-size:.875rem;color:#fff9;animation:fadeIn .3s ease}.summary-icon{color:#c9a84cb3;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submit-btn{width:100%;padding:1rem;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.4rem}.submit-btn.enabled{background:linear-gradient(135deg,#c9a84c,#f5d77e,#c9a84c);background-size:200% 200%;color:#1a0d2e;box-shadow:0 6px 24px #c9a84c66,0 2px 8px #0000004d;animation:shimmer 3s ease infinite}.submit-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a84c80,0 4px 12px #0000004d}.submit-btn.enabled:active{transform:translateY(0)}.submit-btn.disabled{background:#ffffff0f;color:#ffffff40;cursor:not-allowed;box-shadow:none}.submit-icon{font-size:1.1rem}.app-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:#fff3;letter-spacing:.2em;display:flex;flex-direction:column;gap:.4rem}.footer-email{font-size:.72rem;letter-spacing:.05em;color:#fff3}.footer-email a{color:#c9a84c73;text-decoration:none;transition:color .2s}.footer-email a:hover{color:#c9a84ccc}.privacy-notice{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;background:#60a5fa0d;border:1px solid rgba(96,165,250,.15);border-radius:10px;font-size:.75rem;color:#ffffff59;text-align:center;line-height:1.5}.privacy-icon{font-size:.85rem;flex-shrink:0}@media(max-width:480px){.app-container{padding:2rem 1rem 1.5rem;align-items:flex-start}.app-title{font-size:2rem}.input-card{padding:1.5rem 1.25rem}.date-row{flex-direction:row;gap:.4rem}}.saju-result-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#0d0d1a,#1a0d2e 40%,#0d1a2e);display:flex;justify-content:center;padding:2rem 1rem 4rem;position:relative;overflow-x:hidden}.saju-result-content{width:100%;max-width:520px;position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem}.result-header{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:.5rem}.result-header .lang-switcher,.juyuk-header .lang-switcher{position:absolute;top:0;right:0}.result-title-wrap{text-align:center}.result-symbol{display:block;font-size:2.2rem;filter:drop-shadow(0 0 14px rgba(201,168,76,.6));animation:float 4s ease-in-out infinite;margin-bottom:.3rem}.result-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f5d77e,#c9a84c,#f5d77e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;margin:0 0 .2rem}.result-subtitle{font-size:.85rem;color:#c9a84c80;letter-spacing:.25em;margin:0 0 .75rem}.converted-date{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:10px;animation:fadeUp .4s ease both}.converted-label{font-size:.72rem;color:#60a5fab3;font-weight:600;letter-spacing:.05em}.converted-value{font-size:.85rem;color:#fff9}.loading-card{text-align:center;padding:3rem 1rem;background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:20px}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;display:block;margin-bottom:1.2rem;filter:drop-shadow(0 0 12px rgba(201,168,76,.5))}.loading-text{font-size:1rem;color:#c9a84ccc;margin:0 0 .4rem}.loading-sub{font-size:.8rem;color:#ffffff4d;margin:0}.error-card{text-align:center;padding:2.5rem 1rem;background:#ff64640d;border:1px solid rgba(255,100,100,.2);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:.6rem}.error-icon{font-size:2rem;color:#f87171}.error-text{font-size:1rem;color:#ffffffb3;margin:0}.error-detail{font-size:.8rem;color:#ff646499;margin:0}.retry-btn{margin-top:.5rem;padding:.6rem 1.5rem;border:1px solid rgba(201,168,76,.3);border-radius:20px;background:none;color:#c9a84ccc;cursor:pointer;font-size:.85rem;transition:all .2s}.retry-btn:hover{background:#c9a84c1a}.result-section{background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:16px;padding:1.4rem 1.5rem;animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:.78rem;font-weight:700;color:#c9a84ccc;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pillar-card{background:#00000040;border:1px solid rgba(201,168,76,.12);border-radius:12px;padding:.75rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.pillar-label{font-size:.62rem;color:#c9a84c99;letter-spacing:.04em}.pillar-ganzhi{display:flex;gap:2px}.pillar-stem,.pillar-branch{font-size:1.4rem;font-weight:700;line-height:1}.pillar-stem{color:#f5d77e}.pillar-branch{color:#b4c8ffcc}.pillar-jiazi{font-size:.68rem;color:#ffffff59}.pillar-desc{font-size:.62rem;color:#fff6;line-height:1.5;margin:0;word-break:keep-all}.ohang-section{background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:16px;padding:1.4rem 1.5rem}.ohang-bars{display:flex;flex-direction:column;gap:.65rem}.ohang-item{display:flex;align-items:center;gap:.75rem}.ohang-name{font-size:.8rem;font-weight:700;width:3.5rem;flex-shrink:0}.ohang-bar-bg{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.ohang-bar-fill{height:100%;border-radius:4px;transition:width .8s ease;min-width:4px}.ohang-count{font-size:.75rem;color:#fff6;width:1rem;text-align:right}.yongshin-row{display:flex;gap:.75rem;background:none;border:none;padding:0}.yongshin-card{flex:1;border-radius:14px;padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.yongshin-card.positive{background:#c9a84c14;border:1px solid rgba(201,168,76,.25)}.yongshin-card.negative{background:#b4646414;border:1px solid rgba(180,100,100,.2)}.ys-label{font-size:.7rem;color:#ffffff59}.ys-value{font-size:1.6rem;font-weight:800;color:#f5d77e}.yongshin-card.negative .ys-value{color:#f87171}.ys-desc{font-size:.7rem;color:#ffffff4d}.meaning-box{background:#0003;border-left:3px solid rgba(201,168,76,.4);border-radius:0 10px 10px 0;padding:1rem 1.1rem}.meaning-box.highlight{border-left-color:#c9a84cb3}.meaning-box.golden{border-left-color:#f5d77e;background:#c9a84c0f}.meaning-box p{font-size:.9rem;color:#ffffffa6;line-height:1.85;margin:0;word-break:keep-all}.fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.fortune-item{background:#0003;border:1px solid rgba(201,168,76,.1);border-radius:12px;padding:.9rem}.fortune-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.fortune-icon{font-size:.9rem;color:#c9a84cb3}.fortune-label{font-size:.78rem;font-weight:700;color:#c9a84cd9}.fortune-text{font-size:.8rem;color:#ffffff8c;line-height:1.7;margin:0;word-break:keep-all}.today-section{border-color:#f5d77e4d}.today-date{font-size:.72rem;color:#ffffff4d;font-weight:400;letter-spacing:0;text-transform:none}.score-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.score-bar-bg{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.score-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#c9a84c,#f5d77e);transition:width 1s ease;box-shadow:0 0 8px #c9a84c66}.score-value{font-size:.9rem;font-weight:700;color:#f5d77e;width:3rem;text-align:right;flex-shrink:0}.today-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-top:.75rem}.today-item{background:#0003;border:1px solid rgba(201,168,76,.1);border-radius:10px;padding:.8rem .6rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.today-icon{font-size:.9rem;color:#c9a84cb3}.today-label{font-size:.72rem;font-weight:700;color:#c9a84ccc}.today-text{font-size:.75rem;color:#ffffff8c;line-height:1.6;margin:0;word-break:keep-all}.lucky-row{display:flex;gap:.75rem;margin-top:.75rem}.lucky-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem;background:#c9a84c0f;border:1px solid rgba(201,168,76,.15);border-radius:10px}.lucky-label{font-size:.68rem;color:#ffffff59}.lucky-value{font-size:.95rem;font-weight:700;color:#f5d77e}.onemsg-box{display:flex;align-items:flex-start;gap:.6rem;margin-top:.75rem;padding:.9rem 1rem;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:10px}.onemsg-icon{color:#c9a84ccc;font-size:.8rem;flex-shrink:0;padding-top:2px}.onemsg-text{font-size:.88rem;color:#ffffffb3;line-height:1.7;margin:0;font-style:italic;word-break:keep-all}@media(max-width:480px){.today-grid{grid-template-columns:1fr}.lucky-row{flex-direction:column}}.result-footer{text-align:center;margin-top:.5rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:.45rem}.result-footer-privacy{font-size:.73rem;color:#ffffff47;letter-spacing:.02em}.result-footer-email{font-size:.72rem;color:#fff3;letter-spacing:.03em}.result-footer-email a{color:#c9a84c66;text-decoration:none;transition:color .2s}.result-footer-email a:hover{color:#c9a84cbf}.juyuk-btn{width:100%;padding:1rem;border:none;border-radius:14px;font-size:1rem;font-weight:700;letter-spacing:.12em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#c9a84c,#f5d77e,#c9a84c);background-size:200% 200%;color:#1a0d2e;box-shadow:0 6px 24px #c9a84c59;animation:shimmer 3s ease infinite;transition:all .25s;margin-top:.5rem}.juyuk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a84c80}@media(max-width:480px){.pillars-grid{grid-template-columns:repeat(2,1fr)}.fortune-grid{grid-template-columns:1fr}.yongshin-row{flex-direction:column}.saju-result-container{padding:1.5rem 1rem 3rem}}.juyuk-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#0a0a1a,#130d24 40%,#0a1520);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 3rem;position:relative;overflow-x:hidden}.juyuk-content{width:100%;max-width:480px;position:relative;z-index:1}.juyuk-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;position:relative}.back-btn{position:absolute;left:0;top:0;background:none;border:1px solid rgba(201,168,76,.25);border-radius:20px;color:#c9a84cb3;font-size:.8rem;padding:.4rem .9rem;cursor:pointer;transition:all .2s}.back-btn:hover{background:#c9a84c1a;color:#f5d77e}.juyuk-title-wrap{text-align:center;padding-top:.5rem}.juyuk-symbol{display:block;font-size:2.5rem;margin-bottom:.3rem;filter:drop-shadow(0 0 16px rgba(201,168,76,.6));animation:float 4s ease-in-out infinite}.juyuk-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f5d77e,#c9a84c,#f5d77e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;margin:0 0 .2rem}.juyuk-subtitle{font-size:.85rem;color:#c9a84c80;letter-spacing:.25em;margin:0 0 .8rem}.birth-chip{font-size:.78rem;padding:.35rem 1rem;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:20px;color:#ffffff73}.juyuk-card{background:#ffffff08;border:1px solid rgba(201,168,76,.18);border-radius:20px;padding:2rem 1.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff08 inset;display:flex;flex-direction:column;gap:1.5rem}.intro-area{text-align:center;padding:1rem 0}.trigram-row{display:flex;justify-content:center;gap:1rem;font-size:1.6rem;color:#c9a84c66;margin-bottom:1.5rem;letter-spacing:.1em}.intro-text{font-size:1rem;color:#fff9;line-height:1.8;margin:0 0 .6rem}.intro-sub{font-size:.8rem;color:#ffffff4d;margin:0}.casting-area{text-align:center;padding:2rem 0}.casting-spinner{display:flex;justify-content:center;gap:.5rem;font-size:1.8rem;animation:spin-symbols .7s linear infinite;margin-bottom:1rem}@keyframes spin-symbols{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.casting-text{color:#c9a84cb3;font-size:.9rem;letter-spacing:.1em;margin:0}.result-area{display:flex;flex-direction:column;gap:1.3rem;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hex-title-wrap{text-align:center}.hex-number{display:block;font-size:.75rem;color:#c9a84c99;letter-spacing:.1em;margin-bottom:.3rem}.hex-name{font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#f5d77e,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .3rem;letter-spacing:.05em}.hex-hanja{font-size:1rem;color:#ffffff59;letter-spacing:.15em}.hexagram-lines{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem .5rem;background:#0003;border-radius:14px;border:1px solid rgba(201,168,76,.1)}.line-row{display:flex;align-items:center;gap:.8rem;animation:lineAppear .4s ease both}@keyframes lineAppear{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.line-number{font-size:.68rem;color:#ffffff40;width:2rem;text-align:right;flex-shrink:0}.line{flex:1;display:flex;align-items:center;gap:0;height:10px}.yang-line{width:100%;height:10px;background:linear-gradient(90deg,#c9a84c,#f5d77e,#c9a84c);border-radius:5px;box-shadow:0 0 10px #c9a84c66}.yin-left,.yin-right{flex:1;height:10px;background:#b4b4ff8c;border-radius:5px;box-shadow:0 0 6px #b4b4ff33}.yin-gap{width:20%;flex-shrink:0}.line-label{font-size:.68rem;color:#ffffff47;width:2.5rem;flex-shrink:0}.trigram-info{display:flex;align-items:center;justify-content:center;gap:0;background:#0003;border-radius:14px;border:1px solid rgba(201,168,76,.1);padding:1rem}.trigram-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem}.tri-label{font-size:.68rem;color:#ffffff4d;letter-spacing:.05em}.tri-symbol{font-size:2rem;color:#c9a84ccc;line-height:1}.tri-name{font-size:.85rem;color:#ffffffb3;font-weight:600}.tri-element{font-size:.75rem;color:#c9a84c80}.trigram-divider{font-size:.7rem;color:#c9a84c4d;padding:0 .5rem}.keyword-wrap{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.keyword-chip{font-size:.8rem;padding:.35rem .9rem;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:20px;color:#c9a84ce6}.meaning-box{background:#00000040;border-left:3px solid rgba(201,168,76,.5);border-radius:0 10px 10px 0;padding:1rem 1.1rem}.meaning-text{font-size:.9rem;color:#ffffffa6;line-height:1.85;margin:0}.juyuk-btn-row{display:flex;gap:.75rem}.draw-btn{flex:1;padding:1rem;border:none;border-radius:14px;font-size:1rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,#c9a84c,#f5d77e,#c9a84c);background-size:200% 200%;color:#1a0d2e;box-shadow:0 6px 24px #c9a84c59;animation:shimmer 3s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.draw-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #c9a84c80}.draw-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-loading{text-align:center;padding:2rem 1rem;background:#ffffff05;border:1px solid rgba(201,168,76,.12);border-radius:14px}.ai-loading-spinner{font-size:2.2rem;animation:spin 2s linear infinite;display:block;margin-bottom:.9rem;filter:drop-shadow(0 0 10px rgba(201,168,76,.5))}@keyframes spin{to{transform:rotate(360deg)}}.ai-loading-text{font-size:.9rem;color:#c9a84ccc;margin:0 0 .3rem}.ai-loading-sub{font-size:.78rem;color:#ffffff4d;margin:0}.ai-error{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;background:#ff64640d;border:1px solid rgba(255,100,100,.15);border-radius:12px;font-size:.82rem;color:#ff8282b3}.ai-error p{margin:0}.ai-result{display:flex;flex-direction:column;gap:1.2rem;animation:fadeInUp .5s ease}.ai-block{background:#0003;border:1px solid rgba(201,168,76,.15);border-radius:16px;padding:1.25rem 1.3rem;display:flex;flex-direction:column;gap:1rem}.today-link-block{border-color:#f5d77e47;background:#c9a84c0a}.ai-block-title{font-size:.78rem;font-weight:700;color:#c9a84cd9;letter-spacing:.07em;margin:0;display:flex;align-items:center;gap:.45rem}.ai-block-icon{font-size:.9rem;opacity:.8}.ai-block-date{font-size:.7rem;color:#ffffff4d;font-weight:400;letter-spacing:0}.ai-meaning-box{background:#00000040;border-left:3px solid rgba(201,168,76,.45);border-radius:0 10px 10px 0;padding:.9rem 1rem}.ai-meaning-box.highlight{border-left-color:#c9a84cbf}.ai-meaning-box.golden{border-left-color:#f5d77e;background:#c9a84c0f}.ai-meaning-label{font-size:.68rem;font-weight:700;color:#c9a84c99;letter-spacing:.06em;margin:0 0 .45rem}.ai-meaning-text{font-size:.88rem;color:#ffffffb3;line-height:1.9;margin:0;word-break:keep-all}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.ai-item{background:#ffffff08;border:1px solid rgba(201,168,76,.1);border-radius:12px;padding:.85rem .9rem}.ai-item-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.ai-item-icon{font-size:.85rem;color:#c9a84cb3}.ai-item-label{font-size:.73rem;font-weight:700;color:#c9a84cd9}.ai-item-text{font-size:.8rem;color:#fff9;line-height:1.75;margin:0;word-break:keep-all}.ai-caution-box{background:#b464640f;border:1px solid rgba(180,100,100,.18);border-radius:12px;padding:.85rem .9rem}.ai-caution-box .ai-item-icon{color:#f87171cc}.ai-caution-box .ai-item-label{color:#f87171e6}.ai-caution-box .ai-item-text{color:#ffc8c899}.ai-today-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem}.ai-today-item{background:#0003;border:1px solid rgba(201,168,76,.1);border-radius:10px;padding:.75rem .6rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.ai-today-icon{font-size:.85rem;color:#c9a84cb3}.ai-today-label{font-size:.7rem;font-weight:700;color:#c9a84ccc}.ai-today-text{font-size:.75rem;color:#ffffff8c;line-height:1.65;margin:0;word-break:keep-all}.ai-core-message{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;background:#c9a84c17;border:1px solid rgba(201,168,76,.28);border-radius:10px}.ai-core-icon{color:#c9a84ce6;font-size:.85rem;flex-shrink:0;padding-top:2px}.ai-core-text{font-size:.9rem;color:#ffffffbf;line-height:1.7;margin:0;font-style:italic;word-break:keep-all}@media(max-width:480px){.ai-grid,.ai-today-grid{grid-template-columns:1fr}}.juyuk-footer{text-align:center;margin-top:1.5rem;font-size:.72rem;color:#ffffff2e;letter-spacing:.2em;display:flex;flex-direction:column;gap:.45rem}.juyuk-footer-privacy{font-size:.72rem;color:#ffffff47;letter-spacing:.02em}.juyuk-footer-email{font-size:.72rem;letter-spacing:.03em;color:#fff3}.juyuk-footer-email a{color:#c9a84c66;text-decoration:none;transition:color .2s}.juyuk-footer-email a:hover{color:#c9a84cbf}@media(max-width:480px){.juyuk-container{padding:1.5rem 1rem 2rem}.juyuk-card{padding:1.5rem 1.25rem}.trigram-row{font-size:1.3rem;gap:.6rem}}.auth-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#0d0d1a,#1a0d2e 40%,#0d1a2e);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.auth-content{width:100%;max-width:420px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.auth-header{text-align:center;width:100%}.auth-lang-switcher{display:flex;justify-content:flex-end;gap:.3rem;margin-bottom:1.5rem}.auth-symbol{display:block;font-size:2.5rem;filter:drop-shadow(0 0 14px rgba(201,168,76,.6));animation:float 4s ease-in-out infinite;margin-bottom:.4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f5d77e,#c9a84c,#f5d77e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;margin:0 0 .2rem}.auth-subtitle{font-size:.85rem;color:#c9a84c80;letter-spacing:.25em;margin:0}.auth-card{width:100%;background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-tabs{display:flex;gap:0;margin-bottom:1.75rem;border-bottom:1px solid rgba(201,168,76,.15)}.auth-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#c9a84c66;font-size:.95rem;font-weight:600;padding:.6rem 0;cursor:pointer;transition:all .2s;letter-spacing:.05em;margin-bottom:-1px}.auth-tab.active{color:#f5d77e;border-bottom-color:#c9a84c}.auth-tab:hover:not(.active){color:#c9a84cb3}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label{font-size:.8rem;color:#c9a84c99;letter-spacing:.05em}.auth-input{background:#ffffff0d;border:1px solid rgba(201,168,76,.2);border-radius:10px;color:#e8d5a3;font-size:.95rem;padding:.75rem 1rem;outline:none;transition:border-color .2s,background .2s;width:100%}.auth-input::placeholder{color:#c9a84c4d}.auth-input:focus{border-color:#c9a84c80;background:#ffffff12}.auth-submit-btn{width:100%;background:linear-gradient(135deg,#c9a84c,#f5d77e,#c9a84c);border:none;border-radius:12px;color:#0d0d1a;font-size:1rem;font-weight:700;padding:.85rem;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.05em;margin-top:.25rem}.auth-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:.75rem;color:#c9a84c4d;font-size:.8rem;margin:.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#c9a84c26}.auth-social-btns{display:flex;flex-direction:column;gap:.75rem}.auth-social-btn{width:100%;border:none;border-radius:12px;font-size:.95rem;font-weight:600;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:opacity .2s,transform .1s}.auth-social-btn:hover{opacity:.92;transform:translateY(-1px)}.auth-social-btn:active{transform:translateY(0)}.auth-social-btn.google{background:#fff;color:#333}.auth-social-btn.kakao{background:#fee500;color:#3c1e1e}.auth-social-btn svg{width:20px;height:20px;flex-shrink:0}.auth-forgot-desc{font-size:.83rem;color:#ffffff80;line-height:1.6;margin:0 0 .25rem}.auth-forgot-link{background:none;border:none;color:#c9a84c8c;font-size:.8rem;cursor:pointer;padding:0;text-align:center;transition:color .2s;text-decoration:underline;text-underline-offset:3px}.auth-forgot-link:hover{color:#c9a84ce6}.auth-back-link{background:none;border:none;color:#c9a84c8c;font-size:.82rem;cursor:pointer;padding:0;text-align:left;transition:color .2s}.auth-back-link:hover{color:#c9a84ce6}.auth-webview-warning{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fbbf2412;border:1px solid rgba(251,191,36,.3);border-radius:14px;padding:1.1rem 1rem;text-align:center}.auth-webview-icon{font-size:1.5rem;line-height:1}.auth-webview-title{font-size:.92rem;font-weight:700;color:#fbbf24f2;margin:0}.auth-webview-desc{font-size:.8rem;color:#ffffff8c;line-height:1.55;margin:0}.auth-webview-instruction{font-size:.8rem;color:#ffffff73;line-height:1.55;margin:0}.auth-webview-url{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;font-size:.72rem;color:#c9a84cb3;word-break:break-all;text-align:left;line-height:1.4;margin-top:.25rem}.auth-webview-open-btn{width:100%;background:#1a73e8;border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:700;padding:.65rem;cursor:pointer;transition:opacity .2s;margin-top:.25rem}.auth-webview-open-btn:hover{opacity:.88}.auth-webview-copy-btn{width:100%;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:10px;color:#fbbf24e6;font-size:.88rem;font-weight:600;padding:.6rem;cursor:pointer;transition:all .2s;margin-top:.25rem}.auth-webview-copy-btn:hover{background:#fbbf2440;border-color:#fbbf2499}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.85rem;padding:.65rem .9rem;text-align:center}.auth-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:10px;color:#86efac;font-size:.85rem;padding:.65rem .9rem;text-align:center}.auth-guest-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem 1.5rem .5rem;border-top:1px solid rgba(201,168,76,.1)}.auth-guest-note{font-size:.82rem;color:#ffffff73;text-align:center;line-height:1.5;margin:0}.auth-guest-highlight{font-size:.8rem;color:#c9a84c8c;text-align:center;line-height:1.5;margin:0}.auth-guest-btn{margin-top:.4rem;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#ffffff80;font-size:.88rem;padding:.65rem 1.6rem;cursor:pointer;transition:all .2s;letter-spacing:.03em}.auth-guest-btn:hover{border-color:#ffffff59;color:#fffc;background:#ffffff0d}.auth-loading-screen{min-height:100vh;width:100%;background:linear-gradient(135deg,#0d0d1a,#1a0d2e 40%,#0d1a2e);display:flex;align-items:center;justify-content:center}.auth-loading-spinner{font-size:3rem;animation:spin 2s linear infinite;filter:drop-shadow(0 0 14px rgba(201,168,76,.6))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mypage-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#0d0d1a,#1a0d2e 40%,#0d1a2e);display:flex;justify-content:center;padding:2rem 1rem 3rem;position:relative;overflow-x:hidden}.mypage-content{width:100%;max-width:440px;position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem}.mypage-header{display:flex;align-items:center;gap:1rem;padding-bottom:.5rem}.mypage-back-btn{background:transparent;border:1px solid rgba(201,168,76,.25);border-radius:10px;color:#c9a84cb3;font-size:.82rem;padding:.4rem .8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.mypage-back-btn:hover{border-color:#c9a84c80;color:#f5d77e}.mypage-title{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#f5d77e,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.mypage-card{background:#ffffff08;border:1px solid rgba(201,168,76,.15);border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.mypage-danger-card{border-color:#ef444433;background:#ef444408}.mypage-section-title{font-size:.95rem;font-weight:700;color:#c9a84ce6;letter-spacing:.05em;padding-bottom:.75rem;border-bottom:1px solid rgba(201,168,76,.1);margin-bottom:.25rem}.mypage-danger-title{color:#ef4444d9;border-bottom-color:#ef444426}.mypage-info-list{display:flex;flex-direction:column;gap:.65rem}.mypage-info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mypage-info-label{font-size:.8rem;color:#fff6;flex-shrink:0}.mypage-info-value{font-size:.88rem;color:#fffc;text-align:right;word-break:break-all;display:flex;align-items:center;gap:.4rem}.provider-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#4285f4;font-size:.7rem;font-weight:700;flex-shrink:0}.mypage-logout-btn{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffff73;font-size:.82rem;padding:.45rem 1rem;cursor:pointer;transition:all .2s;margin-top:.25rem}.mypage-logout-btn:hover{border-color:#ffffff4d;color:#ffffffbf;background:#ffffff0a}.mypage-form{display:flex;flex-direction:column;gap:.9rem}.mypage-field{display:flex;flex-direction:column;gap:.4rem}.mypage-label{font-size:.78rem;color:#c9a84c99;letter-spacing:.03em}.mypage-input{background:#ffffff0d;border:1px solid rgba(201,168,76,.2);border-radius:10px;color:#e8d5a3;font-size:.92rem;padding:.7rem 1rem;outline:none;transition:border-color .2s,background .2s;width:100%}.mypage-input::placeholder{color:#c9a84c4d}.mypage-input:focus{border-color:#c9a84c80;background:#ffffff12}.mypage-danger-input{border-color:#ef444440}.mypage-danger-input:focus{border-color:#ef444480}.mypage-submit-btn{width:100%;background:linear-gradient(135deg,#c9a84c,#f5d77e,#c9a84c);border:none;border-radius:12px;color:#0d0d1a;font-size:.95rem;font-weight:700;padding:.8rem;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.05em;margin-top:.25rem}.mypage-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.mypage-submit-btn:active{transform:translateY(0)}.mypage-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mypage-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.83rem;padding:.6rem .85rem}.mypage-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:#86efac;font-size:.83rem;padding:.6rem .85rem}.mypage-info-note{font-size:.83rem;color:#fff6;line-height:1.6;padding:.75rem 1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.mypage-danger-note{font-size:.83rem;color:#ef4444a6;line-height:1.6}.mypage-delete-btn{align-self:flex-start;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#ef4444bf;font-size:.88rem;font-weight:600;padding:.55rem 1.2rem;cursor:pointer;transition:all .2s}.mypage-delete-btn:hover{background:#ef444414;border-color:#ef444499;color:#ef4444f2}.mypage-delete-confirm{display:flex;flex-direction:column;gap:.9rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mypage-confirm-title{font-size:.95rem;font-weight:700;color:#ef4444e6}.mypage-confirm-note{font-size:.82rem;color:#ffffff73;line-height:1.6}.mypage-confirm-btns{display:flex;gap:.75rem}.mypage-cancel-btn{flex:1;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:.88rem;font-weight:600;padding:.65rem;cursor:pointer;transition:all .2s}.mypage-cancel-btn:hover{border-color:#ffffff4d;color:#fffc}.mypage-delete-confirm-btn{flex:1;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:10px;color:#ef4444e6;font-size:.88rem;font-weight:700;padding:.65rem;cursor:pointer;transition:all .2s}.mypage-delete-confirm-btn:hover:not(:disabled){background:#ef444440;border-color:#ef4444b3;color:#fca5a5}.mypage-delete-confirm-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:480px){.mypage-container{padding:1.5rem 1rem 3rem}.mypage-card{padding:1.25rem}}