@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;font-display:swap;src:url('/static/fonts/NotoSansKR-400.ttf') format('truetype');}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/NotoSansKR-400.ttf') format('truetype');}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/NotoSansKR-500.ttf') format('truetype');}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/NotoSansKR-600.ttf') format('truetype');}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/NotoSansKR-700.ttf') format('truetype');}:root{--bg:#1a1a2e;--bg-secondary:rgba(22,33,62,0.6);--bg-tertiary:#0f3460;--bg-card:rgba(30,30,50,0.6);--card:rgba(255,255,255,0.08);--card-solid:#1e2a4a;--ink:#f0f0f0;--ink-secondary:#c8c8e0;--muted:#a8a8c8;--line:rgba(255,255,255,0.15);--line-light:rgba(255,255,255,0.08);--accent:#ffd700;--accent-light:rgba(255,215,0,0.15);--gold:#ffd700;--gold-light:rgba(255,215,0,0.12);--color-su:#5a9fd4;--color-mok:#4ade80;--color-hwa:#f87171;--color-to:#fbbf24;--color-geum:#fcd34d;--color-su-rgb:90,159,212;--color-mok-rgb:74,222,128;--color-hwa-rgb:248,113,113;--color-to-rgb:251,191,36;--color-geum-rgb:252,211,77;--wood:var(--color-mok);--fire:var(--color-hwa);--earth:var(--color-to);--metal:#e8e4d9;--water:var(--color-su);--success:var(--color-mok);--warning:var(--color-to);--danger:var(--color-hwa);--primary:#60a5fa;--primary-light:#93c5fd;--primary-rgb:96,165,250;--card-bg:var(--card);--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);--glow-gold:0 0 20px rgba(255,215,0,0.3);--glow-star:0 0 10px rgba(255,255,255,0.5);--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:100px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 2px 8px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--shadow-lg:0 8px 24px rgba(0,0,0,0.2);--shadow-xl:0 12px 40px rgba(0,0,0,0.5);--shadow-hover:0 6px 20px rgba(0,0,0,0.25);--shadow-card:0 2px 8px rgba(0,0,0,0.04);--shadow-inset:inset 0 0 30px rgba(255,255,255,0.15);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--safe-bottom:env(safe-area-inset-bottom,0px);}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;}body{font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);background-attachment:fixed;line-height:1.8;-webkit-font-smoothing:antialiased;letter-spacing:-0.02em;min-height:100vh;padding-bottom:calc(80px + var(--safe-bottom));width:100%;position:relative;}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,215,0,0.8),transparent),radial-gradient(1px 1px at 250px 150px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 300px 100px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 350px 200px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 400px 60px,rgba(255,215,0,0.7),transparent),radial-gradient(1px 1px at 450px 180px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 500px 120px,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 550px 250px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 600px 80px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 650px 300px,rgba(255,215,0,0.6),transparent),radial-gradient(2px 2px at 700px 150px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 750px 350px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 800px 200px,rgba(255,255,255,0.6),transparent),radial-gradient(1px 1px at 100px 300px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 180px 400px,rgba(255,215,0,0.7),transparent),radial-gradient(1px 1px at 280px 350px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 380px 450px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 480px 380px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 580px 500px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 680px 420px,rgba(255,215,0,0.8),transparent),radial-gradient(2px 2px at 780px 480px,rgba(255,255,255,0.7),transparent);background-repeat:repeat;background-size:800px 600px;animation:twinkle 8s ease-in-out infinite alternate;}@keyframes twinkle{0%{opacity:0.7;}100%{opacity:1;}}body > *{position:relative;z-index:1;}.oh-wood{color:var(--wood);}.oh-fire{color:var(--fire);}.oh-earth{color:var(--earth);}.oh-metal{color:var(--metal);}.oh-water{color:var(--water);}.oh-wood-bg{background-color:var(--wood);color:#fff;}.oh-fire-bg{background-color:var(--fire);color:#fff;}.oh-earth-bg{background-color:var(--earth);color:#fff;}.oh-metal-bg{background-color:var(--metal);color:#fff;}.oh-water-bg{background-color:var(--water);color:#fff;}.oh-wood-light{background-color:rgba(74,222,128,0.15);color:var(--wood);}.oh-fire-light{background-color:rgba(248,113,113,0.15);color:var(--fire);}.oh-earth-light{background-color:rgba(251,191,36,0.18);color:var(--earth);}.oh-metal-light{background-color:rgba(232,228,217,0.15);color:var(--metal);}.oh-water-light{background-color:rgba(90,159,212,0.15);color:var(--water);}.oh-wood{color:var(--wood);text-shadow:0 0 12px rgba(74,222,128,0.6);}.oh-fire{color:var(--fire);text-shadow:0 0 12px rgba(248,113,113,0.6);}.oh-earth{color:var(--earth);text-shadow:0 0 12px rgba(251,191,36,0.6);}.oh-metal{color:var(--metal);text-shadow:0 0 12px rgba(232,228,217,0.5);}.oh-water{color:var(--water);text-shadow:0 0 12px rgba(90,159,212,0.6);}.yin-yang-plus::before{content:'+';font-size:0.8em;margin-right:2px;}.yin-yang-minus::before{content:'-';font-size:0.8em;margin-right:2px;}@media print{.header,.bottom-nav,.save-action-bar,.pdf-action-bar,.analyze-btn{display:none !important;}body{padding:0;}.main{max-width:100%;}}.header{position:sticky;top:0;z-index:1000;background:var(--bg);border-bottom:1px solid var(--line);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;width:100%;}.header-title{font-size:18px;font-weight:700;font-family:"Noto Serif KR",serif;letter-spacing:-0.02em;}.header-actions{display:flex;gap:8px;}.header-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background 0.2s;}.header-btn:hover{background:var(--accent-light);}.header{background:rgba(26,26,46,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,215,0,0.15);}.main{max-width:640px;margin-left:auto;margin-right:auto;padding:0 16px;padding-bottom:calc(100px + var(--safe-bottom));width:100%;box-sizing:border-box;}.main > section{padding-bottom:20px;}.main > section:last-child,.main > section[style*="display:block"],.main > section[style*="display:block"]{padding-bottom:30px;}body{width:100%;}.page-shell{width:100%;}.bottom-nav,.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--line);z-index:1001;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.bottom-nav-item,.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);position:relative;-webkit-tap-highlight-color:transparent;font-family:inherit;text-decoration:none;color:var(--muted);min-height:56px;}.bottom-nav-item:active,.mobile-bottom-nav .nav-item:active{transform:scale(0.95);}.bottom-nav-item.active,.mobile-bottom-nav .nav-item.active{color:var(--accent);}.bottom-nav-icon,.mobile-bottom-nav .nav-icon{font-size:22px;line-height:1;transition:transform 0.2s ease;}.bottom-nav-label,.mobile-bottom-nav .nav-label{font-size:11px;font-weight:500;line-height:1;color:var(--muted);transition:color 0.2s ease;letter-spacing:-0.02em;}.mobile-bottom-nav .nav-item::before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%) scaleX(0);width:32px;height:3px;border-radius:2px;background:var(--color-hwa);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.mobile-bottom-nav .nav-item.active::before{transform:translateX(-50%) scaleX(1);}.mobile-bottom-nav .nav-item.active .nav-icon{transform:translateY(-2px);}.mobile-bottom-nav .nav-item.active .nav-label{font-weight:600;}.bottom-nav,.mobile-bottom-nav{background:rgba(26,26,46,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,215,0,0.15);}.tabbar{display:none !important;}@media (min-width:769px){html{display:flex !important;justify-content:center !important;background:linear-gradient(135deg,#0d0d17 0%,#1a1a2e 50%,#16213e 100%) !important;min-height:100vh !important;}body{width:768px !important;max-width:768px !important;min-width:768px !important;margin:0 !important;box-shadow:0 0 60px rgba(255,215,0,0.1);position:relative;}.header{width:100% !important;max-width:100% !important;}.main{width:100% !important;max-width:100% !important;padding:0 24px !important;box-sizing:border-box !important;margin:0 !important;}#input-section{width:100% !important;max-width:100% !important;}#result-section{width:100% !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;}.quick-menu-container,.myeongsik-container,.result-profile,.info-card,.result-card,.input-field,.segment-control,.date-row{width:100% !important;max-width:100% !important;}.quick-menu-grid{width:100% !important;max-width:100% !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;}.bottom-nav,.mobile-bottom-nav{width:768px !important;max-width:768px !important;left:50% !important;transform:translateX(-50%) !important;}}@media (max-width:768px){.main{padding-bottom:calc(120px + var(--safe-bottom));}#result-section{padding-bottom:calc(100px + var(--safe-bottom)) !important;}#input-section,[id$="-input-section"],[id$="-section"]:not(.app-section){padding-bottom:40px;}.header{padding:0 16px;}button,.btn,.header-btn,.quick-menu-btn,.analysis-btn{min-height:44px;min-width:44px;}}body.immersive-mode .header{display:none !important;}body.immersive-mode .bottom-nav,body.immersive-mode .mobile-bottom-nav{display:none !important;}body.immersive-mode .attendance-fab{display:none !important;}body.immersive-mode{padding-bottom:0 !important;}body.immersive-mode .main{padding-bottom:30px !important;overflow-x:hidden;}@media (max-width:768px) and (orientation:landscape){.main{padding-bottom:calc(70px + var(--safe-bottom));}.bottom-nav,.mobile-bottom-nav{height:52px;padding-bottom:4px;}.header{height:48px;}}@media all and (display-mode:standalone){.header{padding-top:max(12px,env(safe-area-inset-top));}.bottom-nav,.mobile-bottom-nav{padding-bottom:max(8px,var(--safe-bottom));}}.result-action-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0 40px;}.result-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;}.result-action-btn.like-btn{padding:10px 20px;font-size:14px;font-weight:600;background:rgba(255,255,255,0.1);color:var(--ink,white);border:1px solid rgba(255,255,255,0.15);}.result-action-btn.like-btn .btn-icon{font-size:16px;}.result-action-btn.like-btn .like-count-num{font-size:13px;opacity:0.8;}.result-action-btn.like-btn:hover{background:rgba(255,107,138,0.2);border-color:rgba(255,107,138,0.4);}.result-action-btn.like-btn.liked{background:rgba(233,30,99,0.2);border-color:rgba(233,30,99,0.4);}.result-action-btn.result-share-btn{padding:10px 20px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;box-shadow:0 4px 15px rgba(118,75,162,0.3);}.result-action-btn.result-share-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(118,75,162,0.4);}.result-action-btn.result-share-btn:active{transform:translateY(0);}#input-section{display:none;padding-top:8px;}.input-field{margin-bottom:24px;}.input-row{display:flex;gap:12px;margin-bottom:24px;}.input-label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px;}.input-text{width:100%;height:50px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);transition:all 0.2s;}.input-text:focus{outline:none;border-color:var(--ink);}.input-text::placeholder{color:var(--muted);}.segment-control{display:inline-flex;background:var(--bg-secondary);border-radius:10px;padding:4px;width:120px;}.segment-btn{flex:1;height:38px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;transition:all 0.2s;}.segment-btn.active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.calendar-toggle-btn{padding:4px 10px;border:1px solid var(--line);background:transparent;border-radius:14px;font-size:12px;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;transition:all 0.2s;}.calendar-toggle-btn.active{background:var(--gold);color:#fff;border-color:var(--gold);}.calendar-toggle-btn:not(.active):hover{border-color:var(--gold);color:var(--gold);}.checkbox-inline{display:inline-flex;align-items:center;gap:6px;margin-left:16px;font-size:13px;color:var(--ink-secondary);}.checkbox-inline input[type="checkbox"]{width:16px;height:16px;accent-color:var(--ink);}.date-row{display:flex;gap:10px;}.date-select{flex:1;height:50px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;}.date-select:focus{outline:none;border-color:var(--ink);}.time-row{display:flex;align-items:center;gap:8px;width:fit-content;}.time-select{width:80px;height:50px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;text-align:center;cursor:pointer;}.time-select:focus{outline:none;border-color:var(--ink);}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;}.toggle-switch input{opacity:0;width:0;height:0;}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--line);transition:0.3s;border-radius:28px;}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.15);}.toggle-switch input:checked + .toggle-slider{background-color:var(--gold);}.toggle-switch input:checked + .toggle-slider:before{transform:translateX(24px);}.birth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.siji-table-link{font-size:13px;color:var(--gold);text-decoration:none;font-weight:500;}.siji-table-link:hover{text-decoration:underline;}.birth-input-row{display:flex;align-items:center;gap:0;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:4px;height:52px;}.birth-select{flex:1;height:100%;padding:0 8px;border:none;border-radius:8px;font-size:15px;font-family:inherit;background:transparent;color:var(--ink);appearance:none;text-align:center;cursor:pointer;min-width:70px;}.birth-select:focus{outline:none;background:var(--accent-light);}.birth-select-sm{min-width:50px;flex:0.6;}.birth-select-time{flex:1.8;min-width:130px;background:var(--bg-secondary);border-radius:8px;margin-left:4px;text-align:left;padding-left:12px;padding-right:28px;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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:opacity 0.2s;}.birth-select-time:disabled{opacity:0.5;cursor:not-allowed;}.birth-separator{color:var(--muted);font-size:14px;padding:0 2px;}.birth-options{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap;}.birth-option{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-secondary);cursor:pointer;}.birth-option input[type="radio"],.birth-option input[type="checkbox"]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;}.birth-option span{user-select:none;}.save-action-bar{display:flex;justify-content:center;gap:10px;margin-bottom:24px;}.save-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;}.save-btn .btn-icon{font-size:16px;}.save-btn-png{background:#1e5631;color:#fff;box-shadow:0 2px 8px rgba(30,86,49,0.3);}.save-btn-png:hover{transform:translateY(-2px);background:#2d7a47;box-shadow:0 4px 16px rgba(30,86,49,0.5);}.save-btn-jpg{background:#c9a227;color:#fff;box-shadow:0 2px 8px rgba(201,162,39,0.3);}.save-btn-jpg:hover{transform:translateY(-2px);background:#b8860b;box-shadow:0 4px 16px rgba(201,162,39,0.5);}.save-btn-pdf{background:#a62626;color:#fff;box-shadow:0 2px 8px rgba(166,38,38,0.3);}.save-btn-pdf:hover{transform:translateY(-2px);background:#8b1a1a;box-shadow:0 4px 16px rgba(166,38,38,0.5);}.save-btn-share{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,0.3);}.save-btn-share:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px rgba(59,130,246,0.5);}.save-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.pdf-action-bar{display:flex;justify-content:center;gap:12px;margin-bottom:24px;}.pdf-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;color:#fff;}.pdf-loading-overlay .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,0.3);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;}@keyframes spin{to{transform:rotate(360deg);}}.pdf-loading-overlay .loading-text{font-size:16px;font-weight:500;}.quick-menu-container{margin-top:20px;margin-bottom:20px;padding:0;background:transparent !important;}.quick-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.quick-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 8px;background:var(--card);border:none;border-radius:16px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);position:relative;overflow:hidden;}.quick-menu-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0));opacity:0;transition:opacity 0.25s;}.quick-menu-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}.quick-menu-btn:hover::before{opacity:1;}.quick-menu-btn:active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}.quick-menu-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--gold),#c9a227);color:white;box-shadow:0 4px 12px rgba(184,134,11,0.3);}.quick-menu-btn:nth-child(1) .quick-menu-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,0.3);}.quick-menu-btn:nth-child(2) .quick-menu-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px rgba(34,197,94,0.3);}.quick-menu-btn:nth-child(3) .quick-menu-icon{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px rgba(249,115,22,0.3);}.quick-menu-btn:nth-child(4) .quick-menu-icon{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 4px 12px rgba(234,179,8,0.3);}.quick-menu-text{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-0.3px;}.lp-cycle-card{padding:16px;background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(5,150,105,0.04));border:1px solid rgba(16,185,129,0.2);border-radius:16px;}.lp-cycle-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;}.lp-cycle-header-icon{font-size:16px;}.lp-cycle-header-title{font-size:14px;font-weight:700;color:#059669;}.lp-year-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(16,185,129,0.15);}.lp-year-num-box{text-align:center;min-width:56px;flex-shrink:0;}.lp-year-label{font-size:10px;color:var(--muted);margin-bottom:2px;}.lp-year-num{font-size:28px;font-weight:800;color:#059669;line-height:1;}.lp-year-sublabel{font-size:9px;color:var(--muted);margin-top:2px;}.lp-year-info{flex:1;min-width:0;}.lp-year-theme{font-size:12px;margin-bottom:3px;}.lp-year-theme-label{font-weight:600;color:#059669;}.lp-year-theme-value{color:var(--ink);margin-left:4px;}.lp-year-keywords{font-size:11px;color:var(--muted);}.lp-month-day-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.lp-cycle-box{padding:12px;background:rgba(255,255,255,0.06);border-radius:10px;}.lp-cycle-box-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;}.lp-cycle-box-num{font-size:20px;font-weight:700;line-height:1;}.lp-cycle-box-num.month{color:#0891b2;}.lp-cycle-box-num.day{color:#7c3aed;}.lp-cycle-box-meta{flex:1;min-width:0;}.lp-cycle-box-label{font-size:9px;color:var(--muted);}.lp-cycle-box-theme{font-size:11px;font-weight:600;}.lp-cycle-box-theme.month{color:#0891b2;}.lp-cycle-box-theme.day{color:#7c3aed;}.lp-cycle-box-detail{font-size:10px;color:var(--ink-secondary);line-height:1.4;}.lp-cycle-box-detail strong{font-weight:600;}.lp-cycle-box-detail .avoid{color:#dc2626;}@media (max-width:480px){.lp-cycle-card{padding:12px;}.lp-cycle-header{margin-bottom:10px;}.lp-cycle-header-icon{font-size:14px;}.lp-cycle-header-title{font-size:13px;}.lp-year-row{gap:10px;margin-bottom:10px;padding-bottom:10px;}.lp-year-num-box{min-width:48px;}.lp-year-num{font-size:24px;}.lp-year-theme{font-size:11px;}.lp-year-keywords{font-size:10px;}.lp-month-day-grid{gap:8px;}.lp-cycle-box{padding:10px;}.lp-cycle-box-num{font-size:18px;}.lp-cycle-box-theme{font-size:10px;}.lp-cycle-box-detail{font-size:9px;}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,#b8963e 100%);color:#fff;box-shadow:0 4px 12px rgba(201,169,98,0.3);}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,169,98,0.4);}.btn-primary:active:not(:disabled){transform:translateY(0);}.btn-secondary{background:var(--bg-secondary);color:var(--ink);border:1.5px solid var(--line);}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--ink-secondary);}.btn-outline{background:transparent;color:var(--gold);border:1.5px solid var(--gold);}.btn-outline:hover:not(:disabled){background:rgba(201,169,98,0.1);}.btn-ghost{background:transparent;color:var(--ink-secondary);}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--ink);}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,0.3);}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,0.4);}.btn-success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;box-shadow:0 4px 12px rgba(34,197,94,0.3);}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(34,197,94,0.4);}.btn-sm{padding:8px 16px;font-size:13px;border-radius:10px;}.btn-lg{padding:16px 32px;font-size:16px;border-radius:14px;}.btn-block{width:100%;}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none !important;box-shadow:none !important;}.btn-loading{pointer-events:none;position:relative;}.btn-loading .btn-text{visibility:hidden;}.btn-loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin 0.8s linear infinite;}@keyframes btn-spin{to{transform:rotate(360deg);}}.btn-icon-only{padding:12px;width:48px;height:48px;}.btn-icon-only.btn-sm{padding:8px;width:36px;height:36px;}.input-text.error,.date-select.error,.time-select.error,.birth-select.error{border-color:#ef4444;background:rgba(239,68,68,0.05);}.input-text.success,.date-select.success,.time-select.success{border-color:#22c55e;background:rgba(34,197,94,0.05);}.input-error-message{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;color:#ef4444;}.input-error-message::before{content:'!';display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#ef4444;color:#fff;border-radius:50%;font-size:10px;font-weight:700;}.input-text:focus,.date-select:focus,.time-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,98,0.15);}.input-group{position:relative;}.input-group .input-prefix,.input-group .input-suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none;}.input-group .input-prefix{left:16px;}.input-group .input-suffix{right:16px;}.input-group .input-text.has-prefix{padding-left:40px;}.input-group .input-text.has-suffix{padding-right:40px;}.input-floating{position:relative;}.input-floating .input-text{padding-top:20px;}.input-floating .floating-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--muted);pointer-events:none;transition:all 0.2s;}.input-floating .input-text:focus + .floating-label,.input-floating .input-text:not(:placeholder-shown) + .floating-label{top:10px;font-size:11px;color:var(--gold);}.input-helper{margin-top:6px;font-size:12px;color:var(--muted);}.input-counter{display:flex;justify-content:flex-end;margin-top:4px;font-size:11px;color:var(--muted);}.input-counter.warning{color:#f59e0b;}.input-counter.error{color:#ef4444;}@media (prefers-reduced-motion:reduce){.btn,.input-text,.date-select,.time-select{transition:none;}.btn-loading::after{animation:none;}}.hidden{display:none !important;}.block{display:block;}.inline-block{display:inline-block;}.flex{display:flex;}.inline-flex{display:inline-flex;}.grid{display:grid;}.flex-col{flex-direction:column;}.flex-row{flex-direction:row;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-stretch{align-items:stretch;}.justify-start{justify-content:flex-start;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.flex-1{flex:1;}.flex-auto{flex:auto;}.flex-none{flex:none;}.flex-shrink-0{flex-shrink:0;}.flex-center{display:flex;align-items:center;}.flex-center-center{display:flex;align-items:center;justify-content:center;}.flex-between{display:flex;justify-content:space-between;}.flex-between-center{display:flex;justify-content:space-between;align-items:center;}.gap-2{gap:2px;}.gap-4{gap:4px;}.gap-6{gap:6px;}.gap-8{gap:8px;}.gap-10{gap:10px;}.gap-12{gap:12px;}.gap-14{gap:14px;}.gap-16{gap:16px;}.gap-20{gap:20px;}.gap-24{gap:24px;}.grid-cols-2{grid-template-columns:repeat(2,1fr);}.grid-cols-3{grid-template-columns:repeat(3,1fr);}.grid-cols-4{grid-template-columns:repeat(4,1fr);}.grid-cols-5{grid-template-columns:repeat(5,1fr);}.mx-auto{margin-left:auto;margin-right:auto;}.mt-0{margin-top:0;}.mt-2{margin-top:2px;}.mt-4{margin-top:4px;}.mt-6{margin-top:6px;}.mt-8{margin-top:8px;}.mt-10{margin-top:10px;}.mt-12{margin-top:12px;}.mt-14{margin-top:14px;}.mt-16{margin-top:16px;}.mt-20{margin-top:20px;}.mt-24{margin-top:24px;}.mb-0{margin-bottom:0;}.mb-2{margin-bottom:2px;}.mb-4{margin-bottom:4px;}.mb-6{margin-bottom:6px;}.mb-8{margin-bottom:8px;}.mb-10{margin-bottom:10px;}.mb-12{margin-bottom:12px;}.mb-14{margin-bottom:14px;}.mb-16{margin-bottom:16px;}.mb-20{margin-bottom:20px;}.mb-24{margin-bottom:24px;}.ml-4{margin-left:4px;}.ml-8{margin-left:8px;}.mr-4{margin-right:4px;}.mr-8{margin-right:8px;}.p-0{padding:0;}.p-4{padding:4px;}.p-6{padding:6px;}.p-8{padding:8px;}.p-10{padding:10px;}.p-11{padding:11px;}.p-12{padding:12px;}.p-14{padding:14px;}.p-16{padding:16px;}.p-18{padding:18px;}.p-20{padding:20px;}.px-8{padding-left:8px;padding-right:8px;}.px-12{padding-left:12px;padding-right:12px;}.px-16{padding-left:16px;padding-right:16px;}.px-20{padding-left:20px;padding-right:20px;}.py-4{padding-top:4px;padding-bottom:4px;}.py-8{padding-top:8px;padding-bottom:8px;}.py-12{padding-top:12px;padding-bottom:12px;}.py-16{padding-top:16px;padding-bottom:16px;}.py-20{padding-top:20px;padding-bottom:20px;}.py-24{padding-top:24px;padding-bottom:24px;}.py-30{padding-top:30px;padding-bottom:30px;}.w-full{width:100%;}.h-full{height:100%;}.min-h-screen{min-height:100vh;}.text-xs{font-size:10px;}.text-sm{font-size:12px;}.text-13{font-size:13px;}.text-base{font-size:14px;}.text-15{font-size:15px;}.text-lg{font-size:16px;}.text-xl{font-size:18px;}.text-2xl{font-size:20px;}.text-3xl{font-size:24px;}.text-4xl{font-size:32px;}.text-5xl{font-size:48px;}.text-6xl{font-size:64px;}.text-11{font-size:11px;}.text-22{font-size:22px;}.font-normal{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.text-primary{color:var(--text-primary,#e5e7eb);}.text-secondary{color:var(--text-secondary,#9ca3af);}.text-muted{color:var(--muted,#6b7280);}.leading-tight{line-height:1.25;}.leading-normal{line-height:1.5;}.leading-relaxed{line-height:1.6;}.leading-loose{line-height:1.8;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-line{white-space:pre-line;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bg-card{background:var(--card);}.bg-secondary{background:var(--bg-secondary);}.bg-transparent{background:transparent;}.border{border:1px solid var(--line);}.border-none{border:none;}.rounded-none{border-radius:0;}.rounded-sm{border-radius:4px;}.rounded{border-radius:8px;}.rounded-md{border-radius:10px;}.rounded-lg{border-radius:12px;}.rounded-xl{border-radius:16px;}.rounded-2xl{border-radius:20px;}.rounded-full{border-radius:9999px;}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,0.05);}.shadow{box-shadow:0 2px 4px rgba(0,0,0,0.08);}.shadow-md{box-shadow:0 4px 8px rgba(0,0,0,0.1);}.shadow-lg{box-shadow:0 8px 16px rgba(0,0,0,0.12);}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.inset-0{top:0;right:0;bottom:0;left:0;}.top-0{top:0;}.right-0{right:0;}.bottom-0{bottom:0;}.left-0{left:0;}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-50{z-index:50;}.z-100{z-index:100;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.cursor-pointer{cursor:pointer;}.cursor-default{cursor:default;}.opacity-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-75{opacity:0.75;}.opacity-100{opacity:1;}.transition{transition:all 0.2s ease;}.transition-fast{transition:all 0.15s ease;}.transition-slow{transition:all 0.3s ease;}.text-mok{color:var(--color-mok);}.text-hwa{color:var(--color-hwa);}.text-to{color:var(--color-to);}.text-geum{color:var(--color-geum);}.text-su{color:var(--color-su);}.bg-mok{background:rgba(var(--color-mok-rgb),0.1);}.bg-hwa{background:rgba(var(--color-hwa-rgb),0.1);}.bg-to{background:rgba(var(--color-to-rgb),0.1);}.bg-geum{background:rgba(var(--color-geum-rgb),0.1);}.bg-su{background:rgba(var(--color-su-rgb),0.1);}.text-grade-good{color:#1e5631;}.text-grade-caution{color:#c9a227;}.text-grade-warning{color:#b8860b;}.text-grade-excellent{color:#8b1a1a;}.bg-grade-good{background:rgba(30,86,49,0.1);}.bg-grade-caution{background:rgba(201,162,39,0.1);}.bg-grade-warning{background:rgba(184,134,11,0.1);}.bg-grade-excellent{background:rgba(139,26,26,0.1);}.border-l-mok{border-left:3px solid var(--color-mok);}.border-l-hwa{border-left:3px solid var(--color-hwa);}.border-l-to{border-left:3px solid var(--color-to);}.border-l-geum{border-left:3px solid var(--color-geum);}.border-l-su{border-left:3px solid var(--color-su);}.border-l-good{border-left:3px solid #1e5631;}.border-l-caution{border-left:3px solid #c9a227;}.card-base{padding:16px;background:var(--card);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}.section-header-style{display:flex;align-items:center;gap:8px;margin-bottom:16px;}.icon-container{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;}.score-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;}.score-bar-fill{height:100%;border-radius:4px;transition:width 0.5s ease;}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;}.tag-positive{background:rgba(30,86,49,0.15);color:#1e5631;}.tag-negative{background:rgba(255,152,0,0.15);color:#ff9800;}.tag-neutral{background:var(--bg-secondary);color:var(--text-secondary);}.dream-keyword-chip{padding:8px 14px;border:1px solid var(--line);border-radius:20px;background:var(--bg);font-size:13px;cursor:pointer;transition:all 0.2s ease;}.dream-keyword-chip:hover{background:var(--bg-secondary);border-color:var(--muted);}.section-icon-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.section-icon-header--sm{gap:6px;margin-bottom:6px;}.section-icon-header--lg{gap:10px;margin-bottom:14px;}.section-icon-header__icon{font-size:16px;}.section-icon-header__title{font-size:13px;font-weight:600;}.card-gradient-purple{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(124,58,237,0.04));border:1px solid rgba(139,92,246,0.15);}.card-gradient-indigo{background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(79,70,229,0.04));border:1px solid rgba(99,102,241,0.15);}.card-gradient-pink{background:linear-gradient(135deg,rgba(236,72,153,0.08),rgba(219,39,119,0.04));border:1px solid rgba(236,72,153,0.2);}.card-gradient-amber{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(217,119,6,0.05));border:1px solid rgba(245,158,11,0.25);}.card-gradient-green{background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(22,163,74,0.04));border:1px solid rgba(34,197,94,0.15);}.card-gradient-red{background:linear-gradient(135deg,rgba(239,68,68,0.08),rgba(220,38,38,0.04));border:1px solid rgba(239,68,68,0.15);}.card-gradient-blue{background:linear-gradient(135deg,rgba(59,130,246,0.08),rgba(37,99,235,0.04));border:1px solid rgba(59,130,246,0.15);}.card-gradient-slate{background:linear-gradient(135deg,rgba(100,116,139,0.06),rgba(71,85,105,0.03));border:1px solid rgba(100,116,139,0.15);}.num-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:white;}.num-circle--sm{width:44px;height:44px;font-size:20px;}.num-circle--md{width:48px;height:48px;font-size:22px;}.num-circle--lg{width:140px;height:140px;font-size:64px;}.num-circle--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);}.num-circle--pink{background:linear-gradient(135deg,#ec4899,#db2777);}.num-circle--amber{background:linear-gradient(135deg,#f59e0b,#d97706);}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:12px;}.icon-box--sm{width:40px;height:40px;}.icon-box--md{width:44px;height:44px;}.icon-box--lg{width:48px;height:48px;}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.detail-box{padding:10px;border-radius:8px;font-size:12px;}.detail-box--green{background:rgba(34,197,94,0.08);}.detail-box--red{background:rgba(239,68,68,0.08);}.detail-box__label{font-size:11px;font-weight:600;margin-bottom:4px;}.detail-box__label--green{color:#16a34a;}.detail-box__label--red{color:#dc2626;}.text-indigo{color:#6366f1;}.text-pink{color:#ec4899;}.text-pink-dark{color:#db2777;}.text-amber{color:#f59e0b;}.text-amber-dark{color:#d97706;}.text-green-accent{color:#22c55e;}.text-green-dark{color:#16a34a;}.text-red-accent{color:#dc2626;}.text-blue-accent{color:#3b82f6;}.text-blue-dark{color:#2563eb;}.text-purple{color:#7c3aed;}.text-yellow{color:#ca8a04;}.mb-18{margin-bottom:18px;}.mb-28{margin-bottom:28px;}.mt-18{margin-top:18px;}.p-24{padding:24px;}.p-28{padding:28px;}.px-14{padding-left:14px;padding-right:14px;}.py-14{padding-top:14px;padding-bottom:14px;}.text-body{font-size:13px;color:var(--text-primary,#e5e7eb);line-height:1.7;}.text-body-sm{font-size:12px;color:var(--text-primary,#e5e7eb);}.text-body-lg{font-size:14px;color:var(--text-primary,#e5e7eb);line-height:1.7;}.text-label{font-size:11px;color:var(--text-secondary,#9ca3af);margin-bottom:4px;}.text-label-sm{font-size:11px;color:var(--text-secondary,#9ca3af);margin-bottom:2px;}.text-title{font-size:18px;font-weight:700;color:var(--text-primary,#e5e7eb);margin-bottom:4px;}.text-title-sm{font-size:15px;font-weight:600;color:var(--text-primary,#e5e7eb);margin-bottom:8px;}.text-title-lg{font-size:20px;font-weight:700;color:var(--text-primary,#e5e7eb);}.flex-center-gap{display:flex;align-items:center;gap:8px;}.flex-center-gap-lg{display:flex;align-items:center;gap:16px;}.flex-wrap-gap{display:flex;flex-wrap:wrap;gap:6px;}.flex-wrap-gap-lg{display:flex;flex-wrap:wrap;gap:12px;}.flex-col-gap{display:flex;flex-direction:column;gap:12px;}.flex-col-gap-sm{display:flex;flex-direction:column;gap:8px;}.card-result{padding:28px;background:var(--card);border-radius:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}.card-info{padding:16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:16px;}.card-accent{padding:18px;background:var(--accent-light);border-radius:12px;border-left:4px solid var(--accent);}.card-section{padding:16px;background:var(--card);border-radius:12px;margin-bottom:20px;}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;}.progress-bar--sm{height:6px;border-radius:3px;}.progress-bar--lg{height:10px;border-radius:5px;}.progress-bar__fill{height:100%;border-radius:inherit;transition:width 0.5s ease;}.badge-accent{background:var(--accent-light);padding:8px 16px;border-radius:20px;font-size:13px;color:var(--accent);font-weight:600;}.badge-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;}.badge-number{background:var(--accent);color:white;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;}.btn-base{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text-primary,#e5e7eb);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.btn-base:hover{background:var(--bg-secondary);border-color:var(--accent);}.section-title{font-size:17px;font-weight:700;color:var(--text-primary,#e5e7eb);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--accent-light);}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}.shadow-card{box-shadow:0 2px 8px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);}.shadow-elevated{box-shadow:0 4px 12px rgba(0,0,0,0.15);}.shadow-hover{box-shadow:0 6px 20px rgba(0,0,0,0.2);}.shadow-inset{box-shadow:inset 0 0 30px rgba(255,255,255,0.15);}.rounded-14{border-radius:14px;}.rounded-20{border-radius:20px;}.rounded-100{border-radius:100px;}.card-tertiary{padding:16px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:16px;}.feature-box{padding:18px;background:var(--accent-light);border-radius:12px;border-left:4px solid var(--accent);margin-bottom:18px;}.info-box{padding:16px;background:var(--bg-tertiary);border-radius:12px;}.leading-19{line-height:1.9;}.leading-18{line-height:1.8;}.leading-17{line-height:1.7;}.leading-16{line-height:1.6;}.leading-15{line-height:1.5;}.emoji-sm{font-size:14px;}.emoji-md{font-size:16px;}.emoji-lg{font-size:20px;}.emoji-xl{font-size:24px;}.emoji-2xl{font-size:32px;}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);}.app-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--line-light);}.app-header__logo{font-size:20px;font-weight:700;color:var(--ink);}.app-header__actions{display:flex;align-items:center;gap:8px;}.app-header__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;cursor:pointer;transition:background 0.2s;}.app-header__btn:hover{background:var(--bg-secondary);}.app-main{flex:1;padding-bottom:calc(64px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;}.app-section{display:none;}.app-section.active{display:block;}@media (max-width:767px){.app-header{padding:0 12px;}.app-main{}}@media (min-width:768px){.app-shell{max-width:100%;}.app-header{justify-content:center;padding:0 24px;}.app-header__logo{position:absolute;left:24px;}.app-header__actions{position:absolute;right:24px;}.app-main{max-width:640px;margin:0 auto;padding-bottom:calc(80px + var(--safe-bottom));}}@media (min-width:1024px){.app-shell{flex-direction:row;}}@media (display-mode:standalone){.app-header{padding-top:env(safe-area-inset-top,0);height:calc(56px + env(safe-area-inset-top,0));}}.hide-on-mobile{display:none !important;}.hide-on-desktop{display:block;}@media (min-width:768px){.hide-on-mobile{display:block !important;}.hide-on-desktop{display:none !important;}}.content-cards{display:flex;flex-direction:column;gap:16px;padding:0 16px;}.content-card{position:relative;width:100%;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;}.content-card:active{transform:scale(0.98);}.content-card__image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;}.content-card__image img{width:100%;height:100%;object-fit:cover;}.content-card__image--gradient{display:flex;align-items:center;justify-content:center;font-size:48px;}.content-card__overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 100%);pointer-events:none;}.content-card__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.content-card__badge--new{background:#ef4444;color:white;}.content-card__badge--free{background:#22c55e;color:white;}.content-card__badge--hot{background:#f97316;color:white;}.content-card__badge--premium{background:linear-gradient(135deg,#b8860b,#d4a574);color:white;}.content-card__content{padding:16px;}.content-card__title{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 6px 0;line-height:1.3;}.content-card__desc{font-size:13px;color:var(--ink-secondary);margin:0 0 12px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.content-card__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);}.content-card__meta-item{display:flex;align-items:center;gap:4px;}.content-card__meta-icon{font-size:14px;}.content-card__price{margin-left:auto;font-weight:600;}.content-card__price--free{color:#22c55e;}.content-card__price--paid{color:var(--gold);}.content-card--hero{border-radius:var(--radius-lg);}.content-card--hero .content-card__image{aspect-ratio:16 / 12;}.content-card--hero .content-card__content{position:absolute;bottom:0;left:0;right:0;padding:20px;color:white;}.content-card--hero .content-card__title{font-size:22px;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.content-card--hero .content-card__desc{color:rgba(255,255,255,0.9);}.content-card--hero .content-card__meta{color:rgba(255,255,255,0.8);}.content-carousel{display:flex;gap:12px;overflow-x:auto;padding:0 16px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.content-carousel::-webkit-scrollbar{display:none;}.content-card--carousel{flex:0 0 85%;scroll-snap-align:center;}.carousel-wrapper{position:relative;}.carousel-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;cursor:pointer;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.2s ease;align-items:center;justify-content:center;color:#374151;}.carousel-nav:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.carousel-nav--prev{left:8px;}.carousel-nav--next{right:8px;}@media (min-width:768px){.carousel-nav{display:flex;}.content-card--carousel{flex:0 0 45%;}}@media (min-width:1024px){.content-card--carousel{flex:0 0 32%;}}.content-card--compact{display:flex;flex-direction:row;align-items:center;padding:12px;}.content-card--compact .content-card__image{width:80px;height:80px;aspect-ratio:1;border-radius:var(--radius-sm);flex-shrink:0;}.content-card--compact .content-card__content{flex:1;padding:0 0 0 12px;}.content-card--compact .content-card__title{font-size:15px;margin-bottom:4px;}.content-card--compact .content-card__desc{font-size:12px;-webkit-line-clamp:1;margin-bottom:8px;}@media (min-width:768px){.content-cards{padding:0 24px;gap:20px;}.content-card{max-width:600px;margin:0 auto;}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.content-card--hero .content-card__image{aspect-ratio:16 / 9;}.content-card--carousel{flex:0 0 45%;}}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all 0.2s;flex-shrink:0;}.view-toggle-btn:active{transform:scale(0.92);}.view-toggle-icon.hidden{display:none;}.content-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 24px;}.mini-card{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform 0.15s;}.mini-card:active{transform:scale(0.93);}.mini-card__icon-wrap{position:relative;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.mini-card__icon{font-size:28px;}.mini-card__img{width:100%;height:100%;object-fit:cover;}.mini-card__badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;}.mini-card__badge--new{background:#ef4444;color:white;}.mini-card__title{font-size:11px;font-weight:500;color:var(--ink);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@media (min-width:768px){.content-mini-grid{grid-template-columns:repeat(6,1fr);gap:16px;padding:0 24px 24px;}.mini-card__icon-wrap{width:64px;height:64px;}.mini-card__title{font-size:12px;}}.category-tabs{position:sticky;top:56px;z-index:100;background:var(--bg);border-bottom:1px solid var(--line-light);}.category-tabs__inner{display:flex;gap:4px;padding:12px 16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.category-tabs__inner::-webkit-scrollbar{display:none;}.category-tab{flex-shrink:0;padding:8px 16px;border:none;border-radius:20px;background:transparent;color:var(--ink-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;scroll-snap-align:start;white-space:nowrap;}.category-tab:hover{background:var(--bg-secondary);color:var(--ink);}.category-tab.active{background:var(--primary);color:white;font-weight:600;}.category-tab__icon{margin-right:6px;font-size:16px;}.subcategory-tabs{display:flex;gap:8px;padding:8px 16px 16px;overflow-x:auto;scrollbar-width:none;}.subcategory-tabs::-webkit-scrollbar{display:none;}.subcategory-tab{flex-shrink:0;padding:6px 12px;border:1px solid var(--line);border-radius:16px;background:transparent;color:var(--ink-secondary);font-size:13px;cursor:pointer;transition:all 0.2s ease;}.subcategory-tab:hover{border-color:var(--primary);color:var(--primary);}.subcategory-tab.active{background:var(--primary);border-color:var(--primary);color:white;}.filter-chips{display:flex;gap:8px;padding:0 16px 16px;flex-wrap:wrap;}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;background:var(--bg-secondary);color:var(--ink-secondary);font-size:13px;cursor:pointer;transition:all 0.2s ease;}.filter-chip:hover{background:var(--bg-tertiary);}.filter-chip.active{background:var(--primary-light);color:white;}.filter-chip__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,0.2);font-size:10px;}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px;}.section-header__title{font-size:18px;font-weight:700;color:var(--ink);margin:0;}.section-header__subtitle{font-size:13px;color:var(--muted);margin-top:2px;}.section-header__link{font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;}.section-header__link:hover{text-decoration:underline;}@media (min-width:768px){.category-tabs{top:56px;}.category-tabs__inner{justify-content:center;gap:8px;}.category-tab{padding:10px 20px;font-size:15px;}.section-header{padding:24px 24px 16px;max-width:600px;margin:0 auto;}}.tarot-input-container{padding:20px;}.tarot-intro{text-align:center;padding:32px 24px;background:linear-gradient(145deg,#1a1a2e 0%,#162536 40%,#1e3a28 70%,#2a1f1f 100%);border-radius:var(--radius-xl);margin-bottom:24px;color:white;position:relative;overflow:hidden;}.tarot-intro::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 50%);animation:tarotIntroShimmer 12s linear infinite;}.tarot-intro::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.3) 0%,transparent 100%);pointer-events:none;}@keyframes tarotIntroShimmer{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.tarot-intro-icon{font-size:52px;margin-bottom:14px;text-shadow:0 4px 12px rgba(0,0,0,0.5);position:relative;z-index:1;animation:floatIcon 4s ease-in-out infinite;}@keyframes floatIcon{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}.tarot-intro-text{font-size:15px;line-height:1.7;opacity:0.95;text-shadow:0 1px 3px rgba(0,0,0,0.5);position:relative;z-index:1;max-width:280px;margin:0 auto;}.tarot-section{margin-bottom:20px;}.tarot-section-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.8px;display:flex;align-items:center;gap:8px;}.tarot-section-label::before{content:'';width:3px;height:14px;background:linear-gradient(180deg,var(--color-su),var(--color-mok));border-radius:2px;}.tarot-spread-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.tarot-spread-btn{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 10px 14px;text-align:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.tarot-spread-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,0.03) 100%);opacity:0;transition:opacity 0.3s ease;}.tarot-spread-btn:hover{border-color:rgba(var(--color-su-rgb),0.4);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.tarot-spread-btn:hover::before{opacity:1;}.tarot-spread-btn.active{border-color:var(--color-su);background:linear-gradient(145deg,rgba(var(--color-su-rgb),0.12),rgba(var(--color-mok-rgb),0.08));box-shadow:0 4px 20px rgba(var(--color-su-rgb),0.15),inset 0 0 0 1px rgba(var(--color-su-rgb),0.1);transform:translateY(-1px);}.tarot-spread-btn.active .spread-icon{transform:scale(1.1);}.tarot-spread-btn.active .spread-name{color:var(--color-su);}.spread-icon{font-size:28px;margin-bottom:10px;display:block;transition:transform 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.spread-name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;letter-spacing:-0.3px;}.spread-desc{font-size:11px;color:var(--muted);opacity:0.8;}.tarot-category-options{display:flex;flex-wrap:wrap;gap:8px;}.tarot-category-btn{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:8px 16px;font-size:13px;color:var(--ink);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;}.tarot-category-btn:hover{border-color:var(--muted);}.tarot-category-btn.active{background:linear-gradient(135deg,var(--color-su),var(--color-mok),var(--color-hwa));border-color:var(--color-geum);color:white;box-shadow:0 4px 15px rgba(var(--color-su-rgb),0.5);font-weight:600;}.tarot-mind-question{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.08) 0%,rgba(var(--color-to-rgb),0.05) 100%);border-radius:var(--radius-lg);margin-bottom:20px;border:1px solid rgba(var(--color-geum-rgb),0.15);position:relative;overflow:hidden;}.tarot-mind-question::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-geum-rgb),0.3),transparent);}.tarot-mind-question .mind-icon{font-size:22px;animation:gentlePulse 3s ease-in-out infinite;}@keyframes gentlePulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:0.9;}}.tarot-mind-question .mind-text{font-size:14px;color:var(--ink);font-style:italic;opacity:0.85;letter-spacing:0.3px;}.tarot-draw-btn{width:100%;padding:20px 24px;background:linear-gradient(135deg,var(--color-su) 0%,var(--color-mok) 100%);border:none;border-radius:var(--radius-lg);color:white;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 30px rgba(var(--color-su-rgb),0.35);position:relative;overflow:hidden;letter-spacing:0.5px;}.tarot-draw-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:left 0.6s ease;}.tarot-draw-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.1) 100%);pointer-events:none;}.tarot-draw-btn:hover::before{left:100%;}.tarot-draw-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(var(--color-su-rgb),0.45);}.tarot-draw-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-su-rgb),0.4);}.tarot-draw-icon{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}.tarot-pick-screen{min-height:100vh;background:linear-gradient(135deg,#1a1520 0%,#0d1a25 50%,#151018 100%);padding:10px 16px;position:relative;overflow:hidden;}.tarot-pick-screen::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(var(--color-su-rgb),0.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(var(--color-hwa-rgb),0.06) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(var(--color-mok-rgb),0.04) 0%,transparent 50%);pointer-events:none;animation:mysticalAura 10s ease-in-out infinite;}@keyframes mysticalAura{0%,100%{opacity:0.6;}50%{opacity:1;}}.tarot-pick-header{text-align:center;padding:10px 20px;color:white;}.tarot-pick-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--color-geum);text-shadow:0 0 20px rgba(var(--color-geum-rgb),0.3);}.tarot-pick-subtitle{font-size:14px;color:rgba(255,255,255,0.6);}.tarot-pick-progress{display:flex;justify-content:center;gap:8px;margin:6px 0;}.progress-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);transition:all 0.3s ease;}.progress-dot.selected{background:var(--color-geum);border-color:var(--color-geum);box-shadow:0 0 10px rgba(var(--color-geum-rgb),0.5);}.progress-dot.current{border-color:var(--color-geum);animation:pulse-dot 1.5s ease-in-out infinite;}@keyframes pulse-dot{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.tarot-deck-container{position:relative;margin:6px 0;padding:10px 0;}.tarot-deck-fan{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;}.tarot-pick-card{width:60px;height:90px;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.tarot-pick-card:hover{transform:translateY(-12px) scale(1.08);z-index:10;}.tarot-pick-card:active{transform:translateY(-4px) scale(1.02);}.tarot-pick-card.picked{pointer-events:none;opacity:0.3;filter:saturate(0.3);transform:scale(0.9);}.tarot-pick-card-inner{width:100%;height:100%;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--color-su) 0%,var(--color-mok) 50%,var(--color-hwa) 100%);box-shadow:0 4px 12px rgba(0,0,0,0.5),inset 0 0 20px rgba(255,255,255,0.15);border:2px solid rgba(var(--color-geum-rgb),0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;animation:cardBackPulse 4s ease-in-out infinite;}.tarot-card-number{font-size:11px;color:rgba(255,255,255,0.4);font-weight:600;margin-top:4px;}.tarot-pick-card-inner::after{content:'☯';color:rgba(255,255,255,0.7);font-size:26px;text-shadow:0 0 12px rgba(var(--color-geum-rgb),0.6);}.tarot-deck-fan.shuffling .tarot-pick-card-inner{animation:shuffleFlash 0.6s ease-in-out;}@keyframes cardBackPulse{0%,100%{filter:brightness(1);}50%{filter:brightness(1.15);}}@keyframes shuffleFlash{0%{transform:rotate(0deg);filter:brightness(1);}50%{transform:rotate(6deg);filter:brightness(1.25);}100%{transform:rotate(0deg);filter:brightness(1);}}.tarot-selected-area{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;min-height:120px;}.tarot-selected-area.five-card-layout{display:grid;grid-template-columns:repeat(3,66px);grid-template-rows:repeat(3,98px);gap:4px;justify-content:center;align-items:center;max-width:260px;margin:0 auto;padding:4px;min-height:auto;position:relative;}.tarot-selected-area.five-card-layout .tarot-selected-slot:nth-child(1){grid-column:2;grid-row:2;}.tarot-selected-area.five-card-layout .tarot-selected-slot:nth-child(2){grid-column:2;grid-row:1;}.tarot-selected-area.five-card-layout .tarot-selected-slot:nth-child(3){grid-column:1;grid-row:2;}.tarot-selected-area.five-card-layout .tarot-selected-slot:nth-child(4){grid-column:3;grid-row:2;}.tarot-selected-area.five-card-layout .tarot-selected-slot:nth-child(5){grid-column:2;grid-row:3;}.tarot-selected-area.five-card-layout::before{content:'';position:absolute;top:15%;left:50%;width:1px;height:70%;background:linear-gradient(to bottom,transparent 10%,rgba(232,213,183,0.2) 30%,rgba(232,213,183,0.2) 70%,transparent 90%);transform:translateX(-50%);pointer-events:none;}.tarot-selected-area.five-card-layout::after{content:'';position:absolute;top:50%;left:15%;width:70%;height:1px;background:linear-gradient(to right,transparent 10%,rgba(232,213,183,0.2) 30%,rgba(232,213,183,0.2) 70%,transparent 90%);transform:translateY(-50%);pointer-events:none;}.tarot-selected-slot{width:64px;height:96px;border:2px dashed rgba(255,255,255,0.4);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative;background:rgba(255,255,255,0.05);}.tarot-selected-slot.active{border-color:var(--color-geum);border-style:solid;box-shadow:0 0 25px rgba(var(--color-geum-rgb),0.5);animation:slot-glow 2s ease-in-out infinite;background:rgba(var(--color-geum-rgb),0.1);}@keyframes slot-glow{0%,100%{box-shadow:0 0 15px rgba(var(--color-geum-rgb),0.2);}50%{box-shadow:0 0 25px rgba(var(--color-geum-rgb),0.4);}}.tarot-selected-slot.filled{border:none;background:transparent;}.slot-label{font-size:12px;color:rgba(255,255,255,0.85);text-align:center;padding:4px 8px;font-weight:600;letter-spacing:0.5px;background:rgba(0,0,0,0.3);border-radius:var(--radius-xs);}.tarot-selected-card{width:60px;height:90px;border-radius:var(--radius-sm);overflow:hidden;position:relative;animation:cardSlideIn 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--shadow-lg);}@keyframes cardSlideIn{from{transform:translateY(-50px) scale(0.8);opacity:0;}to{transform:translateY(0) scale(1);opacity:1;}}.tarot-selected-card img{width:100%;height:100%;object-fit:cover;}.tarot-selected-card.reversed{border:2px solid rgba(231,76,60,0.6);}.tarot-selected-card.reversed img{transform:rotate(180deg);}.tarot-unpick-hint{position:absolute;bottom:0;left:0;right:0;padding:4px;background:rgba(0,0,0,0.7);color:#fff;font-size:10px;text-align:center;opacity:0;transition:opacity 0.2s;}.tarot-selected-card:hover .tarot-unpick-hint,.tarot-selected-card:active .tarot-unpick-hint{opacity:1;}.tarot-selected-card{cursor:pointer;}.tarot-shuffle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-pill);color:white;font-size:14px;cursor:pointer;margin:0 auto 20px;transition:all 0.3s ease;}.tarot-shuffle-btn:hover{background:rgba(255,255,255,0.2);}.tarot-shuffle-btn.shuffling .shuffle-icon{animation:spin 0.5s ease-in-out;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.tarot-confirm-btn{width:calc(100% - 40px);max-width:400px;margin:20px auto;padding:16px;background:linear-gradient(135deg,var(--color-geum) 0%,var(--color-to) 100%);border:none;border-radius:var(--radius);color:#1a1a2e;font-size:16px;font-weight:600;cursor:pointer;display:none;transition:all 0.3s ease;position:relative;overflow:hidden;}.tarot-confirm-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:shimmerBtn 2s infinite;}@keyframes shimmerBtn{0%{left:-100%;}100%{left:100%;}}.tarot-confirm-btn.show{display:block;animation:fadeInUp 0.5s ease;}.tarot-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-geum-rgb),0.4);}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.tarot-result-header{text-align:center;padding:24px 20px;background:linear-gradient(135deg,var(--color-su) 0%,var(--color-mok) 50%,var(--color-hwa) 100%);border-radius:var(--radius);margin:20px;color:white;position:relative;overflow:hidden;}.tarot-result-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);animation:tarotIntroShimmer 8s linear infinite;}.tarot-result-title{font-size:22px;font-weight:700;margin-bottom:8px;}.tarot-result-spread{font-size:14px;opacity:0.9;}.tarot-result-question{margin-top:12px;font-size:13px;font-style:italic;opacity:0.85;}.tarot-cards-display{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:40px 20px;flex-wrap:wrap;position:relative;min-height:280px;}.tarot-cards-display.one-card{gap:0;}.tarot-cards-display.three-cards{gap:16px;}.tarot-cards-display.five-cards{gap:10px;}.tarot-card-wrapper{text-align:center;position:relative;opacity:0;--entry-x:0px;--entry-y:-120px;--entry-rot:-8deg;--entry-scale:0.85;--float-delay:0s;transform:translate(var(--entry-x),var(--entry-y)) scale(var(--entry-scale)) rotate(var(--entry-rot));will-change:transform,opacity;}@keyframes cardDeal{0%{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) scale(var(--entry-scale)) rotate(var(--entry-rot));}60%{opacity:1;transform:translate(0,-12px) scale(1.03) rotate(1deg);}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);}}.tarot-card-wrapper.deal{animation:cardDeal 0.7s cubic-bezier(0.34,1.56,0.64,1) forwards;}.tarot-card-wrapper.reveal{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);animation:cardFloat 6s ease-in-out infinite;animation-delay:var(--float-delay);}@keyframes cardFloat{0%,100%{transform:translate(0,0) rotate(0deg);opacity:1;}50%{transform:translate(0,-6px) rotate(0.4deg);opacity:1;}}.tarot-cards-display.one-card::before{content:'';position:absolute;inset:10% 20% 5%;background:radial-gradient(ellipse at center,rgba(var(--color-geum-rgb),0.2),transparent 70%);pointer-events:none;z-index:0;animation:spotlightPulse 4s ease-in-out infinite;}@keyframes spotlightPulse{0%,100%{opacity:0.6;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}.tarot-cards-display.three-cards::before,.tarot-cards-display.five-cards::before{content:'';position:absolute;top:50%;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--color-su-rgb),0.3),rgba(var(--color-mok-rgb),0.4),rgba(var(--color-hwa-rgb),0.3),transparent);transform:translateY(-50%);pointer-events:none;z-index:0;}.tarot-position-label{font-size:12px;color:var(--muted);margin-bottom:10px;font-weight:600;opacity:0;transform:translateY(-10px);transition:all 0.4s ease 0.3s;}.tarot-card-wrapper.deal .tarot-position-label{opacity:1;transform:translateY(0);}.tarot-card{width:110px;height:180px;perspective:1200px;margin:0 auto;position:relative;}.tarot-cards-display.one-card .tarot-card{width:150px;height:245px;}.tarot-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.175,0.885,0.32,1.275);}.tarot-card.flipped .tarot-card-inner{transform:rotateY(180deg);}.tarot-card.flipping{animation:flipGlow 0.8s ease-out;}@keyframes flipGlow{0%{filter:brightness(1) drop-shadow(0 0 0 transparent);}50%{filter:brightness(1.4) drop-shadow(0 0 30px rgba(var(--color-geum-rgb),0.6));}100%{filter:brightness(1) drop-shadow(0 0 10px rgba(var(--color-geum-rgb),0.2));}}.tarot-card.reversed.flipped .tarot-card-inner{transform:rotateY(180deg);}.tarot-card.reversed.flipped .tarot-card-image{transform:rotate(180deg);}.tarot-card.reversed.flipped .tarot-card-front{box-shadow:0 15px 50px rgba(231,76,60,0.3),inset 0 0 0 3px rgba(231,76,60,0.6),inset 0 1px 0 rgba(255,255,255,0.2);}.tarot-card.reversed.flipped .tarot-card-border::before{border-color:rgba(231,76,60,0.6);}.tarot-card.reversed.flipped .tarot-card-front::before{content:'';position:absolute;inset:0;background:rgba(231,76,60,0.12);z-index:3;border-radius:var(--radius);pointer-events:none;}.tarot-card.reversed.flipped .tarot-card-front::after{content:'↓ 역방향';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(231,76,60,0.9);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;z-index:5;letter-spacing:0.5px;backdrop-filter:blur(4px);}.tarot-card-face,.tarot-card-back-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;}.tarot-card-back-face{background:radial-gradient(circle at 50% 50%,rgba(var(--color-geum-rgb),0.15) 0%,transparent 50%),repeating-conic-gradient(from 0deg at 50% 50%,rgba(var(--color-su-rgb),0.3) 0deg 72deg,rgba(var(--color-mok-rgb),0.25) 72deg 144deg,rgba(var(--color-hwa-rgb),0.2) 144deg 216deg,rgba(var(--color-to-rgb),0.25) 216deg 288deg,rgba(var(--color-geum-rgb),0.3) 288deg 360deg),linear-gradient(135deg,#1a1520 0%,#0d1a25 50%,#151018 100%);box-shadow:0 10px 40px rgba(0,0,0,0.5),inset 0 0 60px rgba(var(--color-su-rgb),0.15),inset 0 0 20px rgba(var(--color-geum-rgb),0.1);}.tarot-card-back-face::before{content:'';position:absolute;inset:6px;border:2px solid rgba(var(--color-geum-rgb),0.4);border-radius:var(--radius-sm);background:radial-gradient(ellipse at center,transparent 40%,rgba(var(--color-su-rgb),0.08) 100%);}.tarot-card-back-face::after{content:'☯';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:rgba(var(--color-geum-rgb),0.5);text-shadow:0 0 20px rgba(var(--color-geum-rgb),0.4);animation:pulseGlow 3s ease-in-out infinite;}.tarot-cards-display.one-card .tarot-card-back-face::after{font-size:48px;}@keyframes pulseGlow{0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(1);}50%{opacity:0.7;transform:translate(-50%,-50%) scale(1.1);}}.tarot-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;transform:rotateY(180deg);background:#f5f0e6;box-shadow:0 15px 50px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.2);}.tarot-card-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm);background:#f5f0e6;}.tarot-card-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink-secondary);font-size:12px;}.tarot-card-front::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;pointer-events:none;z-index:2;}.tarot-card-front::after{content:'';position:absolute;inset:0;background:linear-gradient( 125deg,transparent 0%,rgba(255,255,255,0.15) 25%,transparent 50%,rgba(255,255,255,0.1) 75%,transparent 100% );background-size:200% 200%;border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:3;}.tarot-card:hover .tarot-card-front::after{opacity:1;}.tarot-card-wrapper.reveal .tarot-card-front::after{opacity:0.45;animation:holoSweep 5s linear infinite;}.tarot-card-wrapper.reveal .tarot-card{filter:drop-shadow(0 16px 40px rgba(0,0,0,0.35));}@keyframes holoSweep{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.tarot-card-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));padding:20px 8px 8px;text-align:center;z-index:1;}.tarot-card-name-overlay .card-name{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,0.8);letter-spacing:0.5px;}.tarot-cards-display.one-card .tarot-card-name-overlay .card-name{font-size:14px;}.tarot-card-border{width:100%;height:100%;padding:5px;box-sizing:border-box;position:relative;}.tarot-card-border::before{content:'';position:absolute;inset:4px;border:1.5px solid rgba(255,215,0,0.4);border-radius:var(--radius-sm);pointer-events:none;}.tarot-card-content{width:100%;height:100%;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.4);background:radial-gradient(ellipse at center,rgba(255,255,255,0.05) 0%,transparent 70%);position:relative;overflow:hidden;}.tarot-card-content::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0l2 6h6l-5 4 2 6-5-4-5 4 2-6-5-4h6z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");opacity:0.5;}.tarot-card-symbol{font-size:32px;margin-bottom:8px;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.tarot-cards-display.one-card .tarot-card-symbol{font-size:44px;margin-bottom:12px;}.tarot-card-number{font-size:18px;font-weight:800;margin-bottom:4px;position:relative;z-index:1;letter-spacing:1px;}.tarot-card-name{font-size:11px;font-weight:700;text-align:center;padding:0 6px;position:relative;z-index:1;letter-spacing:0.5px;}.tarot-cards-display.one-card .tarot-card-name{font-size:15px;}.tarot-card-element,.tarot-card-suit{font-size:10px;opacity:0.85;margin-top:6px;position:relative;z-index:1;background:rgba(0,0,0,0.2);padding:2px 8px;border-radius:var(--radius-sm);}.tarot-direction{margin-top:12px;font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--radius-xl);display:inline-flex;align-items:center;gap:4px;opacity:0;transform:translateY(10px);transition:all 0.4s ease;}.tarot-card-wrapper.reveal .tarot-direction{opacity:1;transform:translateY(0);}.tarot-direction.upright{background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.2),rgba(var(--color-mok-rgb),0.1));color:var(--color-mok);border:1px solid rgba(var(--color-mok-rgb),0.3);}.tarot-direction.reversed{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.2),rgba(var(--color-hwa-rgb),0.1));color:var(--color-hwa);border:1px solid rgba(var(--color-hwa-rgb),0.3);}.tarot-card-wrapper.reveal .tarot-card{transition:transform 0.3s ease;}.tarot-card-wrapper.reveal .tarot-card:hover{transform:translateY(-8px) scale(1.02);}.tarot-card-wrapper.reveal .tarot-card::before{content:'';position:absolute;inset:-3px;border-radius:var(--radius-lg);background:conic-gradient( from 0deg,var(--color-su),var(--color-mok),var(--color-hwa),var(--color-to),var(--color-geum),var(--color-su) );opacity:0;z-index:-1;transition:opacity 0.3s ease;}.tarot-card-wrapper.reveal .tarot-card:hover::before{opacity:0.6;animation:rotateBorder 3s linear infinite;}@keyframes rotateBorder{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.energy-indicator{margin:0 20px 16px;padding:16px 20px;background:linear-gradient(135deg,rgba(var(--energy-color-rgb),0.12),rgba(var(--energy-color-rgb),0.04));border-radius:var(--radius);border:1px solid rgba(var(--energy-color-rgb),0.25);border-left:4px solid var(--energy-color);opacity:0;}.energy-indicator-main{display:flex;align-items:center;gap:14px;}.energy-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(var(--energy-color-rgb),0.15);border-radius:12px;flex-shrink:0;}.energy-info{display:flex;flex-direction:column;gap:4px;}.energy-label{font-size:16px;font-weight:700;color:var(--energy-color);}.energy-description{font-size:13px;color:var(--text-secondary,#9ca3af);line-height:1.5;}.energy-reunion-score{margin-top:14px;padding-top:14px;border-top:1px solid rgba(var(--energy-color-rgb),0.15);}.reunion-score-label{font-size:13px;font-weight:600;color:var(--text-secondary,#9ca3af);margin-bottom:8px;}.reunion-score-stars{font-size:20px;letter-spacing:4px;color:var(--energy-color);margin-bottom:8px;}.reunion-score-bar{width:100%;height:6px;background:rgba(var(--energy-color-rgb),0.1);border-radius:3px;overflow:hidden;margin-bottom:8px;}.reunion-score-fill{height:100%;border-radius:3px;transition:width 1s ease-out;}.reunion-score-text{font-size:14px;font-weight:600;color:var(--energy-color);}.tarot-overall-message{margin:0 20px 24px;padding:20px;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.12),rgba(var(--color-mok-rgb),0.08));border-radius:var(--radius);border:1px solid rgba(var(--color-su-rgb),0.25);opacity:0;box-shadow:0 4px 20px rgba(var(--color-su-rgb),0.1);position:relative;overflow:hidden;}.tarot-overall-message::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-su),var(--color-mok),var(--color-hwa),var(--color-to),var(--color-geum));}.tarot-overall-title{font-size:15px;font-weight:700;color:var(--color-mok);margin-bottom:12px;display:flex;align-items:center;gap:8px;}.tarot-overall-title::before{content:'\2728';}.tarot-overall-text{font-size:15px;line-height:1.8;color:var(--ink);white-space:pre-line;}.tarot-readings-section{padding:0 20px 24px;opacity:0;}.tarot-actions{opacity:0;}.tarot-section-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;}.tarot-reading-card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:16px;border:1px solid var(--line);}.tarot-reading-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;}.tarot-reading-position{background:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius);font-size:12px;color:var(--muted);}.tarot-reading-name{font-size:16px;font-weight:700;color:var(--ink);}.tarot-reading-type{font-size:12px;padding:4px 10px;border-radius:var(--radius);font-weight:600;}.tarot-reading-type.reversed{background:rgba(231,76,60,0.15);color:#e74c3c;}.tarot-reading-type:not(.reversed){background:rgba(39,174,96,0.15);color:#27ae60;}.tarot-keywords{font-size:13px;color:var(--color-mok);margin-bottom:12px;padding:8px 12px;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),rgba(var(--color-mok-rgb),0.08));border-radius:var(--radius-sm);border-left:3px solid var(--color-mok);}.tarot-meaning{margin-bottom:16px;}.tarot-meaning-main{font-size:14px;line-height:1.7;color:var(--ink);}.tarot-details-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}.tarot-detail-item{display:flex;align-items:flex-start;gap:8px;background:var(--bg-secondary);padding:10px 12px;border-radius:var(--radius-sm);}.tarot-detail-icon{font-size:14px;flex-shrink:0;}.tarot-detail-label{font-size:12px;font-weight:600;color:var(--muted);flex-shrink:0;min-width:28px;}.tarot-detail-value{font-size:13px;line-height:1.5;color:var(--ink);flex:1;}.tarot-advice{display:flex;align-items:flex-start;gap:10px;padding:14px;background:linear-gradient(135deg,rgba(241,196,15,0.1),rgba(243,156,18,0.1));border-radius:var(--radius-sm);border:1px solid rgba(241,196,15,0.3);}.tarot-advice-icon{font-size:18px;}.tarot-advice-text{font-size:13px;line-height:1.6;color:var(--ink);}.tarot-actions{display:flex;gap:12px;padding:0 20px 30px;}.tarot-action-btn{flex:1;padding:16px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none;}.tarot-action-btn.primary{background:linear-gradient(135deg,var(--color-su),var(--color-mok));color:white;box-shadow:0 4px 15px rgba(var(--color-su-rgb),0.3);}.tarot-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-su-rgb),0.4);}.tarot-action-btn.secondary{background:var(--bg-secondary);color:var(--ink);border:1px solid var(--line);}.tarot-action-btn.secondary:hover{background:rgba(var(--color-to-rgb),0.1);border-color:var(--color-to);}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.1),rgba(var(--color-mok-rgb),0.1));color:var(--color-su);border:1px solid rgba(var(--color-su-rgb),0.3);border-radius:var(--radius-2xl);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);}.back-btn:hover{background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.2),rgba(var(--color-mok-rgb),0.2));border-color:rgba(var(--color-su-rgb),0.5);transform:translateX(-3px);box-shadow:0 4px 15px rgba(var(--color-su-rgb),0.2);}.back-btn:active{transform:translateX(-1px);}.tarot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;}.tarot-deck-animation{text-align:center;}.tarot-card-stack{position:relative;width:80px;height:120px;margin:0 auto 24px;}.tarot-card-back{position:absolute;width:80px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);}.tarot-card-back:nth-child(1){animation:shuffleCard1 1.2s ease-in-out infinite;}.tarot-card-back:nth-child(2){animation:shuffleCard2 1.2s ease-in-out infinite;animation-delay:0.2s;}.tarot-card-back:nth-child(3){animation:shuffleCard3 1.2s ease-in-out infinite;animation-delay:0.4s;}@keyframes shuffleCard1{0%,100%{transform:translateX(0) rotate(0deg);}50%{transform:translateX(-30px) rotate(-10deg);}}@keyframes shuffleCard2{0%,100%{transform:translateX(0) rotate(0deg);}50%{transform:translateY(-20px) rotate(5deg);}}@keyframes shuffleCard3{0%,100%{transform:translateX(0) rotate(0deg);}50%{transform:translateX(30px) rotate(10deg);}}.tarot-shuffle-text{font-size:15px;color:var(--muted);animation:pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}.tarot-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:center;}.tarot-category-chip{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);font-size:13px;color:var(--ink);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.tarot-category-chip::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(var(--color-su-rgb),0.15) 0%,transparent 70%);transition:all 0.4s ease;transform:translate(-50%,-50%);border-radius:50%;}.tarot-category-chip:hover{border-color:rgba(var(--color-su-rgb),0.3);background:rgba(var(--color-su-rgb),0.05);transform:translateY(-1px);}.tarot-category-chip:hover::before{width:150%;height:150%;}.tarot-category-chip.active{background:linear-gradient(135deg,var(--color-su),var(--color-mok));border-color:transparent;color:white;box-shadow:0 4px 16px rgba(var(--color-su-rgb),0.35);font-weight:600;transform:translateY(-1px);}.tarot-category-chip.active::before{display:none;}.tarot-category-chip .chip-icon{font-size:15px;position:relative;z-index:1;}.tarot-category-chip .chip-label{font-size:13px;font-weight:500;position:relative;z-index:1;}.tarot-category-chip.active .chip-label{font-weight:600;}.tarot-combos-section{padding:0 20px 24px;opacity:0;animation:fadeInUp 0.5s ease forwards;}.tarot-combo-card{background:linear-gradient(135deg,rgba(var(--color-to-rgb),0.08),rgba(var(--color-geum-rgb),0.05));border:1px solid rgba(var(--color-to-rgb),0.2);border-radius:var(--radius);padding:16px;margin-bottom:12px;position:relative;overflow:hidden;}.tarot-combo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-to),var(--color-geum));}.combo-cards{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;}.combo-card-name{background:linear-gradient(135deg,var(--color-su),var(--color-mok));color:white;padding:6px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;box-shadow:0 2px 8px rgba(var(--color-su-rgb),0.3);}.combo-connector{font-size:18px;color:var(--color-geum);font-weight:700;}.combo-positions{text-align:center;font-size:12px;color:var(--muted);margin-bottom:12px;}.combo-interpretation{font-size:14px;line-height:1.7;color:var(--ink);text-align:center;padding:12px;background:rgba(var(--color-geum-rgb),0.08);border-radius:var(--radius-sm);}.tarot-action-plan-section{padding:0 20px 24px;opacity:0;animation:fadeInUp 0.5s ease forwards;}.action-plan-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;}.action-plan-item{display:flex;align-items:flex-start;gap:14px;padding:16px;border-bottom:1px solid var(--line);}.action-plan-item:last-child{border-bottom:none;}.action-plan-item .action-icon{font-size:24px;flex-shrink:0;}.action-plan-item .action-content{flex:1;}.action-plan-item .action-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;}.action-plan-item .action-text{font-size:14px;line-height:1.6;color:var(--ink);}.action-plan-item.do{background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.08),rgba(var(--color-mok-rgb),0.03));}.action-plan-item.do .action-label{color:var(--color-mok);}.action-plan-item.avoid{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.08),rgba(var(--color-hwa-rgb),0.03));}.action-plan-item.avoid .action-label{color:var(--color-hwa);}.action-plan-item.check{background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),rgba(var(--color-su-rgb),0.03));}.action-plan-item.check .action-label{color:var(--color-su);}.tarot-spread-options.expanded{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.tarot-spread-options.expanded .tarot-spread-btn{padding:16px 8px 12px;}.tarot-spread-options.expanded .spread-icon{font-size:24px;margin-bottom:8px;}.tarot-spread-options.expanded .spread-name{font-size:13px;}.tarot-spread-options.expanded .spread-desc{font-size:10px;}.tarot-spread-btn .spread-badge{display:inline-block;padding:3px 8px;background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.2),rgba(var(--color-hwa-rgb),0.1));color:var(--color-hwa);border-radius:var(--radius-sm);font-size:9px;font-weight:700;margin-top:6px;letter-spacing:0.5px;text-transform:uppercase;border:1px solid rgba(var(--color-hwa-rgb),0.2);}.tarot-spread-btn.active .spread-badge{background:linear-gradient(135deg,var(--color-hwa),rgba(var(--color-hwa-rgb),0.8));color:white;border-color:transparent;}.tarot-clarifier-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.15),rgba(var(--color-to-rgb),0.1));border:1px solid rgba(var(--color-geum-rgb),0.3);border-radius:var(--radius-xl);color:var(--color-geum);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:12px;}.tarot-clarifier-btn:hover{background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.25),rgba(var(--color-to-rgb),0.15));transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--color-geum-rgb),0.2);}.clarifier-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.clarifier-modal.show{opacity:1;visibility:visible;}.clarifier-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);}.clarifier-modal-content{position:relative;background:var(--card);border-radius:var(--radius);max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(20px);transition:transform 0.3s ease;}.clarifier-modal.show .clarifier-modal-content{transform:translateY(0);}.clarifier-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.1),rgba(var(--color-mok-rgb),0.05));}.clarifier-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--ink);}.clarifier-close-btn{width:32px;height:32px;border:none;background:rgba(var(--color-hwa-rgb),0.1);color:var(--color-hwa);border-radius:50%;font-size:20px;cursor:pointer;transition:all 0.2s ease;}.clarifier-close-btn:hover{background:rgba(var(--color-hwa-rgb),0.2);transform:scale(1.1);}.clarifier-modal-body{padding:24px;text-align:center;}.clarifier-modal-body p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px;}#clarifier-result{padding:20px;border-top:1px solid var(--line);}.clarifier-card-reveal{text-align:center;animation:fadeInUp 0.5s ease;}.clarifier-card-name{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;}.clarifier-card-direction{display:inline-block;padding:4px 12px;border-radius:var(--radius);font-size:12px;font-weight:600;margin-bottom:16px;}.clarifier-card-direction.upright{background:rgba(var(--color-mok-rgb),0.15);color:var(--color-mok);}.clarifier-card-direction.reversed{background:rgba(var(--color-hwa-rgb),0.15);color:var(--color-hwa);}.clarifier-card-meaning{font-size:14px;line-height:1.7;color:var(--ink);margin-bottom:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.clarifier-advice{font-size:13px;line-height:1.6;color:var(--ink);padding:12px;background:linear-gradient(135deg,rgba(241,196,15,0.1),rgba(243,156,18,0.1));border-radius:var(--radius-sm);border:1px solid rgba(241,196,15,0.3);}.fortune-score-section{padding:24px 0;margin-bottom:24px;}.fortune-score-circle-wrapper{display:flex;flex-direction:column;align-items:center;padding:32px 20px;background:linear-gradient(135deg,var(--card) 0%,rgba(var(--color-to-rgb),0.04) 100%);border-radius:var(--radius-lg);border:1px solid var(--line);position:relative;overflow:hidden;}.fortune-score-circle-wrapper::before{content:'運';position:absolute;right:-20px;top:-30px;font-size:180px;font-family:"Noto Serif KR",serif;opacity:0.025;font-weight:700;color:var(--color-geum);pointer-events:none;}.fortune-score-circle-wrapper::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-su),var(--color-mok),var(--color-hwa),var(--color-to),var(--color-geum));}.fortune-score-circle{position:relative;width:180px;height:180px;margin-bottom:20px;}.fortune-score-circle svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,0.1));}.fortune-circle-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:12;}.fortune-circle-progress{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:502.65;transition:stroke-dashoffset 1.5s cubic-bezier(0.4,0,0.2,1);}.fortune-circle-progress.score-excellent{stroke:url('/static/css/features/#fortune-gradient-excellent');}.fortune-circle-progress.score-great{stroke:var(--color-mok);}.fortune-circle-progress.score-good{stroke:var(--color-to);}.fortune-circle-progress.score-normal{stroke:var(--color-su);}.fortune-circle-progress.score-low{stroke:var(--muted);}.fortune-score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1;}.fortune-score-number{font-size:52px;font-weight:800;font-family:"Noto Serif KR",serif;line-height:1;background:linear-gradient(135deg,var(--color-hwa),var(--color-to));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:scoreReveal 0.8s ease-out forwards;}@keyframes scoreReveal{0%{opacity:0;transform:scale(0.5);}60%{transform:scale(1.1);}100%{opacity:1;transform:scale(1);}}.fortune-score-label{font-size:14px;color:var(--muted);margin-top:4px;font-weight:500;}.fortune-score-grade{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;}.fortune-score-grade.excellent{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.15),rgba(var(--color-hwa-rgb),0.08));color:var(--color-hwa);border:1px solid rgba(var(--color-hwa-rgb),0.3);}.fortune-score-grade.great{background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.15),rgba(var(--color-mok-rgb),0.08));color:var(--color-mok);border:1px solid rgba(var(--color-mok-rgb),0.3);}.fortune-score-grade.good{background:linear-gradient(135deg,rgba(var(--color-to-rgb),0.15),rgba(var(--color-to-rgb),0.08));color:var(--color-to);border:1px solid rgba(var(--color-to-rgb),0.3);}.fortune-score-grade.normal{background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.15),rgba(var(--color-su-rgb),0.08));color:var(--color-su);border:1px solid rgba(var(--color-su-rgb),0.3);}.fortune-score-message{max-width:280px;text-align:center;font-size:15px;color:var(--ink-secondary);line-height:1.7;margin-top:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius);font-style:italic;}.fortune-gradient-defs{position:absolute;width:0;height:0;overflow:hidden;}.category-fortune-section{margin-bottom:24px;}.category-fortune-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:8px;}.category-fortune-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg,var(--color-to),var(--color-geum));border-radius:2px;}.category-fortune-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.category-fortune-card{background:var(--card);border-radius:var(--radius);padding:18px 16px;border:1px solid var(--line);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden;}.category-fortune-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;transition:opacity 0.3s;}.category-fortune-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}.category-fortune-card:active{transform:translateY(-2px);}.category-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}.category-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}.category-card-title{font-size:14px;font-weight:600;color:var(--ink);}.category-card-score-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:10px;}.category-card-score-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(0.4,0,0.2,1);position:relative;}.category-card-score-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:scoreBarShimmer 2s ease-in-out infinite;}@keyframes scoreBarShimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.category-card-score-text{display:flex;justify-content:space-between;align-items:center;}.category-card-score-value{font-size:18px;font-weight:700;}.category-card-desc{font-size:12px;color:var(--muted);line-height:1.4;}.category-fortune-card.wealth::before{background:linear-gradient(90deg,var(--color-to),rgba(var(--color-to-rgb),0.3));}.category-fortune-card.wealth .category-card-icon{background:rgba(var(--color-to-rgb),0.12);color:var(--color-to);}.category-fortune-card.wealth .category-card-score-fill{background:linear-gradient(90deg,var(--color-to),rgba(var(--color-to-rgb),0.7));}.category-fortune-card.wealth .category-card-score-value{color:var(--color-to);}.category-fortune-card.wealth:hover{border-color:rgba(var(--color-to-rgb),0.4);}.category-fortune-card.love::before{background:linear-gradient(90deg,var(--color-hwa),rgba(var(--color-hwa-rgb),0.3));}.category-fortune-card.love .category-card-icon{background:rgba(var(--color-hwa-rgb),0.12);color:var(--color-hwa);}.category-fortune-card.love .category-card-score-fill{background:linear-gradient(90deg,var(--color-hwa),rgba(var(--color-hwa-rgb),0.7));}.category-fortune-card.love .category-card-score-value{color:var(--color-hwa);}.category-fortune-card.love:hover{border-color:rgba(var(--color-hwa-rgb),0.4);}.category-fortune-card.career::before{background:linear-gradient(90deg,var(--color-mok),rgba(var(--color-mok-rgb),0.3));}.category-fortune-card.career .category-card-icon{background:rgba(var(--color-mok-rgb),0.12);color:var(--color-mok);}.category-fortune-card.career .category-card-score-fill{background:linear-gradient(90deg,var(--color-mok),rgba(var(--color-mok-rgb),0.7));}.category-fortune-card.career .category-card-score-value{color:var(--color-mok);}.category-fortune-card.career:hover{border-color:rgba(var(--color-mok-rgb),0.4);}.category-fortune-card.health::before{background:linear-gradient(90deg,var(--color-su),rgba(var(--color-su-rgb),0.3));}.category-fortune-card.health .category-card-icon{background:rgba(var(--color-su-rgb),0.12);color:var(--color-su);}.category-fortune-card.health .category-card-score-fill{background:linear-gradient(90deg,var(--color-su),rgba(var(--color-su-rgb),0.7));}.category-fortune-card.health .category-card-score-value{color:var(--color-su);}.category-fortune-card.health:hover{border-color:rgba(var(--color-su-rgb),0.4);}.hourly-fortune-section{margin-bottom:24px;}.hourly-fortune-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:8px;}.hourly-fortune-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg,var(--color-su),var(--color-mok));border-radius:2px;}.hourly-fortune-timeline{display:flex;gap:8px;padding:12px 4px 16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.hourly-fortune-timeline::-webkit-scrollbar{display:none;}.hourly-fortune-block{flex-shrink:0;width:72px;padding:14px 8px;background:var(--card);border-radius:var(--radius);border:1px solid var(--line);text-align:center;scroll-snap-align:start;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;}.hourly-fortune-block:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);}.hourly-fortune-block.current{background:linear-gradient(135deg,var(--color-geum),var(--color-to));border-color:transparent;color:#fff;transform:scale(1.05);box-shadow:0 4px 16px rgba(var(--color-geum-rgb),0.4);z-index:1;}.hourly-fortune-block.current::before{content:'지금';position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;padding:2px 8px;background:var(--ink);color:var(--bg);border-radius:10px;}.hourly-block-time{font-size:12px;font-weight:600;color:var(--ink-secondary);margin-bottom:6px;}.hourly-fortune-block.current .hourly-block-time{color:rgba(255,255,255,0.9);}.hourly-block-jiji{font-size:20px;font-weight:700;font-family:"Noto Serif KR",serif;margin-bottom:6px;}.hourly-fortune-block.current .hourly-block-jiji{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.hourly-block-level{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;display:inline-block;}.hourly-block-level.level-excellent{background:rgba(var(--color-hwa-rgb),0.15);color:var(--color-hwa);}.hourly-block-level.level-good{background:rgba(var(--color-mok-rgb),0.15);color:var(--color-mok);}.hourly-block-level.level-normal{background:rgba(var(--color-to-rgb),0.15);color:var(--color-to);}.hourly-block-level.level-caution{background:rgba(var(--color-su-rgb),0.15);color:var(--color-su);}.hourly-fortune-block.current .hourly-block-level{background:rgba(255,255,255,0.25);color:#fff;}.hourly-block-oheng{width:8px;height:8px;border-radius:50%;margin:6px auto 0;}.hourly-block-oheng.wood{background:var(--color-mok);}.hourly-block-oheng.fire{background:var(--color-hwa);}.hourly-block-oheng.earth{background:var(--color-to);}.hourly-block-oheng.metal{background:var(--color-geum);}.hourly-block-oheng.water{background:var(--color-su);}.lucky-elements-section{margin-bottom:24px;}.lucky-elements-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:8px;}.lucky-elements-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg,var(--color-geum),var(--color-hwa));border-radius:2px;}.lucky-elements-container{display:flex;gap:10px;overflow-x:auto;padding:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.lucky-elements-container::-webkit-scrollbar{display:none;}.lucky-element-card{flex:1;min-width:140px;max-width:180px;background:var(--card);border-radius:var(--radius);padding:18px 14px;border:1px solid var(--line);text-align:center;scroll-snap-align:start;transition:all 0.3s ease;position:relative;overflow:hidden;}.lucky-element-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}.lucky-element-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}.lucky-element-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform 0.3s ease;}.lucky-element-card:hover .lucky-element-icon{transform:scale(1.1) rotate(5deg);}.lucky-element-label{font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:500;}.lucky-element-value{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3;}.lucky-element-card.color::before{background:linear-gradient(90deg,var(--color-hwa),var(--color-to),var(--color-mok));}.lucky-element-card.color .lucky-element-icon{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.12),rgba(var(--color-to-rgb),0.08));}.lucky-element-card.number::before{background:linear-gradient(90deg,var(--color-geum),var(--color-to));}.lucky-element-card.number .lucky-element-icon{background:rgba(var(--color-geum-rgb),0.12);color:var(--color-geum);}.lucky-element-card.number .lucky-element-value{font-family:"Noto Serif KR",serif;font-size:22px;color:var(--color-geum);}.lucky-element-card.direction::before{background:linear-gradient(90deg,var(--color-su),var(--color-mok));}.lucky-element-card.direction .lucky-element-icon{background:rgba(var(--color-su-rgb),0.12);color:var(--color-su);}.lucky-element-card.item::before{background:linear-gradient(90deg,var(--color-mok),var(--color-su));}.lucky-element-card.item .lucky-element-icon{background:rgba(var(--color-mok-rgb),0.12);color:var(--color-mok);}.lucky-color-preview{display:flex;justify-content:center;gap:6px;margin-top:8px;}.lucky-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:transform 0.2s;}.lucky-color-dot:hover{transform:scale(1.2);}@media (max-width:640px){.fortune-score-circle{width:160px;height:160px;}.fortune-score-number{font-size:44px;}.fortune-score-message{font-size:14px;padding:10px 14px;}.category-fortune-card{padding:14px 12px;}.category-card-icon{width:32px;height:32px;font-size:16px;}.category-card-title{font-size:13px;}.category-card-score-value{font-size:16px;}.hourly-fortune-block{width:64px;padding:12px 6px;}.hourly-block-jiji{font-size:18px;}.lucky-element-card{min-width:120px;padding:14px 10px;}.lucky-element-icon{width:38px;height:38px;font-size:18px;}.lucky-element-value{font-size:14px;}}@media (max-width:380px){.fortune-score-circle{width:140px;height:140px;}.fortune-score-number{font-size:38px;}.category-fortune-grid{grid-template-columns:1fr;gap:10px;}.category-fortune-card{display:flex;align-items:center;padding:14px 16px;}.category-card-header{margin-bottom:0;margin-right:auto;}.category-card-score-bar{display:none;}.category-card-score-text{flex-direction:column;align-items:flex-end;gap:2px;}.hourly-fortune-block{width:56px;padding:10px 4px;}.hourly-block-time{font-size:10px;}.hourly-block-jiji{font-size:16px;}.hourly-block-level{font-size:9px;padding:2px 6px;}.lucky-elements-container{gap:8px;}.lucky-element-card{min-width:100px;padding:12px 8px;}.lucky-element-icon{width:32px;height:32px;font-size:16px;margin-bottom:8px;}.lucky-element-label{font-size:10px;}.lucky-element-value{font-size:13px;}.lucky-color-dot{width:16px;height:16px;}}.fortune-animate-in{opacity:0;transform:translateY(20px);animation:fortuneFadeInUp 0.5s ease forwards;}.fortune-animate-in.delay-1{animation-delay:0.1s;}.fortune-animate-in.delay-2{animation-delay:0.2s;}.fortune-animate-in.delay-3{animation-delay:0.3s;}.fortune-animate-in.delay-4{animation-delay:0.4s;}@keyframes fortuneFadeInUp{to{opacity:1;transform:translateY(0);}}.fortune-circle-animate{animation:fortuneCircleDraw 1.5s ease-out forwards;}@keyframes fortuneCircleDraw{0%{stroke-dashoffset:502.65;opacity:0.5;}100%{opacity:1;}}.fortune-glow{transition:filter 0.3s ease;}.fortune-glow:hover{filter:drop-shadow(0 0 8px rgba(var(--color-geum-rgb),0.4));}.attendance-fab{position:fixed;bottom:calc(80px + var(--safe-bottom) + 20px);right:20px;width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ffb347 100%);color:#fff;cursor:pointer;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(255,107,53,0.4),0 0 0 4px rgba(255,107,53,0.15);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);animation:fabPulse 3s ease-in-out infinite;}.attendance-fab:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 30px rgba(255,107,53,0.5),0 0 0 6px rgba(255,107,53,0.2);}.attendance-fab:active{transform:scale(0.95);}.attendance-fab .fab-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}.attendance-fab .fab-streak{font-size:11px;font-weight:800;background:rgba(255,255,255,0.25);padding:1px 6px;border-radius:10px;margin-top:2px;backdrop-filter:blur(4px);}@keyframes fabPulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,53,0.4),0 0 0 4px rgba(255,107,53,0.15);}50%{box-shadow:0 4px 20px rgba(255,107,53,0.6),0 0 0 8px rgba(255,107,53,0.1);}}#attendance-modal.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn 0.3s ease;}#attendance-modal.modal-overlay.active{display:flex;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.attendance-modal-content{background:var(--card);border-radius:24px;width:100%;max-width:380px;max-height:90vh;overflow-y:auto;position:relative;padding:0;box-shadow:0 25px 80px rgba(0,0,0,0.3),0 10px 30px rgba(0,0,0,0.2);animation:modalSlideUp 0.4s cubic-bezier(0.34,1.56,0.64,1);}@keyframes modalSlideUp{from{opacity:0;transform:translateY(40px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.attendance-modal-content .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:rgba(0,0,0,0.08);border-radius:50%;font-size:24px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10;}.attendance-modal-content .modal-close:hover{background:rgba(0,0,0,0.15);transform:rotate(90deg);}.attendance-header{text-align:center;padding:32px 24px 20px;background:linear-gradient(180deg,rgba(255,107,53,0.08) 0%,transparent 100%);}.attendance-header h3{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 8px;letter-spacing:-0.02em;}.attendance-header p{font-size:14px;color:var(--muted);margin:0;}.streak-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);margin:0 20px;border-radius:16px;color:#fff;position:relative;overflow:hidden;}.streak-display::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,transparent 60%);animation:streakShimmer 4s ease-in-out infinite;}@keyframes streakShimmer{0%,100%{transform:rotate(0deg);}50%{transform:rotate(180deg);}}.streak-fire{font-size:36px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));position:relative;z-index:1;animation:fireFlicker 1.5s ease-in-out infinite;}@keyframes fireFlicker{0%,100%{transform:scale(1);}25%{transform:scale(1.05) rotate(-3deg);}50%{transform:scale(1.1);}75%{transform:scale(1.05) rotate(3deg);}}.streak-count{font-size:48px;font-weight:900;line-height:1;position:relative;z-index:1;text-shadow:0 4px 12px rgba(0,0,0,0.2);}.streak-label{font-size:15px;font-weight:600;opacity:0.95;position:relative;z-index:1;}.points-display{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;margin:16px 20px;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.1) 100%);border:1px solid rgba(99,102,241,0.2);border-radius:14px;}.points-icon{font-size:26px;animation:pointsGlow 2s ease-in-out infinite;}@keyframes pointsGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(99,102,241,0.5));}50%{filter:drop-shadow(0 0 12px rgba(139,92,246,0.8));}}.points-count{font-size:28px;font-weight:800;color:var(--ja-primary,#6366f1);letter-spacing:-0.02em;}.points-label{font-size:14px;color:var(--ja-dark,#8b5cf6);font-weight:600;}.checkin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 40px);margin:16px 20px;padding:18px 24px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--obang-cheong,#10b981) 0%,var(--obang-cheong-dark,#059669) 100%);color:#fff;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(16,185,129,0.4);}.checkin-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;}.checkin-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,185,129,0.5);}.checkin-btn:not(:disabled):hover::before{left:100%;}.checkin-btn:active{transform:translateY(0) scale(0.98);}.checkin-btn .btn-text{font-size:17px;}.checkin-btn .btn-reward{padding:4px 12px;background:rgba(255,255,255,0.25);border-radius:20px;font-size:14px;font-weight:800;}.checkin-btn.checking{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);pointer-events:none;}.checkin-btn.checking .btn-text::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;}.checkin-btn.checked{background:linear-gradient(135deg,var(--ja-primary,#6366f1) 0%,var(--ja-dark,#8b5cf6) 100%);pointer-events:none;}.checkin-btn.checked::after{content:'✓';margin-left:8px;font-size:20px;}.checkin-btn:disabled{opacity:0.6;cursor:not-allowed;box-shadow:none;}.attendance-calendar{padding:20px;padding-top:12px;}.attendance-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.attendance-calendar-title{font-size:15px;font-weight:700;color:var(--ink);}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}.attendance-calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding:6px 0;}.attendance-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink-secondary);background:var(--bg-secondary);transition:all 0.2s ease;position:relative;}.attendance-calendar-day.empty{background:transparent;}.attendance-calendar-day.today{border:2px solid var(--gold);background:var(--gold-light);color:var(--gold);font-weight:700;}.attendance-calendar-day.attended{background:linear-gradient(135deg,var(--obang-cheong,#10b981) 0%,var(--obang-cheong-dark,#059669) 100%);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(16,185,129,0.3);}.attendance-calendar-day.attended::after{content:'✓';position:absolute;bottom:2px;right:2px;font-size:8px;}.attendance-calendar-day.streak-bonus{background:linear-gradient(135deg,var(--obang-hwang-darker,#f59e0b) 0%,var(--obang-hwang-accent,#d97706) 100%);animation:bonusPulse 2s ease-in-out infinite;}@keyframes bonusPulse{0%,100%{box-shadow:0 2px 8px rgba(245,158,11,0.3);}50%{box-shadow:0 4px 16px rgba(245,158,11,0.5);}}.reward-animation-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001;overflow:hidden;}.confetti-particle{position:absolute;width:10px;height:10px;opacity:0;animation:confettiFall 3s ease-out forwards;}.confetti-particle.circle{border-radius:50%;}.confetti-particle.square{border-radius:2px;}.confetti-particle.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg) scale(1);}100%{opacity:0;transform:translateY(100vh) rotate(720deg) scale(0.5);}}.sparkle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,#fff 0%,transparent 70%);animation:sparkleEffect 1s ease-out forwards;pointer-events:none;}@keyframes sparkleEffect{0%{opacity:1;transform:scale(0) rotate(0deg);}50%{opacity:1;transform:scale(1.5) rotate(180deg);}100%{opacity:0;transform:scale(0.5) rotate(360deg);}}.streak-bonus-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,var(--obang-hwang,#fbbf24) 0%,var(--obang-hwang-darker,#f59e0b) 100%);border-radius:20px;font-size:11px;font-weight:700;color:#fff;margin-left:8px;animation:badgeBounce 0.5s cubic-bezier(0.34,1.56,0.64,1);}@keyframes badgeBounce{0%{transform:scale(0);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@media (max-width:400px){.attendance-modal-content{max-height:85vh;border-radius:20px 20px 0 0;position:absolute;bottom:0;left:0;right:0;max-width:100%;animation:modalSlideUpMobile 0.4s cubic-bezier(0.34,1.56,0.64,1);}@keyframes modalSlideUpMobile{from{opacity:0;transform:translateY(100%);}to{opacity:1;transform:translateY(0);}}.attendance-fab{width:54px;height:54px;bottom:calc(70px + var(--safe-bottom) + 16px);right:16px;}.streak-count{font-size:40px;}.attendance-calendar-grid{gap:4px;}.attendance-calendar-day{font-size:12px;border-radius:8px;}}.myeongsik-container,.result-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,0.1);}.info-card{background:var(--bg-card,rgba(30,30,50,0.6));border:1px solid rgba(255,255,255,0.1);}.myeongsik-cell.cheongan,.myeongsik-cell.jiji{background:rgba(255,255,255,0.05);border:1px solid rgba(255,215,0,0.15);}.myeongsik-char{text-shadow:0 0 20px currentColor;}#result-section{display:none;padding:16px 16px 40px 16px;width:100%;max-width:640px;margin-left:auto;margin-right:auto;box-sizing:border-box;}.result-profile{text-align:center;padding:32px 20px;margin-bottom:24px;}.result-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--obang-heuk,#e5e7eb),var(--obang-heuk-lighter,#333));color:var(--obang-baek,#fff);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;font-family:"Noto Serif KR",serif;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}.result-name{font-size:22px;font-weight:700;margin-bottom:4px;}.result-meta{font-size:14px;color:var(--muted);}.result-tags{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap;}.result-tag{padding:6px 14px;background:var(--bg-secondary);border-radius:var(--radius-pill);font-size:13px;font-weight:500;}.result-card{background:var(--card);border:none;border-radius:var(--radius-xl);padding:28px;margin-bottom:20px;box-shadow:var(--shadow-card);}.result-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}.result-card-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px;}.result-card-title{font-size:17px;font-weight:700;}.result-card-subtitle{font-size:12px;color:var(--muted);margin-top:2px;}.saju-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;}.saju-pillar{text-align:center;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius);}.saju-pillar-label{font-size:11px;color:var(--muted);margin-bottom:8px;}.saju-pillar-chars{display:flex;flex-direction:column;gap:4px;}.saju-char{font-size:24px;font-weight:700;font-family:"Noto Serif KR",serif;line-height:1.2;}.saju-char-sub{font-size:11px;color:var(--muted);}.oheng-bars{display:flex;flex-direction:column;gap:12px;}.oheng-row{display:flex;align-items:center;gap:12px;}.oheng-label{width:50px;font-size:14px;font-weight:600;}.oheng-bar-bg{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);overflow:hidden;}.oheng-bar-fill{height:100%;border-radius:var(--radius-xs);transition:width 0.5s ease;}.oheng-count{width:30px;text-align:right;font-size:14px;font-weight:600;}.timeline-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0;-webkit-overflow-scrolling:touch;}.timeline-scroll::-webkit-scrollbar{display:none;}.daeun-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}.timeline-item{flex-shrink:0;width:auto;text-align:center;padding:16px 12px;background:var(--bg-secondary);border-radius:var(--radius);}.timeline-item.current{background:var(--ink);color:var(--bg);}.timeline-age{font-size:12px;color:var(--muted);margin-bottom:6px;}.timeline-item.current .timeline-age{color:rgba(255,255,255,0.6);}.timeline-char{font-size:18px;font-weight:700;font-family:"Noto Serif KR",serif;}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.info-grid-item{padding:16px;background:var(--bg-secondary);border-radius:var(--radius);text-align:center;}.info-grid-label{font-size:12px;color:var(--muted);margin-bottom:6px;}.info-grid-value{font-size:20px;font-weight:700;}.info-grid-desc{font-size:12px;color:var(--ink-secondary);margin-top:4px;}.yongsin-display{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}.yongsin-item{padding:20px 16px;border-radius:var(--radius);text-align:center;}.yongsin-label{font-size:12px;margin-bottom:8px;opacity:0.8;}.yongsin-value{font-size:28px;font-weight:700;font-family:"Noto Serif KR",serif;}.sipsin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.sipsin-item{text-align:center;padding:12px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.sipsin-pos{font-size:11px;color:var(--muted);margin-bottom:4px;}.sipsin-name{font-size:14px;font-weight:600;}.interpretation-text{font-size:15px;line-height:1.8;color:var(--ink-secondary);background:var(--bg-secondary);padding:20px;border-radius:var(--radius);white-space:pre-wrap;}.interpretation-text strong{color:var(--ink);font-weight:600;}.track-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.track-item{padding:16px;background:var(--bg-secondary);border-radius:var(--radius);}.track-label{font-size:13px;color:var(--muted);margin-bottom:8px;}.track-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:6px;}.track-fill{height:100%;border-radius:3px;transition:width 0.5s ease;}.track-value{font-size:20px;font-weight:700;}.seun-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.seun-card{padding:20px;background:var(--bg-secondary);border-radius:var(--radius);text-align:center;}.seun-year{font-size:13px;color:var(--muted);margin-bottom:8px;}.seun-char{font-size:28px;font-weight:700;font-family:"Noto Serif KR",serif;margin-bottom:4px;}.seun-oheng{font-size:12px;color:var(--ink-secondary);}.job-card{padding:16px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:12px;}.job-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}.job-oheng{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--obang-baek,#fff);}.job-title{font-size:15px;font-weight:600;}.job-desc{font-size:13px;color:var(--ink-secondary);margin-bottom:8px;}.job-examples{display:flex;flex-wrap:wrap;gap:6px;}.job-tag{padding:4px 10px;background:var(--bg);border-radius:var(--radius-pill);font-size:12px;color:var(--muted);}.today-fortune{padding:20px;background:rgba(201,162,39,0.1);border-radius:var(--radius);text-align:center;}.today-fortune-icon{font-size:48px;margin-bottom:12px;}.today-fortune-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--gold);}.today-fortune-desc{font-size:14px;color:var(--ink-secondary);line-height:1.6;}.mission-list{display:flex;flex-direction:column;gap:10px;}.mission-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:var(--radius);}.mission-icon{font-size:20px;}.mission-content{flex:1;}.mission-title{font-size:14px;font-weight:600;margin-bottom:4px;}.mission-desc{font-size:12px;color:var(--muted);}.mission-status{padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;}.mission-status.done{background:rgba(45,138,78,0.12);color:var(--wood);}.mission-status.pending{background:var(--bg-tertiary);color:var(--muted);}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:var(--ink);color:var(--bg);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;margin-top:24px;}.save-btn:hover{opacity:0.9;}.result-container{padding:0 20px;}.analysis-complete-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(45,138,78,0.12);color:var(--wood);border-radius:var(--radius-pill);font-size:11px;font-weight:600;}.result-card.wood{border-left:4px solid var(--wood);}.result-card.fire{border-left:4px solid var(--fire);}.result-card.earth{border-left:4px solid var(--earth);}.result-card.metal{border-left:4px solid var(--metal);}.result-card.water{border-left:4px solid var(--water);}.result-complete{display:flex;justify-content:flex-end;margin-bottom:8px;}.result-footer{padding:24px 20px;text-align:right;}.myeongsik-container{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 16px;margin-bottom:20px;}.myeongsik-header{text-align:center;margin-bottom:20px;}.myeongsik-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;}.myeongsik-sub{font-size:12px;color:var(--muted);}.myeongsik-table{width:100%;border-collapse:separate;border-spacing:6px;table-layout:fixed;}.myeongsik-table tr{display:table-row;}.myeongsik-table td{display:table-cell;text-align:center;vertical-align:middle;}.myeongsik-row-label{width:55px;min-width:55px;font-size:12px;font-weight:600;color:var(--muted);padding:8px 4px;text-align:right;padding-right:8px;background:transparent;border:none;}.myeongsik-label{text-align:center;font-size:13px;font-weight:600;color:var(--ink-secondary);padding:10px 4px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--line);line-height:1.4;}.myeongsik-label-ganji{font-size:11px;font-weight:500;color:var(--muted);}.myeongsik-cell-sipsin{padding:4px 2px;background:transparent;border:none;}.myeongsik-cell{text-align:center;padding:14px 6px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--line);}.myeongsik-cell.cheongan,.myeongsik-cell.jiji{background:var(--card);padding:20px 8px;}.myeongsik-cell.small{min-height:40px;padding:8px 4px;background:transparent;}.myeongsik-cell-simple{padding:6px 4px;background:transparent;border:none;}.myeongsik-char{font-size:42px;font-weight:700;font-family:"Noto Serif KR",serif;line-height:1;display:flex;align-items:baseline;justify-content:center;}.myeongsik-oheng{font-size:13px;font-weight:500;margin-left:3px;opacity:0.7;}.myeongsik-oheng-sub{font-size:12px;font-weight:500;margin-left:2px;opacity:0.6;vertical-align:sub;}.myeongsik-hanja{font-size:10px;color:var(--muted);margin-top:2px;}.myeongsik-sipsin{font-size:12px;font-weight:600;margin-top:6px;color:var(--ink-secondary);}.myeongsik-sipsin-text{font-size:12px;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,0.5);}.myeongsik-jijang{font-size:11px;font-weight:600;letter-spacing:1px;text-shadow:0 0 8px rgba(0,0,0,0.5);}.myeongsik-unseong{font-size:11px;font-weight:500;color:var(--ink-secondary);}.myeongsik-sinsal{font-size:10px;font-weight:600;color:var(--obang-baek-dark,#d6d3d1);background:rgba(214,211,209,0.15);border:1px solid rgba(214,211,209,0.3);padding:2px 6px;border-radius:var(--radius-xs);transition:transform 0.15s,box-shadow 0.15s;}.myeongsik-sinsal.clickable{cursor:pointer;}.myeongsik-sinsal.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(107,91,79,0.3);}.myeongsik-sinsal.clickable:active{transform:scale(0.98);}.sinsal-chip{padding:4px 8px !important;border-radius:var(--radius);font-size:11px !important;font-weight:500;white-space:nowrap;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;}.sinsal-chip:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,0.15);}.sinsal-chip:active{transform:scale(0.98);}.manseryeok-section{background:var(--card);overflow:hidden;}.manseryeok-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--obang-cheong-dark,#1e5631);cursor:pointer;transition:all 0.3s ease;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}.manseryeok-header:hover{background:var(--obang-cheong,#2d7a47);transform:translateY(-2px);box-shadow:var(--shadow-hover);}.manseryeok-title{font-size:15px;font-weight:700;color:var(--obang-baek,#ffffff);display:flex;align-items:center;gap:10px;text-shadow:0 1px 2px rgba(0,0,0,0.2);white-space:nowrap;}.manseryeok-title::before{content:none;}.manseryeok-title::after{content:"클릭하여 펼치기";font-size:11px;font-weight:400;opacity:0.85;margin-left:8px;background:rgba(255,255,255,0.2);padding:3px 8px;border-radius:var(--radius-sm);}.manseryeok-section.open .manseryeok-title::after{content:"클릭하여 접기";}.manseryeok-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--obang-baek,#ffffff);font-size:12px;transition:transform 0.3s;background:rgba(255,255,255,0.2);border-radius:50%;}.manseryeok-section.open .manseryeok-arrow{transform:rotate(180deg);}.manseryeok-content{display:none;padding:0;border-top:1px solid var(--line);}.manseryeok-section.open .manseryeok-content{display:block;}.fortune-section{padding:16px 0;border-bottom:1px solid var(--line);overflow:hidden;}.fortune-section:last-child{border-bottom:none;}.fortune-section-title{font-size:13px;font-weight:700;color:var(--ink);margin:0 16px 12px;}.fortune-section-subtitle{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px;}.fortune-carousel{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;}.fortune-carousel-btn{width:32px;height:32px;border:1px solid var(--line);background:var(--bg);border-radius:50%;cursor:pointer;font-size:14px;color:var(--ink-secondary);display:none;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;}.fortune-carousel-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent);}.fortune-carousel-cards{display:flex;gap:6px;flex-wrap:nowrap;align-items:flex-start;padding:10px 16px;overflow-x:auto;overflow-y:hidden;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.2) transparent;}.fortune-carousel-cards::-webkit-scrollbar{height:4px;}.fortune-carousel-cards::-webkit-scrollbar-track{background:transparent;}.fortune-carousel-cards::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:2px;}.fortune-card{flex:0 0 auto;min-width:58px;text-align:center;transition:all 0.25s;opacity:0.65;cursor:pointer;border-radius:var(--radius-sm);padding:6px 4px;}.fortune-card.visible{opacity:0.75;}.fortune-card.active{opacity:1;transform:scale(1.05);background:rgba(212,175,55,0.12);box-shadow:0 0 0 3px var(--gold);}.fortune-card.current .fortune-card-header{color:var(--gold);font-weight:700;}.fortune-card:hover{opacity:0.9;}.fortune-card.active:hover{opacity:1;}.fortune-card-header{font-size:12px;color:var(--ink-secondary);margin-bottom:5px;font-weight:600;}.fortune-card-sub{font-size:11px;color:var(--ink-secondary);font-weight:500;}.fortune-card-cheongan,.fortune-card-jiji{width:52px;height:52px;margin:0 auto 4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;position:relative;box-shadow:var(--shadow-sm);}.fortune-card-cheongan .small-text,.fortune-card-jiji .small-text{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:500;opacity:0.85;}.fortune-card-footer{font-size:10px;color:var(--ink-secondary);line-height:1.4;font-weight:500;}.fortune-card.current .fortune-card-cheongan,.fortune-card.current .fortune-card-jiji{box-shadow:0 0 0 3px var(--gold),0 2px 8px rgba(212,175,55,0.3);}.fortune-card.current .fortune-card-header{color:var(--gold);font-weight:700;}.oheng-wood{background:linear-gradient(135deg,#2d7d46 0%,#1e5631 100%);color:#fff;}.oheng-fire{background:linear-gradient(135deg,#dc3545 0%,#a62626 100%);color:#fff;}.oheng-earth{background:linear-gradient(135deg,#d4a82a 0%,#b8960f 100%);color:#fff;}.oheng-metal{background:linear-gradient(135deg,#9a9488 0%,#7a7468 100%);color:#fff;}.oheng-water{background:linear-gradient(135deg,#2c3e50 0%,#1a1a2e 100%);color:#fff;}.calendar-section{padding:16px;overflow-x:auto;}.calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:8px;}.calendar-nav{display:flex;align-items:center;gap:16px;}.calendar-nav-btn{width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:50%;cursor:pointer;font-size:14px;color:var(--ink-secondary);display:flex;align-items:center;justify-content:center;}.calendar-nav-btn:hover{background:var(--line);}.calendar-month-title{font-size:18px;font-weight:700;color:var(--ink);min-width:120px;text-align:center;}.calendar-month-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:16px;}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;min-width:350px;}.calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:8px 4px;}.calendar-weekday.sunday{color:var(--obang-jeok-dark,#a62626);}.calendar-weekday.saturday{color:var(--obang-heuk-light,#4a6fa5);}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;min-width:350px;}.calendar-day{min-height:72px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:11px;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;background:var(--bg);}.calendar-day:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm);}.calendar-day:not(.empty):active{transform:translateY(0);box-shadow:var(--shadow-xs);}.calendar-day:not(.empty){position:relative;cursor:pointer;overflow:hidden;}.calendar-day.today{border:2px solid var(--gold);background:var(--gold-light);}.calendar-day.today::after{content:'오늘의 운세 →';position:absolute;left:0;right:0;bottom:0;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--obang-geum-dark,#8b7355),var(--obang-geum-light,#b89d66));color:var(--obang-baek,#fff);font-size:11px;font-weight:600;border-radius:0 0 4px 4px;transform:translateY(100%);opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;}.calendar-day.today:hover::after{transform:translateY(0);opacity:1;}.calendar-day:not(.today):not(.empty)::after{content:'지정일 운세 →';position:absolute;left:0;right:0;bottom:0;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--obang-baek-dark,#6b6b6b),var(--obang-baek-darker,#8b8b8b));color:var(--obang-baek,#fff);font-size:11px;font-weight:600;border-radius:0 0 4px 4px;transform:translateY(100%);opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;}.calendar-day:not(.today):not(.empty):hover::after{transform:translateY(0);opacity:1;}.calendar-day.empty{background:transparent;border-color:transparent;cursor:default;min-height:0;}.calendar-day.empty:hover{transform:none;box-shadow:none;}.calendar-day-num{font-size:14px;font-weight:700;margin-bottom:4px;}.calendar-day.sunday .calendar-day-num{color:var(--obang-jeok-dark,#a62626);}.calendar-day.saturday .calendar-day-num{color:var(--obang-heuk-light,#4a6fa5);}.calendar-day-ganzi{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:2px;}.calendar-day-ganzi .gan{display:inline;}.calendar-day-ganzi .ji{font-size:11px;color:var(--ink-secondary);}.calendar-day-lunar{font-size:10px;color:var(--muted);margin-top:auto;}.calendar-day-special{font-size:9px;color:var(--obang-jeok-dark,#a62626);font-weight:600;line-height:1.2;}.calendar-day-time{font-size:8px;color:var(--gold);font-weight:600;}.daeunsu-header{background:linear-gradient(135deg,var(--bg-secondary,#f8f9fa) 0%,var(--line,#e9ecef) 100%);border-radius:var(--radius-sm);padding:12px 16px;margin:0 16px 12px;display:flex;justify-content:space-between;align-items:center;}.daeunsu-title{font-size:16px;font-weight:700;color:var(--ink);}.daeunsu-value{font-size:15px;font-weight:600;color:var(--gold);}.fortune-card-wrapper{display:flex;flex-direction:column;align-items:center;}.fortune-card-row{display:flex;flex-direction:column;gap:2px;}.singang-container{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;margin:0 0 20px;}.singang-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.singang-title{font-size:15px;font-weight:700;}.singang-result{font-size:14px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill);}.singang-result.strong{background:rgba(30,86,49,0.15);color:var(--wood);}.singang-result.weak{background:rgba(166,38,38,0.15);color:var(--fire);}.singang-result.neutral{background:rgba(201,162,39,0.15);color:var(--earth);}.singang-checks{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;}.singang-check-item{display:flex;align-items:center;gap:6px;font-size:13px;}.singang-check-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}.singang-check-icon.pass{background:rgba(30,86,49,0.15);color:var(--obang-cheong-dark,#1e5631);}.singang-check-icon.fail{background:rgba(166,38,38,0.15);color:var(--obang-jeok-dark,#a62626);}.singang-check-label{color:var(--ink-secondary);}.singang-summary{font-size:14px;color:var(--ink-primary);margin-bottom:16px;line-height:1.5;}.singang-gauge{position:relative;height:12px;background:linear-gradient(90deg,var(--obang-jeok-dark,#a62626) 0%,var(--obang-hwang,#c9a227) 50%,var(--obang-cheong-dark,#1e5631) 100%);border-radius:var(--radius-xs);margin-bottom:8px;}.singang-pointer{position:absolute;top:-4px;width:20px;height:20px;background:var(--card);border:3px solid var(--ink);border-radius:50%;transform:translateX(-50%);box-shadow:var(--shadow-sm);}.singang-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:12px;}.singang-labels span{flex:1;text-align:center;}.singang-desc{margin-top:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-secondary);line-height:1.6;}.singang-school-label{font-size:11px;color:var(--muted);margin-bottom:8px;}.singang-other-view{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);}.singang-other-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;}.singang-other-icon{font-size:14px;}.singang-other-title{font-size:13px;font-weight:600;color:var(--ink);}.singang-other-content{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;}.singang-other-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.singang-other-label{font-size:12px;color:var(--ink-secondary);}.singang-other-desc{font-size:11px;color:var(--muted);margin-bottom:10px;}.singang-other-gauge{position:relative;height:12px;background:linear-gradient(90deg,var(--obang-jeok-dark,#a62626) 0%,var(--obang-hwang,#c9a227) 50%,var(--obang-cheong-dark,#1e5631) 100%);border-radius:var(--radius-xs);margin-bottom:8px;}.singang-other-note{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.5;}.analysis-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px;align-items:start;}@media (max-width:600px){.analysis-dual-grid{grid-template-columns:1fr;}}.analysis-dual-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;height:100%;}.analysis-dual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.analysis-dual-title{font-size:15px;font-weight:700;}.analysis-dual-badges{display:flex;gap:6px;}.dual-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius);}.analysis-dual-chart{display:flex;justify-content:center;margin-bottom:12px;}.donut-chart-container{position:relative;width:120px;height:120px;}.donut-chart{width:100%;height:100%;}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.donut-center-value{font-size:20px;font-weight:700;}.donut-center-label{font-size:11px;color:var(--muted);}.analysis-dual-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}.legend-item{display:flex;align-items:center;gap:4px;font-size:11px;}.legend-dot{width:8px;height:8px;border-radius:50%;}.yongsin-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;margin:0 0 20px;}.yongsin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.yongsin-card-title{font-size:15px;font-weight:700;}.yongsin-card-sub{font-size:12px;color:var(--muted);}.yongsin-trio{display:flex;gap:8px;margin-bottom:16px;}.yongsin-trio-item{flex:1;text-align:center;padding:16px 8px;border-radius:var(--radius);}.yongsin-trio-label{font-size:11px;font-weight:600;margin-bottom:6px;}.yongsin-trio-char{font-size:32px;font-weight:700;font-family:"Noto Serif KR",serif;}.yongsin-trio-desc{font-size:10px;margin-top:4px;opacity:0.7;}.yongsin-explain{padding:14px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-secondary);line-height:1.7;}.daeun-section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:16px;}.daeun-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;}.daeun-title{font-size:13px;font-weight:700;color:var(--ink);}.daeun-now{padding:3px 10px;background:var(--ink);color:var(--bg);border-radius:var(--radius-pill);font-size:12px;font-weight:600;}.daeun-remain{font-size:11px;color:var(--muted);}.daeun-flow{display:flex;flex-wrap:wrap;gap:6px;}.daeun-chip{display:flex;align-items:center;gap:4px;padding:5px 8px;background:var(--bg-secondary);border-radius:var(--radius-lg);}.daeun-chip.current{background:var(--ink);}.daeun-chip.past{opacity:0.45;}.daeun-age{font-size:10px;color:var(--muted);min-width:18px;}.daeun-chip.current .daeun-age{color:rgba(255,255,255,0.6);}.daeun-char{font-size:14px;font-weight:700;font-family:"Noto Serif KR",serif;}.seun-section{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}.seun-title{font-size:12px;font-weight:600;color:var(--muted);}.seun-row{display:flex;gap:8px;}.seun-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius-xl);}.seun-chip.this-year{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.15),rgba(var(--color-to-rgb),0.1));border:1px solid rgba(var(--color-hwa-rgb),0.2);}.seun-label{font-size:11px;color:var(--muted);}.fortune-timeline,.fortune-grid,.fortune-item,.seun-cards,.seun-card-new{display:none;}.seun-card-oheng{font-size:11px;color:var(--ink-secondary);}.analysis-section{background:var(--card);border:none;border-radius:var(--radius-xl);padding:28px;margin:0 16px 24px;box-shadow:var(--shadow-card);}.analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}.analysis-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;}.analysis-title-wrap{flex:1;}.analysis-title{font-size:17px;font-weight:700;letter-spacing:-0.03em;}.analysis-subtitle{font-size:13px;color:var(--muted);margin-top:2px;}.simple-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}.simple-grid-item{text-align:center;padding:10px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.simple-grid-label{font-size:10px;color:var(--muted);margin-bottom:4px;}.simple-grid-value{font-size:14px;font-weight:600;}.tag-list{display:flex;flex-wrap:wrap;gap:6px;}.tag-item{padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius-pill);font-size:12px;font-weight:500;}.tag-item.success{background:rgba(45,138,78,0.12);color:var(--wood);}.tag-item.danger{background:rgba(220,53,69,0.12);color:var(--danger);}.tag-item.warning{background:rgba(230,126,34,0.12);color:var(--warning);}.info-box{padding:14px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-secondary);line-height:1.7;}.info-box + .info-box{margin-top:10px;}.list-item-new{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-secondary);border-radius:var(--radius-md);}.list-item-new .list-item-icon{margin-top:2px;}.list-item-new + .list-item-new{margin-top:12px;}.list-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--obang-baek,#fff);flex-shrink:0;}.list-item-content{flex:1;min-width:0;}.list-item-title{font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:-0.02em;}.list-item-desc{font-size:13px;color:var(--muted);line-height:1.7;word-break:keep-all;overflow-wrap:break-word;white-space:normal;text-overflow:clip;}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.score-item{padding:14px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.score-label{font-size:12px;color:var(--muted);margin-bottom:6px;}.score-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:6px;}.score-fill{height:100%;border-radius:2px;}.score-value{font-size:18px;font-weight:700;}.info-card{background:var(--bg-card,rgba(30,30,50,0.6));border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:28px;margin-bottom:20px;}.info-card-title{font-size:17px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px;letter-spacing:-0.03em;}.info-text{font-size:15px;line-height:1.9;color:var(--ink-secondary);}.info-text p{margin-bottom:14px;}.info-text strong{color:var(--ink);font-weight:600;}#traditional-result-container .info-text,#traditional-result-container .info-text p,#traditional-result-container p,#traditional-result-container div:not([class*="title"]):not([class*="label"]){color:#e5e7eb !important;}#traditional-result-container .sub-text,#traditional-result-container .classic-desc{color:#333333 !important;}.highlight-number{font-size:32px;font-weight:700;letter-spacing:-0.04em;color:var(--ink);}.highlight-label{font-size:13px;color:var(--muted);margin-top:4px;}.sub-text{font-size:13px;color:var(--muted);line-height:1.6;}.classic-list{display:flex;flex-direction:column;gap:14px;}.classic-item{padding:18px;background:var(--bg-secondary);border-radius:var(--radius-md);}.classic-name{font-size:15px;font-weight:600;margin-bottom:4px;}.classic-name-cn{font-family:"Noto Serif KR",serif;color:var(--gold);}.classic-period{font-size:12px;color:var(--muted);margin-bottom:6px;}.classic-desc{font-size:13px;color:var(--ink-secondary);line-height:1.6;}.detail-group-container{margin:0 0 24px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--card);}.saju-detail-section{background:var(--card);overflow:hidden;}.saju-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--obang-geum-dark,#6b5b4f);cursor:pointer;transition:all 0.3s ease;border-bottom:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}.saju-detail-header:hover{background:var(--obang-geum-darker,#5a4d42);transform:translateY(-2px);box-shadow:var(--shadow-hover);}.saju-detail-title{font-size:15px;font-weight:700;color:var(--obang-baek,#ffffff);display:flex;align-items:center;gap:10px;text-shadow:0 1px 2px rgba(0,0,0,0.2);white-space:nowrap;}.saju-detail-title::before{content:none;}.saju-detail-title::after{content:"클릭하여 펼치기";font-size:11px;font-weight:400;opacity:0.85;margin-left:8px;background:rgba(255,255,255,0.2);padding:3px 8px;border-radius:var(--radius-sm);}.saju-detail-section.open .saju-detail-title::after{content:"클릭하여 접기";}.saju-detail-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--obang-baek,#ffffff);font-size:12px;transition:transform 0.3s;background:rgba(255,255,255,0.2);border-radius:50%;}.saju-detail-section.open .saju-detail-arrow{transform:rotate(180deg);}.saju-detail-content{display:none;padding:0;}.saju-detail-section.open .saju-detail-content{display:block;}.saju-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-bottom:1px solid var(--line);background:var(--bg-secondary);}.saju-detail-tab{padding:8px 14px;border:1px solid var(--line);background:var(--bg);border-radius:var(--radius-xl);font-size:13px;font-weight:500;color:var(--ink-secondary);cursor:pointer;transition:all 0.2s;}.saju-detail-tab:hover{border-color:var(--ink);color:var(--ink);}.saju-detail-tab.active{background:var(--ink);border-color:var(--ink);color:var(--bg);}.saju-detail-panel{display:none;padding:20px;}.saju-detail-panel.active{display:block;}.gungseong-table{width:100%;border-collapse:collapse;margin-bottom:16px;}.gungseong-table th,.gungseong-table td{padding:8px 4px;text-align:center;border:1px solid var(--line);font-size:13px;}.gungseong-table th{background:var(--bg-secondary);font-weight:600;color:var(--muted);font-size:12px;}.gungseong-header-row th{padding:6px;font-size:11px;}.gungseong-period{font-size:11px;color:var(--muted);font-weight:400;}.gungseong-role{font-size:10px;color:var(--gold);margin-top:2px;}.gungseong-char{font-size:28px;font-weight:700;font-family:"Noto Serif KR",serif;line-height:1.2;}.gungseong-sipsin{font-size:11px;color:var(--muted);margin-top:2px;}.gungseong-jijanggan{font-size:11px;color:var(--ink-secondary);}.hapchung-card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;margin-bottom:12px;}.hapchung-title{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px;}.hapchung-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.hapchung-char{text-align:center;}.hapchung-char-main{font-size:24px;font-weight:700;font-family:"Noto Serif KR",serif;}.hapchung-char-label{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px;}.hapchung-arrow{font-size:20px;color:var(--muted);}.hapchung-result{text-align:center;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-secondary);}.hapchung-result strong{color:var(--ink);}.hapchung-desc{font-size:13px;color:var(--ink-secondary);line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}.hapchung-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0;}.hapchung-badge{padding:4px 10px;border-radius:var(--radius);font-size:12px;font-weight:600;}.hapchung-badge.hap{background:rgba(201,162,39,0.15);color:var(--obang-geum-dark,#8b7355);}.hapchung-badge.chung{background:rgba(220,53,69,0.1);color:var(--obang-jeok,#dc3545);}.hapchung-badge.hyung,.hapchung-badge.pa,.hapchung-badge.hae{background:rgba(108,117,125,0.1);color:var(--muted,#6c757d);}.hapchung-name{font-weight:500;}.no-data-box{text-align:center;padding:40px 20px;color:var(--muted);}.no-data-icon{font-size:40px;margin-bottom:12px;opacity:0.5;}.no-data-text{font-size:14px;}.gongmang-info{display:flex;gap:12px;margin-bottom:16px;}.gongmang-char-box{flex:1;text-align:center;padding:16px;background:var(--bg-secondary);border-radius:var(--radius);border:2px dashed var(--line);}.gongmang-char-box .char{font-size:32px;font-weight:700;font-family:"Noto Serif KR",serif;color:var(--muted);}.gongmang-char-box .label{font-size:11px;color:var(--muted);margin-top:4px;}.gongmang-position{margin-top:12px;}.gongmang-position-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:8px;}.gongmang-position-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--danger);color:var(--obang-baek,#fff);border-radius:50%;font-size:11px;font-weight:700;}.gongmang-position-icon.empty{background:var(--bg-tertiary);color:var(--muted);}.gongmang-position-text{flex:1;font-size:13px;}.gongmang-position-text strong{color:var(--ink);}.section-title-obang{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;color:#fbbf24;margin:24px 0 12px 0;padding:14px 20px;background:linear-gradient(135deg,rgba(var(--color-to-rgb),0.18),rgba(var(--color-to-rgb),0.06));border-left:4px solid #fbbf24;border-radius:0 12px 12px 0;box-shadow:0 2px 8px rgba(var(--color-to-rgb),0.1);position:relative;}.section-title-obang::before{content:'';display:none;}.section-title-obang::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:linear-gradient(135deg,rgba(var(--color-to-rgb),0.2),rgba(var(--color-to-rgb),0.05));border-radius:50%;}.subsection-title-obang{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#fcd34d;margin:20px 0 12px 0;padding:0 0 8px 0;background:transparent;border-left:none;border-bottom:2px solid rgba(252,211,77,0.4);border-radius:0;}.subsection-title-obang::before{content:'›';font-size:18px;font-weight:700;color:#fcd34d;}.hashtag-obang{display:inline-block;font-size:12px;font-weight:600;color:var(--color-hwa);background:rgba(var(--color-hwa-rgb),0.1);padding:3px 10px;border-radius:var(--radius);margin:2px 4px;border:1px solid rgba(var(--color-hwa-rgb),0.2);}.hashtag-obang::before{content:'#';}.bullet-obang{display:flex;align-items:flex-start;padding:4px 0;margin:0;color:var(--ink);line-height:1.7;font-size:14px;}.bullet-obang::before{content:'●';flex-shrink:0;color:var(--color-su);font-size:6px;margin-right:10px;margin-top:8px;}.info-card .section-title-obang{margin-top:28px;}.info-card .section-title-obang:first-child{margin-top:0;}.bullet-obang strong{display:inline !important;font-weight:600;margin-right:4px;}.info-card strong{display:inline;}.bullet-obang + br{display:none;}.trad-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-to-rgb),0.3),transparent);margin:20px 0;}.trad-gap{height:10px;}.trad-item{display:flex;align-items:flex-start;padding:10px 14px;margin:4px 0;line-height:1.6;font-size:14px;color:#e5e7eb;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),rgba(var(--color-su-rgb),0.02));border-radius:var(--radius-sm);border-left:3px solid var(--color-su);transition:all 0.2s ease;}.trad-item:hover{background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),var(--bg-secondary));transform:translateX(4px);}.trad-item:last-child{margin-bottom:0;}.trad-item::before{content:'';flex-shrink:0;width:8px;height:8px;background:var(--color-su);border-radius:50%;margin-right:14px;margin-top:6px;box-shadow:0 0 8px rgba(var(--color-su-rgb),0.3);}.trad-label{flex-shrink:0;font-weight:800;color:#4ade80;min-width:80px;margin-right:12px;font-size:14px;}.trad-label::after{content:'';}.trad-value{flex:1;color:#e5e7eb;word-break:keep-all;line-height:1.7;}.trad-bullet{display:flex;align-items:flex-start;padding:10px 0;line-height:1.8;font-size:14px;color:#e5e7eb;border-bottom:1px solid rgba(var(--color-to-rgb),0.1);}.trad-bullet:last-child{border-bottom:none;}.trad-bullet::before{content:'';flex-shrink:0;width:6px;height:6px;background:linear-gradient(135deg,var(--color-hwa),var(--color-to));border-radius:50%;margin-right:14px;margin-top:9px;}.trad-labeled-content{margin:16px 0;padding:16px 20px;line-height:1.8;font-size:14px;color:#e5e7eb;background:linear-gradient(135deg,rgba(var(--obang-cheong-rgb),0.08),rgba(var(--obang-cheong-rgb),0.02));border-radius:var(--radius);border-left:4px solid #4ade80;box-shadow:0 2px 8px rgba(0,0,0,0.03);}.trad-label-inline{font-weight:800;color:#f87171;display:inline;margin-right:4px;}.trad-bold{font-weight:800;color:#f5f5f5;display:inline;}.trad-note{color:var(--muted);font-style:italic;font-size:13px;display:inline;opacity:0.85;}.trad-quote{padding:14px 18px;margin:12px 0;background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.1),rgba(var(--color-to-rgb),0.05));border-left:3px solid var(--color-hwa);border-radius:0 10px 10px 0;font-size:14px;line-height:1.7;color:#e5e7eb;font-weight:600;}.trad-spirit-card{background:linear-gradient(135deg,rgba(var(--color-to-rgb),0.12),rgba(var(--color-geum-rgb),0.04));border-radius:var(--radius-lg);padding:20px;margin:16px 0;border:1px solid rgba(var(--color-to-rgb),0.2);box-shadow:0 4px 16px rgba(0,0,0,0.04);position:relative;overflow:hidden;}.trad-spirit-card::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(var(--color-to-rgb),0.15),transparent 70%);border-radius:0 16px 0 100%;}.trad-spirit-title{font-size:16px;font-weight:800;color:#f5f5f5;margin-bottom:12px;display:flex;align-items:center;gap:10px;position:relative;z-index:1;}.trad-spirit-tag{font-size:11px;color:var(--color-to);font-weight:600;background:rgba(var(--color-to-rgb),0.15);padding:3px 10px;border-radius:var(--radius);}.trad-highlight-box{margin:16px 0;padding:18px 22px;background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.08),rgba(var(--color-to-rgb),0.04));border:1px solid rgba(var(--color-hwa-rgb),0.2);border-radius:var(--radius-md);position:relative;}.trad-highlight-box::before{content:'✦';position:absolute;top:-8px;left:16px;background:var(--bg-primary);padding:0 8px;color:var(--color-hwa);font-size:14px;}.trad-flow-card{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:16px;margin:12px 0;background:var(--bg-secondary);border-radius:var(--radius);align-items:start;}.trad-flow-age{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.15),rgba(var(--color-su-rgb),0.1));border-radius:var(--radius-sm);}.trad-flow-age-num{font-size:20px;font-weight:800;color:var(--color-mok);}.trad-flow-age-label{font-size:11px;color:var(--muted);margin-top:2px;}.trad-flow-content{font-size:14px;line-height:1.7;color:#e5e7eb;}@media (max-width:480px){.trad-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px 12px 14px;margin:6px 0;border-left-width:3px;}.trad-item::before{display:none;}.trad-label{min-width:unset;margin-right:0;color:#4ade80;font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px;}.trad-label::before{content:'';width:6px;height:6px;background:var(--color-su);border-radius:50%;}.trad-label::after{content:none;}.trad-value{padding-left:12px;font-size:14px;color:#e5e7eb;line-height:1.7;}.trad-bullet{padding:8px 0;}.trad-bullet::before{width:5px;height:5px;margin-right:10px;margin-top:8px;}.section-title-obang{font-size:15px;padding:12px 16px;margin:24px 0 12px 0;border-left-width:3px;}.section-title-obang::after{width:18px;height:18px;right:14px;}.subsection-title-obang{font-size:13px;padding:0 0 6px 0;margin:16px 0 10px 0;}.subsection-title-obang::before{font-size:16px;}.trad-labeled-content{padding:14px 16px;margin:12px 0;border-left-width:3px;}.trad-spirit-card{padding:16px;margin:12px 0;border-radius:var(--radius);}.trad-spirit-card::before{width:60px;height:60px;}.trad-spirit-title{font-size:15px;}.trad-highlight-box{padding:14px 16px;margin:12px 0;}.trad-flow-card{grid-template-columns:50px 1fr;gap:12px;padding:12px;}.trad-flow-age{padding:10px 6px;}.trad-flow-age-num{font-size:18px;}.trad-gap{height:10px;}.trad-divider{margin:24px 0;}}@media (max-width:768px){.result-card,.modal-content{padding:16px;}}@media (max-width:480px){.result-card{padding:14px;margin-bottom:14px;}.myeongsik-char{font-size:32px;}.myeongsik-cell.cheongan,.myeongsik-cell.jiji{padding:14px 6px;}.myeongsik-oheng{font-size:11px;}.myeongsik-sipsin,.myeongsik-sipsin-text{font-size:11px;}.myeongsik-jijang{font-size:10px;letter-spacing:0.5px;}.myeongsik-unseong{font-size:10px;}.myeongsik-sinsal{font-size:9px;padding:2px 4px;}.sinsal-chip{padding:3px 6px !important;font-size:10px !important;border-radius:var(--radius-sm);}.sinsal-chip span{font-size:8px !important;}.sinsal-grid-container{padding:12px 0 !important;}.manseryeok-header{padding:16px 18px;}.manseryeok-title{font-size:14px;gap:8px;}.manseryeok-title::before{font-size:16px;}.manseryeok-title::after{font-size:10px;padding:2px 6px;}.fortune-section{padding:12px 0;}.fortune-section-title{font-size:12px;margin:0 12px 10px;}.hapchung-card{padding:12px;margin-bottom:10px;}.hapchung-title{font-size:12px;margin-bottom:10px;gap:4px;}.hapchung-char{font-size:20px;}.hapchung-char-label{font-size:9px;}.hapchung-arrow{font-size:16px;}.hapchung-result{padding:6px 10px;font-size:11px;}.hapchung-desc{font-size:11px;margin-top:10px;padding-top:10px;}.hapchung-visual{gap:12px;padding:12px 0;}.hapchung-badge{padding:3px 8px;font-size:10px;}.no-data-box{padding:24px 16px;}.no-data-icon{font-size:32px;margin-bottom:8px;}.no-data-text{font-size:12px;}.gongmang-info{gap:8px;margin-bottom:12px;}.gongmang-char-box{padding:12px;}.gongmang-char{font-size:28px;}.gongmang-label{font-size:10px;}.gwangye-tabs{gap:4px;padding:8px;}.gwangye-tab{padding:6px 10px;font-size:11px;}.fortune-card{padding:4px 2px;min-width:0;}.fortune-card-header{font-size:10px;margin-bottom:3px;font-weight:600;}.fortune-card-sub{font-size:9px;font-weight:500;}.fortune-card-cheongan,.fortune-card-jiji{width:36px;height:36px;font-size:18px;margin:0 auto 3px;border-radius:var(--radius-xs);}.fortune-card-cheongan .small-text,.fortune-card-jiji .small-text{font-size:8px;}.fortune-card-footer{font-size:8px;line-height:1.2;font-weight:500;}.fortune-card.active{transform:scale(1.03);}.fortune-carousel,.fortune-card-row{gap:2px !important;}#daeun-section .fortune-section-title,#yeonun-section .fortune-section-title,#wolun-section .fortune-section-title{font-size:13px !important;font-weight:700 !important;}.info-grid{grid-template-columns:1fr;gap:8px;}.info-grid-item{padding:12px 14px;text-align:left;display:flex;align-items:center;gap:12px;}.info-grid-label{font-size:11px;min-width:50px;margin-bottom:0;}.info-grid-value{font-size:16px;flex:1;}.info-grid-desc{font-size:11px;}.yongsin-display{grid-template-columns:1fr;gap:8px;}.yongsin-item{padding:12px 14px;display:flex;align-items:center;gap:12px;}.yongsin-label{font-size:11px;margin-bottom:0;min-width:50px;}.yongsin-value{font-size:22px;}.seun-grid{gap:8px;}.seun-card{padding:12px;}.seun-year{font-size:11px;margin-bottom:4px;}.seun-char{font-size:22px;margin-bottom:2px;}.seun-oheng{font-size:11px;}.track-scores{grid-template-columns:1fr;gap:8px;}.track-item{padding:12px;display:flex;align-items:center;gap:12px;}.track-label{font-size:12px;min-width:60px;margin-bottom:0;}.track-bar{flex:1;margin-bottom:0;}.track-value{font-size:16px;min-width:40px;text-align:right;}.score-grid{gap:8px;}.score-item{padding:10px;}.score-label{font-size:11px;margin-bottom:4px;}.score-bar{margin-bottom:4px;}.score-value{font-size:15px;}.yongsin-trio{flex-direction:column;gap:6px;}.yongsin-trio-item{padding:10px 14px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-sm);}.yongsin-trio-label{font-size:10px;margin-bottom:0;min-width:50px;text-align:left;}.yongsin-trio-char{font-size:24px;}.yongsin-trio-desc{font-size:9px;margin-top:0;flex:1;text-align:right;}.singang-container{padding:14px;}.singang-header{margin-bottom:10px;}.singang-title{font-size:13px;}.singang-result{font-size:12px;padding:3px 10px;}.singang-checks{gap:8px;margin-bottom:12px;}.singang-check-item{gap:4px;font-size:11px;}.singang-check-icon{width:16px;height:16px;font-size:10px;}.singang-summary{font-size:12px;margin-bottom:12px;}.singang-gauge{height:10px;}.singang-pointer{width:16px;height:16px;top:-3px;border-width:2px;}.singang-labels{font-size:9px;}.singang-desc{padding:10px;font-size:12px;}.singang-school-label{font-size:10px;}.list-item-new{padding:12px 14px;gap:10px;}.list-item-icon{width:28px;height:28px;font-size:12px;border-radius:var(--radius-xs);}.list-item-title{font-size:13px;margin-bottom:3px;}.list-item-desc{font-size:12px;line-height:1.6;}.list-item-new + .list-item-new{margin-top:8px;}.result-profile{padding:20px 16px;margin-bottom:16px;}.result-avatar{width:64px;height:64px;font-size:26px;margin-bottom:12px;}.result-name{font-size:18px;}.result-meta{font-size:12px;}.result-tag{padding:5px 10px;font-size:11px;}.info-card{padding:18px;margin-bottom:14px;}.info-card-title{font-size:15px;margin-bottom:14px;gap:8px;}.info-text{font-size:13px;line-height:1.8;}.classic-item{padding:14px;}.classic-name{font-size:13px;}.classic-period{font-size:11px;}.classic-desc{font-size:12px;}.simple-grid{gap:4px;}.simple-grid-item{padding:8px 4px;}.simple-grid-label{font-size:9px;margin-bottom:2px;}.simple-grid-value{font-size:12px;}.analysis-dual-card{padding:12px;}.analysis-dual-title{font-size:13px;}.donut-chart-container{width:100px;height:100px;}.donut-center-value{font-size:16px;}.donut-center-label{font-size:10px;}.legend-item{font-size:10px;}.legend-dot{width:6px;height:6px;}.yongsin-card{padding:14px;}.yongsin-card-title{font-size:13px;}.yongsin-card-sub{font-size:11px;}.yongsin-explain{padding:12px;font-size:12px;}.mbti-strength-grid{grid-template-columns:1fr !important;gap:12px !important;}.mbti-strength-grid .info-card{padding:14px;}.mbti-strength-grid .info-card-title{font-size:14px;margin-bottom:10px !important;}.mbti-strength-grid .info-card-title span:first-child{font-size:16px !important;}.spouse-grid{grid-template-columns:1fr !important;gap:10px !important;}.spouse-card{padding:14px !important;}.spouse-card-title{font-size:12px !important;margin-bottom:8px !important;}.spouse-card-content{font-size:13px !important;line-height:1.7 !important;}.analysis-dual-card{padding:12px !important;}.analysis-dual-header{margin-bottom:8px !important;}.analysis-dual-title{font-size:13px !important;}.dual-badge{font-size:10px !important;padding:2px 6px !important;}.analysis-dual-body{display:flex !important;align-items:flex-start !important;justify-content:center !important;gap:12px !important;}.analysis-dual-body .analysis-dual-chart{flex-shrink:0 !important;width:80px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:0 !important;}.analysis-dual-body .donut-chart-container{width:80px !important;height:80px !important;}.analysis-dual-body .donut-main-label{font-size:12px !important;}.analysis-dual-body .analysis-dual-table{flex:1 !important;min-width:0 !important;}.analysis-dual-body .analysis-dual-table .dual-table-row{display:flex !important;width:100% !important;padding:2px 0 !important;font-size:12px !important;justify-content:flex-start !important;gap:8px !important;}.analysis-dual-body .analysis-dual-table .dual-table-label{font-size:12px !important;min-width:45px !important;}.analysis-dual-body .analysis-dual-table .dual-table-value{font-size:11px !important;text-align:right;}.analysis-dual-card .oheng-relation-diagram,.analysis-dual-card .sipsin-relation-diagram{margin-top:10px !important;padding:8px !important;}.oheng-relation-diagram svg,.sipsin-relation-diagram svg{max-height:180px !important;}}.analysis-dual-body{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:15px !important;}.analysis-dual-body .analysis-dual-chart{flex-shrink:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:0 !important;}.analysis-dual-body .donut-chart-container{width:100px !important;height:100px !important;}.analysis-dual-body .analysis-dual-table{flex:0 1 auto !important;}.analysis-dual-body .analysis-dual-table .dual-table-row{display:flex !important;padding:3px 0 !important;font-size:13px !important;gap:10px !important;}.spouse-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}.spouse-card{padding:18px;border-radius:var(--radius-lg);}.spouse-card-title{font-size:13px;font-weight:700;margin-bottom:10px;}.spouse-card-content{font-size:14px;color:var(--ink);line-height:1.8;}.spouse-card-geum{background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.08),transparent);}.spouse-card-geum .spouse-card-title{color:var(--color-geum);}.spouse-card-su{background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),transparent);}.spouse-card-su .spouse-card-title{color:var(--color-su);}.spouse-card-mok{background:rgba(var(--color-mok-rgb),0.06);border-left:4px solid var(--color-mok);border-radius:var(--radius-md);}.spouse-card-mok .spouse-card-title{color:var(--color-mok);font-size:12px;}.spouse-card-mok .spouse-card-content{font-size:13px;}.spouse-card-to{background:rgba(var(--color-to-rgb),0.06);border-left:4px solid var(--color-to);border-radius:var(--radius-md);}.spouse-card-to .spouse-card-title{color:var(--color-to);font-size:12px;}.spouse-card-to .spouse-card-content{font-size:13px;}.love-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}.love-style-card{padding:16px;border-radius:var(--radius-md);}.love-style-card-mok{background:rgba(var(--color-mok-rgb),0.06);}.love-style-card-to{background:rgba(var(--color-to-rgb),0.06);}.love-style-title{font-size:12px;font-weight:700;margin-bottom:10px;}.love-style-title-mok{color:var(--color-mok);}.love-style-title-to{color:var(--color-to);}.love-style-chips{display:flex;flex-wrap:wrap;gap:6px;}.love-style-chip{padding:5px 10px;border-radius:var(--radius-lg);font-size:12px;color:var(--ink);white-space:nowrap;}.love-style-chip-mok{background:rgba(var(--color-mok-rgb),0.12);}.love-style-chip-to{background:rgba(var(--color-to-rgb),0.12);}.spouse-preference-container{padding:18px;background:var(--bg-secondary);border-radius:var(--radius-md);}.spouse-preference-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:14px;}.spouse-preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.spouse-preference-column{}.spouse-preference-label{font-size:12px;font-weight:600;margin-bottom:8px;}.spouse-preference-label-like{color:var(--color-mok);}.spouse-preference-label-dislike{color:var(--color-hwa);}.spouse-preference-item{padding:6px 0;font-size:13px;color:var(--ink);border-bottom:1px dashed var(--border);word-break:keep-all;}@media (max-width:480px){.love-style-grid{grid-template-columns:1fr !important;gap:10px !important;}.love-style-card{padding:14px !important;}.love-style-title{font-size:12px !important;}.love-style-chip{font-size:11px !important;padding:4px 8px !important;}.spouse-preference-grid{grid-template-columns:1fr !important;gap:12px !important;}.spouse-preference-container{padding:14px !important;}.spouse-preference-item{font-size:12px !important;}}#traditional-result-container [style*="background:linear-gradient(135deg,var(--obang-heuk"],#traditional-result-container [style*="background:var(--bg-secondary)"]{color:#e5e7eb !important;}#traditional-result-container [style*="background:var(--bg-secondary)"] *{color:#e5e7eb !important;}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center;}.modal-overlay.active{display:flex;}.modal-content{background:rgba(26,26,46,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,0.15);margin:20px;padding:24px;border-radius:16px;max-width:320px;width:100%;}.modal-content-lg{max-width:400px;}.modal-title{font-weight:600;font-size:16px;margin-bottom:16px;color:var(--ink);}.modal-body{font-size:13px;color:var(--ink-secondary);line-height:1.6;}.modal-btn{width:100%;margin-top:20px;padding:14px;border:none;border-radius:10px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;}.modal-content-auth{max-width:400px;padding:0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid rgba(255,215,0,0.2);position:relative;}.modal-content-auth::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 250px 150px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 280px 90px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 320px 200px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 60px 180px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 100px 250px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 180px 220px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 220px 280px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 300px 240px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 350px 180px,rgba(255,255,255,0.7),transparent);background-size:100% 100%;border-radius:20px;pointer-events:none;animation:twinkle-modal 6s ease-in-out infinite alternate;z-index:0;}.modal-content-auth > *{position:relative;z-index:1;}@keyframes twinkle-modal{0%{opacity:0.5;}100%{opacity:1;}}.auth-close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:rgba(255,255,255,0.1);border-radius:50%;font-size:22px;color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10;}.auth-close-btn:hover{background:var(--line);color:var(--ink);}.auth-tabs{display:flex;gap:8px;margin-top:20px;}.auth-tab{flex:1;padding:12px 20px;border:none;background:transparent;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;}.auth-tab.active{color:var(--ink);border-bottom-color:var(--gold);}.auth-form{padding:40px 20px 32px;}.auth-social-section{text-align:center;}.auth-social-title{font-size:13px;color:var(--muted);margin-bottom:16px;}.auth-social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;width:100%;}.social-kakao{background:#FEE500;color:#000;}.social-kakao:hover{background:#E6CF00;}.social-naver{background:#03C75A;color:#fff;}.social-naver:hover{background:#02B350;}.social-google{background:#fff;color:#333;border:1px solid var(--line);}.social-google:hover{background:#f8f8f8;}.social-apple{background:#000;color:#fff;}.social-apple:hover{background:#333;}.auth-divider{display:flex;align-items:center;margin:24px 0;gap:16px;}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line);}.auth-divider span{font-size:12px;color:var(--muted);}.auth-input-group{display:flex;flex-direction:column;gap:12px;}.auth-input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--bg);color:var(--ink);transition:all 0.2s;box-sizing:border-box;}.auth-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,134,11,0.1);}.auth-input::placeholder{color:var(--muted);}.auth-submit-btn{width:100%;padding:16px;margin-top:20px;border:none;border-radius:12px;background:var(--gold);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s;}.auth-submit-btn:hover{background:var(--gold-dark);transform:translateY(-1px);}.auth-links{text-align:center;margin-top:16px;}.auth-links a{font-size:13px;color:var(--muted);text-decoration:none;}.auth-links a:hover{color:var(--gold);}.auth-terms{font-size:12px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.6;}.auth-terms a{color:var(--gold);text-decoration:none;}.modal-content-profile{max-width:380px;padding:24px;border-radius:20px;background:rgba(26,26,46,0.98);}.profile-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);}.profile-avatar{width:60px;height:60px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;}.profile-info{flex:1;}.profile-name{font-size:18px;font-weight:600;color:var(--ink);}.profile-email{font-size:13px;color:var(--muted);margin-top:4px;}.profile-subscription{display:flex;align-items:center;gap:12px;padding:16px;margin:20px 0;background:var(--bg-secondary);border-radius:12px;}.subscription-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--line);color:var(--muted);}.subscription-badge.premium{background:linear-gradient(135deg,#B8860B,#DAA520);color:#fff;}.subscription-info{flex:1;display:flex;align-items:center;justify-content:space-between;}.subscription-info span{font-size:14px;color:var(--ink);}.subscription-upgrade-btn{padding:8px 14px;border:none;border-radius:8px;background:var(--gold);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;}.subscription-upgrade-btn:hover{background:var(--gold-dark);}.profile-menu{display:flex;flex-direction:column;gap:4px;}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border:none;background:transparent;border-radius:12px;font-size:15px;color:var(--ink);cursor:pointer;transition:all 0.2s;text-align:left;}.profile-menu-item:hover{background:var(--bg-secondary);}.menu-icon{font-size:18px;}.profile-menu-item span:nth-child(2){flex:1;}.menu-arrow{color:var(--muted);font-size:18px;}.profile-logout-btn{width:100%;padding:14px;margin-top:20px;border:1px solid var(--line);background:transparent;border-radius:12px;font-size:15px;color:#e74c3c;cursor:pointer;transition:all 0.2s;}.profile-logout-btn:hover{background:rgba(231,76,60,0.1);border-color:#e74c3c;}.modal-content-subscription{max-width:900px;padding:32px;border-radius:20px;background:rgba(26,26,46,0.98);}.subscription-header{text-align:center;margin-bottom:32px;}.subscription-header h2{font-size:24px;font-weight:700;color:var(--ink);margin-bottom:8px;}.subscription-header p{font-size:15px;color:var(--muted);}.subscription-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.plan-card{position:relative;padding:24px 20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:all 0.3s;}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1);}.plan-recommended{border-color:var(--gold);border-width:2px;}.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--gold);color:#fff;font-size:12px;font-weight:600;border-radius:20px;}.plan-name{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px;text-align:center;}.plan-price{font-size:28px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:20px;}.plan-price span{font-size:14px;font-weight:400;color:var(--muted);}.plan-features{list-style:none;padding:0;margin:0 0 24px 0;}.plan-features li{position:relative;padding:8px 0 8px 24px;font-size:14px;color:var(--ink);}.plan-features li::before{content:'';position:absolute;left:0;color:var(--gold);font-weight:600;}.plan-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s;}.plan-btn-current{background:var(--bg-secondary);color:var(--muted);cursor:default;}.plan-btn-select{background:var(--bg-secondary);color:var(--ink);}.plan-btn-select:hover{background:var(--line);}.plan-btn-premium{background:var(--gold);color:#fff;}.plan-btn-premium:hover{background:var(--gold-dark);}.subscription-note{text-align:center;margin-top:24px;font-size:13px;color:var(--muted);}@media (max-width:900px){.subscription-plans{grid-template-columns:repeat(2,1fr);}}@media (max-width:500px){.modal-content-subscription{padding:20px;max-width:calc(100% - 32px);}.subscription-plans{grid-template-columns:1fr;}.subscription-header h2{font-size:20px;}.plan-card{padding:20px 16px;}}.settings-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0;}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.settings-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;}.danger-zone{background:rgba(220,53,69,0.05);padding:16px;border-radius:8px;border:1px solid rgba(220,53,69,0.2);}.danger-zone .settings-title{color:#dc3545;}.danger-text{font-size:13px;color:#666;margin-bottom:12px;}.modal-content-wide{max-width:700px;max-height:90vh;overflow-y:auto;}@media (max-width:768px){.modal-content-wide{max-width:95%;margin:20px;}}@media (max-width:500px){.modal-content{padding:16px;}.modal-content{max-height:calc(100vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;}.auth-modal .modal-content,.profile-modal .modal-content{margin-bottom:80px;}}.life-path-intro{animation:fadeIn 0.3s ease;}.life-path-number-display{animation:scaleIn 0.4s ease;}.life-path-number-circle{animation:rotateIn 0.5s ease;}.lp-detail-card{animation:slideUp 0.3s ease;animation-fill-mode:both;}.lp-detail-card:nth-child(1){animation-delay:0.1s;}.lp-detail-card:nth-child(2){animation-delay:0.2s;}.lp-detail-card:nth-child(3){animation-delay:0.3s;}.lp-detail-card:nth-child(4){animation-delay:0.4s;}@keyframes scaleIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}@keyframes rotateIn{from{opacity:0;transform:rotate(-180deg) scale(0.5);}to{opacity:1;transform:rotate(0deg) scale(1);}}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse-glow{0%,100%{transform:scale(1);text-shadow:0 0 10px rgba(255,255,255,0.3);}50%{transform:scale(1.05);text-shadow:0 0 20px rgba(255,255,255,0.6),0 0 30px rgba(255,255,255,0.4);}}.life-path-loading{text-align:center;padding:60px 40px;}.life-path-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(99,102,241,0.15);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px;}.life-path-loading-text{font-size:15px;color:var(--muted);margin-top:16px;animation:fadeIn 0.5s ease-in-out infinite alternate;}.life-path-number-circle:hover{transform:scale(1.05);box-shadow:0 16px 40px rgba(99,102,241,0.45);}.lp-detail-card{transition:transform 0.3s ease,box-shadow 0.3s ease;}.lp-detail-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}.saved-sajus-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:400px;overflow-y:auto;}.saved-saju-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card-bg);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:all 0.2s ease;}.saved-saju-card:hover{border-color:var(--gold);box-shadow:0 4px 12px rgba(0,0,0,0.08);}.saved-saju-card.primary{border-color:var(--gold);background:linear-gradient(135deg,rgba(218,165,32,0.05),rgba(218,165,32,0.02));}.saju-card-main{flex:1;}.saju-card-info{display:flex;flex-direction:column;gap:4px;}.saju-card-name{font-size:16px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;}.primary-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--gold);color:white;font-weight:500;}.saju-card-birth{font-size:14px;color:var(--ink-secondary);}.saju-card-meta{font-size:12px;color:var(--muted);}.saju-card-actions{display:flex;gap:8px;}.saju-action-btn{width:36px;height:36px;border:none;border-radius:8px;background:var(--bg);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.saju-action-btn:hover{background:var(--line);}.saju-action-btn.delete:hover{background:#fee2e2;}.empty-state,.error-state{text-align:center;padding:40px 20px;}.empty-icon,.error-icon{font-size:48px;display:block;margin-bottom:16px;}.empty-state p,.error-state p{color:var(--muted);margin:0;}.empty-hint{font-size:13px;margin-top:8px !important;}.error-state button{margin-top:16px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all 0.2s;}.error-state button:hover{background:var(--line);}.form-group{margin-bottom:16px;}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:8px;}.date-inputs,.time-inputs{display:flex;gap:8px;}.date-inputs input,.time-inputs input{flex:1;}.subscription-detail{padding:20px 0;}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);}.detail-row:last-child{border-bottom:none;}.detail-label{font-size:14px;color:var(--muted);}.detail-value{font-size:14px;font-weight:600;color:var(--ink);}.detail-value.tier-free{color:var(--muted);}.detail-value.tier-basic{color:#3b82f6;}.detail-value.tier-standard{color:#8b5cf6;}.detail-value.tier-premium{color:var(--gold);}.detail-value.tier-lifetime{background:linear-gradient(135deg,#B8860B,#DAA520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.upgrade-prompt{text-align:center;padding:20px;margin-top:20px;background:linear-gradient(135deg,rgba(218,165,32,0.1),rgba(218,165,32,0.05));border-radius:12px;}.upgrade-prompt p{font-size:14px;color:var(--ink-secondary);margin:0 0 16px 0;}.loading-spinner{text-align:center;padding:40px;color:var(--muted);}:root{--obang-cheong:#4ade80;--obang-cheong-light:#86efac;--obang-cheong-dark:#22c55e;--obang-cheong-darker:#16a34a;--obang-cheong-rgb:74,222,128;--obang-cheong-bg:rgba(74,222,128,0.2);--obang-cheong-medium:#15803d;--obang-cheong-deep:#166534;--obang-cheong-accent:#059669;--obang-cheong-border:rgba(74,222,128,0.4);--obang-cheong-shadow:rgba(74,222,128,0.3);--obang-jeok:#f87171;--obang-jeok-light:#fca5a5;--obang-jeok-dark:#ef4444;--obang-jeok-darker:#dc2626;--obang-jeok-rgb:248,113,113;--obang-jeok-bg:rgba(248,113,113,0.2);--obang-jeok-accent:#b91c1c;--obang-jeok-border:rgba(248,113,113,0.4);--obang-jeok-shadow:rgba(248,113,113,0.3);--obang-hwang:#fbbf24;--obang-hwang-light:#fcd34d;--obang-hwang-dark:#f59e0b;--obang-hwang-darker:#d97706;--obang-hwang-rgb:251,191,36;--obang-hwang-bg:rgba(251,191,36,0.2);--obang-hwang-accent:#b45309;--obang-hwang-border:rgba(251,191,36,0.4);--obang-hwang-shadow:rgba(251,191,36,0.3);--obang-baek:#f5f3ed;--obang-baek-light:#fafaf9;--obang-baek-dark:#e7e5e4;--obang-baek-rgb:245,243,237;--obang-geum:#fcd34d;--obang-geum-rgb:252,211,77;--obang-geum-dark:#ca8a04;--obang-geum-bg:rgba(252,211,77,0.2);--obang-heuk:#1a1a2e;--obang-heuk-light:#5a9fd4;--obang-heuk-dark:#0f172a;--obang-heuk-rgb:26,26,46;--obang-heuk-accent:#0369a1;--obang-heuk-light-border:rgba(90,159,212,0.4);--obang-heuk-shadow:rgba(90,159,212,0.3);--star-jami:var(--obang-hwang);--star-jami-bg:rgba(201,162,39,0.15);--star-cheongi:var(--obang-hwang);--star-cheongi-bg:rgba(201,162,39,0.15);--star-cheonbu:var(--obang-hwang);--star-cheonbu-bg:rgba(201,162,39,0.15);--star-taeyang:var(--obang-jeok);--star-taeyang-bg:rgba(166,38,38,0.12);--star-yeomjeong:var(--obang-jeok);--star-yeomjeong-bg:rgba(166,38,38,0.12);--star-taeum:var(--obang-heuk-light);--star-taeum-bg:rgba(74,111,165,0.12);--star-cheondong:var(--obang-heuk-light);--star-cheondong-bg:rgba(74,111,165,0.12);--star-tamlang:var(--obang-cheong);--star-tamlang-bg:rgba(30,86,49,0.12);--star-geomun:var(--obang-cheong);--star-geomun-bg:rgba(30,86,49,0.12);--star-mugok:var(--obang-geum);--star-mugok-bg:rgba(184,134,11,0.12);--star-cheonsang:var(--obang-geum);--star-cheonsang-bg:rgba(184,134,11,0.12);--star-cheonryang:var(--obang-geum);--star-cheonryang-bg:rgba(184,134,11,0.12);--star-chilsal:var(--obang-geum);--star-chilsal-bg:rgba(184,134,11,0.12);--star-pagun:var(--obang-geum);--star-pagun-bg:rgba(184,134,11,0.12);--effect-gil:var(--obang-cheong);--effect-gil-bg:rgba(30,86,49,0.12);--effect-jung:var(--obang-hwang);--effect-jung-bg:rgba(201,162,39,0.12);--effect-hyung:var(--obang-jeok);--effect-hyung-bg:rgba(166,38,38,0.12);--palace-mok-bg:rgba(74,222,128,0.12);--palace-mok-header:rgba(74,222,128,0.2);--palace-hwa-bg:rgba(248,113,113,0.12);--palace-hwa-header:rgba(248,113,113,0.2);--palace-to-bg:rgba(251,191,36,0.12);--palace-to-header:rgba(251,191,36,0.2);--palace-geum-bg:rgba(252,211,77,0.1);--palace-geum-header:rgba(252,211,77,0.18);--palace-su-bg:rgba(90,159,212,0.12);--palace-su-header:rgba(90,159,212,0.2);--grade-daegil:#4ade80;--grade-daegil-bg:rgba(74,222,128,0.18);--grade-gil:#86efac;--grade-gil-bg:rgba(134,239,172,0.15);--grade-pyeong:var(--obang-hwang);--grade-pyeong-bg:rgba(251,191,36,0.15);--grade-juui:var(--obang-jeok);--grade-juui-bg:rgba(248,113,113,0.15);--oheng-mok:var(--obang-cheong);--oheng-mok-bg:rgba(74,222,128,0.15);--oheng-mok-light:rgba(74,222,128,0.1);--oheng-mok-lighter:rgba(74,222,128,0.05);--oheng-mok-light-bg:rgba(74,222,128,0.12);--oheng-mok-border:var(--obang-cheong-light);--oheng-hwa:var(--obang-jeok);--oheng-hwa-bg:rgba(248,113,113,0.15);--oheng-hwa-light:rgba(248,113,113,0.1);--oheng-hwa-lighter:rgba(248,113,113,0.05);--oheng-hwa-light-bg:rgba(248,113,113,0.12);--oheng-hwa-border:var(--obang-jeok-light);--oheng-to:var(--obang-hwang);--oheng-to-bg:rgba(251,191,36,0.15);--oheng-to-light:rgba(251,191,36,0.1);--oheng-to-lighter:rgba(251,191,36,0.05);--oheng-to-light-bg:rgba(251,191,36,0.12);--oheng-to-border:var(--obang-hwang-light);--oheng-geum:var(--obang-geum);--oheng-geum-bg:rgba(252,211,77,0.15);--oheng-geum-light:rgba(252,211,77,0.1);--oheng-geum-lighter:rgba(252,211,77,0.05);--oheng-geum-border:var(--obang-baek-dark);--oheng-su:var(--obang-heuk-light);--oheng-su-bg:rgba(90,159,212,0.15);--oheng-su-light:rgba(90,159,212,0.1);--oheng-su-lighter:rgba(90,159,212,0.05);--oheng-su-light-bg:rgba(90,159,212,0.12);--oheng-su-border:var(--obang-heuk-light);--ja-lighter:rgba(139,92,246,0.05);--ja-light:rgba(139,92,246,0.1);--ja-border:rgba(139,92,246,0.3);--ja-primary:#8b5cf6;--ja-dark:#7c3aed;--hong-primary:#f472b6;--hong-dark:#ec4899;--hong-light:rgba(244,114,182,0.1);--cheong-secondary:#2dd4bf;--cheong-dark:#14b8a6;--cheong-light:rgba(45,212,191,0.1);--obang-jeok-deeper:#991b1b;--obang-jeok-light-bg:rgba(248,113,113,0.08);--obang-jeok-light-border:rgba(248,113,113,0.25);--obang-hwang-deeper:#78350f;--obang-hwang-light-bg:rgba(251,191,36,0.08);--obang-cheong-deeper:#065f46;--obang-cheong-light-bg:rgba(74,222,128,0.08);--status-excellent:var(--obang-hwang);--status-excellent-bg:var(--oheng-to-light);--status-excellent-border:var(--obang-hwang);--status-good:var(--obang-cheong);--status-good-bg:var(--oheng-mok-light);--status-good-border:var(--obang-cheong-light);--status-neutral:#9ca3af;--status-neutral-bg:rgba(156,163,175,0.15);--status-neutral-border:rgba(156,163,175,0.3);--status-caution:#fb923c;--status-caution-bg:rgba(251,146,60,0.15);--status-caution-border:#f97316;--status-bad:var(--obang-jeok);--status-bad-bg:var(--oheng-hwa-light);--status-bad-border:var(--obang-jeok-light);}.star-jami{color:var(--star-jami);}.star-cheongi{color:var(--star-cheongi);}.star-taeyang{color:var(--star-taeyang);}.star-mugok{color:var(--star-mugok);}.star-cheondong{color:var(--star-cheondong);}.star-yeomjeong{color:var(--star-yeomjeong);}.star-cheonbu{color:var(--star-cheonbu);}.star-taeum{color:var(--star-taeum);}.star-tamlang{color:var(--star-tamlang);}.star-geomun{color:var(--star-geomun);}.star-cheonsang{color:var(--star-cheonsang);}.star-cheonryang{color:var(--star-cheonryang);}.star-chilsal{color:var(--star-chilsal);}.star-pagun{color:var(--star-pagun);}.star-jami-bg{background-color:var(--star-jami-bg);}.star-cheongi-bg{background-color:var(--star-cheongi-bg);}.star-taeyang-bg{background-color:var(--star-taeyang-bg);}.star-mugok-bg{background-color:var(--star-mugok-bg);}.star-cheondong-bg{background-color:var(--star-cheondong-bg);}.star-yeomjeong-bg{background-color:var(--star-yeomjeong-bg);}.star-cheonbu-bg{background-color:var(--star-cheonbu-bg);}.star-taeum-bg{background-color:var(--star-taeum-bg);}.star-tamlang-bg{background-color:var(--star-tamlang-bg);}.star-geomun-bg{background-color:var(--star-geomun-bg);}.star-cheonsang-bg{background-color:var(--star-cheonsang-bg);}.star-cheonryang-bg{background-color:var(--star-cheonryang-bg);}.star-chilsal-bg{background-color:var(--star-chilsal-bg);}.star-pagun-bg{background-color:var(--star-pagun-bg);}.effect-gil{color:var(--effect-gil);}.effect-jung{color:var(--effect-jung);}.effect-hyung{color:var(--effect-hyung);}.effect-gil-bg{background-color:var(--effect-gil-bg);color:var(--effect-gil);}.effect-jung-bg{background-color:var(--effect-jung-bg);color:var(--effect-jung);}.effect-hyung-bg{background-color:var(--effect-hyung-bg);color:var(--effect-hyung);}.grade-daegil{color:var(--grade-daegil);}.grade-gil{color:var(--grade-gil);}.grade-pyeong{color:var(--grade-pyeong);}.grade-juui{color:var(--grade-juui);}.grade-daegil-bg{background-color:var(--grade-daegil-bg);color:var(--grade-daegil);}.grade-gil-bg{background-color:var(--grade-gil-bg);color:var(--grade-gil);}.grade-pyeong-bg{background-color:var(--grade-pyeong-bg);color:var(--grade-pyeong);}.grade-juui-bg{background-color:var(--grade-juui-bg);color:var(--grade-juui);}@keyframes icSlideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.iching-loading{display:flex;flex-direction:column;align-items:center;gap:20px;}.iching-loading-text{font-size:16px;font-weight:600;color:var(--ink);}.iching-result-container{animation:icSlideIn 0.6s ease-out;}.iching-timestamp{text-align:center;font-size:13px;color:var(--muted);margin-bottom:20px;padding:10px;background:var(--bg-secondary);border-radius:12px;}.iching-main-card,.iching-line-card,.iching-sub-card,.iching-advice-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px;}.iching-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);}.iching-card-header h3{margin:0;font-size:18px;font-weight:700;color:var(--ink);}.iching-question-badge{padding:6px 12px;background:linear-gradient(135deg,rgba(184,134,11,0.2),rgba(212,165,116,0.1));border:1px solid rgba(184,134,11,0.3);border-radius:20px;font-size:12px;font-weight:600;color:var(--obang-hwang-darker,#b8860b);}.iching-hexagram-display{text-align:center;padding:20px;background:linear-gradient(135deg,rgba(184,134,11,0.05),transparent);border-radius:12px;margin-bottom:16px;}.iching-hexagram-name{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;}.iching-number{font-size:14px;font-weight:600;color:var(--muted);}.iching-hanja{font-size:28px;font-weight:700;color:var(--ink);}.iching-korean{font-size:18px;font-weight:600;color:var(--ink-light);}.iching-score{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;}.iching-gwasa,.iching-interpretation{margin-bottom:16px;}.iching-label{font-size:14px;font-weight:700;color:var(--obang-hwang-darker,#b8860b);margin-bottom:8px;}.iching-text{font-size:14px;color:var(--ink-light);line-height:1.7;}.iching-line-info{text-align:center;padding:16px;}.iching-line-number{font-size:18px;font-weight:700;color:var(--obang-hwang-darker,#b8860b);margin-bottom:12px;}.iching-line-text{font-size:14px;color:var(--ink-light);line-height:1.7;}.iching-fortune-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;}.iching-fortune-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;transition:all 0.2s;}.iching-fortune-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.iching-fortune-icon{font-size:28px;margin-bottom:8px;}.iching-fortune-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px;}.iching-fortune-text{font-size:13px;color:var(--ink-light);line-height:1.6;}.iching-advice-card{background:linear-gradient(135deg,rgba(184,134,11,0.1),rgba(212,165,116,0.05));border:2px solid rgba(184,134,11,0.3);padding:20px;text-align:center;}.iching-advice-icon{font-size:32px;margin-bottom:12px;}.iching-advice-title{font-size:16px;font-weight:700;color:var(--obang-hwang-darker,#b8860b);margin-bottom:12px;}.iching-advice-text{font-size:15px;font-weight:600;color:var(--ink);line-height:1.8;}.iching-actions{display:flex;gap:12px;margin-top:20px;}.iching-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s;}.iching-btn-primary{background:linear-gradient(135deg,var(--obang-hwang-darker,#b8860b),var(--obang-hwang-light,#d4a574));color:white;}.iching-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(184,134,11,0.3);}.iching-btn-secondary{background:var(--bg-secondary);color:var(--ink);border:1px solid var(--line);}.iching-btn-secondary:hover{background:var(--bg);}@media (max-width:640px){.iching-fortune-grid{grid-template-columns:1fr;}.iching-hexagram-name{flex-direction:column;gap:8px;}.iching-actions{flex-direction:column;}}@keyframes coinFlip{0%{transform:translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1);}5%{transform:translateY(-25px) translateZ(40px) rotateX(180deg) rotateY(120deg) rotateZ(15deg) scale(1.1);filter:drop-shadow(0 25px 35px rgba(0,0,0,0.2)) brightness(1.15);}15%{transform:translateY(-120px) translateZ(70px) rotateX(540deg) rotateY(360deg) rotateZ(-15deg) scale(1.2);filter:drop-shadow(0 50px 60px rgba(0,0,0,0.15)) brightness(1.3);}28%{transform:translateY(-180px) translateZ(60px) rotateX(900deg) rotateY(720deg) rotateZ(20deg) scale(1.25);filter:drop-shadow(0 70px 80px rgba(0,0,0,0.1)) brightness(1.4);}35%{transform:translateY(-185px) translateZ(55px) rotateX(1080deg) rotateY(900deg) rotateZ(-18deg) scale(1.22);filter:drop-shadow(0 72px 82px rgba(0,0,0,0.1)) brightness(1.35);}48%{transform:translateY(-130px) translateZ(40px) rotateX(1440deg) rotateY(1260deg) rotateZ(15deg) scale(1.15);filter:drop-shadow(0 50px 60px rgba(0,0,0,0.15)) brightness(1.2);}62%{transform:translateY(-70px) translateZ(25px) rotateX(1800deg) rotateY(1620deg) rotateZ(-12deg) scale(1.08);filter:drop-shadow(0 30px 40px rgba(0,0,0,0.25)) brightness(1.1);}78%{transform:translateY(-20px) translateZ(8px) rotateX(2160deg) rotateY(1980deg) rotateZ(6deg) scale(1.02);filter:drop-shadow(0 10px 18px rgba(0,0,0,0.35)) brightness(1);}85%{transform:translateY(3px) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(-2deg) scale(0.92);filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5)) brightness(0.92);}90%{transform:translateY(-15px) translateZ(5px) rotateX(2520deg) rotateY(2340deg) rotateZ(3deg) scale(1.02);filter:drop-shadow(0 8px 14px rgba(0,0,0,0.35)) brightness(1.02);}95%{transform:translateY(2px) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(-1deg) scale(0.96);filter:drop-shadow(0 2px 5px rgba(0,0,0,0.45)) brightness(0.96);}100%{transform:translateY(0) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.35)) brightness(1);}}@keyframes coinFlip2{0%{transform:translateY(0) translateX(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1);}5%{transform:translateY(-28px) translateX(-8px) translateZ(45px) rotateX(200deg) rotateY(100deg) rotateZ(-20deg) scale(1.12);filter:drop-shadow(0 28px 38px rgba(0,0,0,0.2)) brightness(1.18);}16%{transform:translateY(-130px) translateX(-18px) translateZ(75px) rotateX(580deg) rotateY(400deg) rotateZ(18deg) scale(1.22);filter:drop-shadow(0 55px 65px rgba(0,0,0,0.12)) brightness(1.35);}30%{transform:translateY(-195px) translateX(-12px) translateZ(60px) rotateX(1000deg) rotateY(800deg) rotateZ(-25deg) scale(1.26);filter:drop-shadow(0 75px 85px rgba(0,0,0,0.1)) brightness(1.42);}38%{transform:translateY(-190px) translateX(-5px) translateZ(55px) rotateX(1200deg) rotateY(1000deg) rotateZ(20deg) scale(1.22);filter:drop-shadow(0 72px 82px rgba(0,0,0,0.1)) brightness(1.38);}50%{transform:translateY(-125px) translateX(3px) translateZ(35px) rotateX(1560deg) rotateY(1400deg) rotateZ(-16deg) scale(1.12);filter:drop-shadow(0 48px 58px rgba(0,0,0,0.18)) brightness(1.15);}65%{transform:translateY(-55px) translateX(8px) translateZ(20px) rotateX(1920deg) rotateY(1800deg) rotateZ(12deg) scale(1.05);filter:drop-shadow(0 22px 32px rgba(0,0,0,0.28)) brightness(1.05);}80%{transform:translateY(-12px) translateX(2px) translateZ(6px) rotateX(2280deg) rotateY(2160deg) rotateZ(-5deg) scale(0.98);filter:drop-shadow(0 6px 12px rgba(0,0,0,0.38)) brightness(0.96);}87%{transform:translateY(3px) translateX(0) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(3deg) scale(0.9);filter:drop-shadow(0 2px 5px rgba(0,0,0,0.48)) brightness(0.9);}93%{transform:translateY(-12px) translateX(0) translateZ(4px) rotateX(2520deg) rotateY(2340deg) rotateZ(-2deg) scale(1);filter:drop-shadow(0 6px 11px rgba(0,0,0,0.38)) brightness(1);}100%{transform:translateY(0) translateX(0) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.35)) brightness(1);}}@keyframes coinFlip3{0%{transform:translateY(0) translateX(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1);}6%{transform:translateY(-22px) translateX(10px) translateZ(38px) rotateX(160deg) rotateY(140deg) rotateZ(25deg) scale(1.08);filter:drop-shadow(0 22px 32px rgba(0,0,0,0.22)) brightness(1.12);}18%{transform:translateY(-110px) translateX(20px) translateZ(65px) rotateX(480deg) rotateY(360deg) rotateZ(-20deg) scale(1.18);filter:drop-shadow(0 45px 55px rgba(0,0,0,0.15)) brightness(1.28);}32%{transform:translateY(-165px) translateX(14px) translateZ(55px) rotateX(840deg) rotateY(640deg) rotateZ(22deg) scale(1.22);filter:drop-shadow(0 65px 75px rgba(0,0,0,0.1)) brightness(1.35);}40%{transform:translateY(-170px) translateX(8px) translateZ(50px) rotateX(1040deg) rotateY(880deg) rotateZ(-18deg) scale(1.2);filter:drop-shadow(0 68px 78px rgba(0,0,0,0.1)) brightness(1.32);}52%{transform:translateY(-115px) translateX(-3px) translateZ(32px) rotateX(1360deg) rotateY(1200deg) rotateZ(15deg) scale(1.1);filter:drop-shadow(0 45px 55px rgba(0,0,0,0.18)) brightness(1.12);}68%{transform:translateY(-48px) translateX(-8px) translateZ(15px) rotateX(1760deg) rotateY(1600deg) rotateZ(-12deg) scale(1.03);filter:drop-shadow(0 20px 30px rgba(0,0,0,0.3)) brightness(1.02);}82%{transform:translateY(-10px) translateX(-2px) translateZ(4px) rotateX(2160deg) rotateY(2040deg) rotateZ(5deg) scale(0.96);filter:drop-shadow(0 5px 10px rgba(0,0,0,0.4)) brightness(0.94);}89%{transform:translateY(3px) translateX(0) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(-3deg) scale(0.88);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5)) brightness(0.88);}95%{transform:translateY(-10px) translateX(0) translateZ(3px) rotateX(2520deg) rotateY(2340deg) rotateZ(2deg) scale(1);filter:drop-shadow(0 5px 10px rgba(0,0,0,0.38)) brightness(0.98);}100%{transform:translateY(0) translateX(0) translateZ(0) rotateX(2520deg) rotateY(2340deg) rotateZ(0deg) scale(1);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.35)) brightness(1);}}@keyframes coinLand{0%{transform:scale(1) rotateZ(0deg);filter:brightness(1);}15%{transform:scale(1.12) rotateZ(-2deg);filter:brightness(1.15);}35%{transform:scale(0.92) rotateZ(1deg);filter:brightness(0.95);}55%{transform:scale(1.05) rotateZ(-0.5deg);filter:brightness(1.05);}75%{transform:scale(0.98) rotateZ(0.2deg);filter:brightness(1);}100%{transform:scale(1) rotateZ(0deg);filter:brightness(1);}}@keyframes coinResultGlow{0%,100%{box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 0 rgba(212,168,75,0),inset 0 4px 10px rgba(255,255,255,0.35),inset 0 -6px 15px rgba(0,0,0,0.4);}50%{box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 25px 8px rgba(212,168,75,0.5),inset 0 4px 10px rgba(255,255,255,0.35),inset 0 -6px 15px rgba(0,0,0,0.4);}}@keyframes coinResultGlowSilver{0%,100%{box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 0 rgba(156,144,117,0),inset 0 4px 10px rgba(255,255,255,0.3),inset 0 -6px 15px rgba(0,0,0,0.45);}50%{box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 20px 6px rgba(156,144,117,0.45),inset 0 4px 10px rgba(255,255,255,0.3),inset 0 -6px 15px rgba(0,0,0,0.45);}}@keyframes slideInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(184,134,11,0.5);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(184,134,11,0);}}@keyframes lineReveal{0%{opacity:0;transform:translateX(-40px) scale(0.7);filter:blur(5px);}70%{opacity:1;transform:translateX(8px) scale(1.08);filter:blur(0);}85%{transform:translateX(-3px) scale(0.97);}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0);}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,215,0,0.4));}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,0.9));}}@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}@keyframes ripple{0%{width:0;height:0;opacity:0.6;}100%{width:300px;height:300px;opacity:0;}}.coin-loading{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;}.coin-loading-text{font-size:16px;font-weight:600;color:var(--ink);animation:fadeIn 0.5s ease-out;}#coin-intro-section{text-align:center;padding:32px 24px;animation:slideInUp 0.7s cubic-bezier(0.4,0,0.2,1);}.coin-intro-title{font-size:28px;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#b8860b 0%,#d4a574 50%,#b8860b 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;letter-spacing:-0.5px;}.coin-intro-desc{font-size:15px;color:var(--ink-light);line-height:1.8;margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto;}.coin-intro-steps{background:linear-gradient(135deg,rgba(184,134,11,0.05) 0%,rgba(212,165,116,0.03) 100%);border:1px solid rgba(184,134,11,0.15);border-radius:16px;padding:24px;margin-bottom:32px;text-align:left;max-width:480px;margin-left:auto;margin-right:auto;}.coin-intro-steps h4{font-size:16px;font-weight:700;color:#b8860b;margin-bottom:16px;display:flex;align-items:center;gap:8px;}.coin-intro-steps h4::before{content:'✨';font-size:18px;}.coin-intro-steps ol{margin:0;padding-left:24px;}.coin-intro-steps li{font-size:14px;color:var(--ink-light);line-height:2;margin-bottom:10px;position:relative;}.coin-intro-steps li::marker{color:#b8860b;font-weight:700;}#coin-throw-section{padding:16px;padding-top:24px;animation:slideInUp 0.6s cubic-bezier(0.4,0,0.2,1);overflow:visible !important;min-height:auto;}.coin-throw-header{text-align:center;margin-bottom:12px;}.coin-throw-title{font-size:22px;font-weight:700;color:var(--ink);margin-bottom:12px;letter-spacing:-0.3px;}#throw-info{font-size:15px;color:#b8860b;font-weight:700;padding:8px 20px;background:linear-gradient(135deg,rgba(184,134,11,0.12) 0%,rgba(212,165,116,0.08) 100%);border-radius:20px;display:inline-block;}#coins-container{display:flex;justify-content:center;align-items:flex-end;gap:28px;min-height:220px;padding-top:150px;margin-bottom:16px;perspective:1200px;perspective-origin:50% 30%;position:relative;transform-style:preserve-3d;}#coins-container::before{content:'';position:absolute;width:240px;height:240px;background:radial-gradient(circle at 50% 30%,rgba(212,168,75,0.2) 0%,rgba(184,134,11,0.1) 30%,transparent 60%),radial-gradient(circle,transparent 40%,rgba(184,134,11,0.08) 41%,rgba(184,134,11,0.08) 42%,transparent 43%,transparent 60%,rgba(184,134,11,0.05) 61%,rgba(184,134,11,0.05) 62%,transparent 63%);border-radius:50%;pointer-events:none;animation:plateGlow 4s ease-in-out infinite;}@keyframes plateGlow{0%,100%{opacity:0.8;transform:scale(1);}50%{opacity:1;transform:scale(1.02);}}#coins-container::after{content:'';position:absolute;bottom:20px;width:280px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,0.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(8px);}.coin-wrapper{position:relative;display:inline-block;perspective:1000px;width:90px;height:90px;transform-style:preserve-3d;}.coin{width:90px;height:90px;position:relative;transform-style:preserve-3d;cursor:pointer;will-change:transform,filter;}.coin::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#D4A84B 0%,#A67C00 15%,#8B6914 30%,#5C4408 50%,#8B6914 70%,#A67C00 85%,#D4A84B 100%);transform:translateZ(-4px);box-shadow:0 0 0 1px #3D2E06,inset 0 0 8px rgba(0,0,0,0.4);}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;backface-visibility:hidden;will-change:transform;box-shadow:0 10px 30px rgba(0,0,0,0.5),0 5px 15px rgba(0,0,0,0.35),inset 0 3px 10px rgba(255,255,255,0.6),inset 0 -5px 15px rgba(0,0,0,0.45),inset 0 0 0 2px rgba(255,255,255,0.15);}.coin-heads{background:radial-gradient(ellipse 60% 35% at 35% 18%,rgba(255,255,230,0.95) 0%,rgba(255,245,180,0.5) 25%,transparent 55%),radial-gradient(ellipse 50% 30% at 65% 85%,rgba(255,235,150,0.3) 0%,transparent 60%),radial-gradient(circle at 50% 50%,#FFE55C 0%,#FFD700 10%,#F4C430 25%,#DAA520 40%,#CD9B1D 55%,#B8860B 75%,#8B6914 100%);color:#5C4408;text-shadow:0 1px 0 rgba(255,250,200,0.95),0 -1px 0 rgba(107,78,10,0.6),0 2px 5px rgba(0,0,0,0.35);border:3px solid #A67C00;position:relative;}.coin-heads::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(145deg,#FFD700 0%,#DAA520 25%,#B8860B 50%,#8B6914 75%,#5C4408 100%);z-index:-1;box-shadow:inset 1px 1px 2px rgba(255,255,255,0.3);}.coin-heads::after{content:'';position:absolute;top:8%;left:12%;width:30%;height:18%;background:linear-gradient(170deg,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.4) 40%,transparent 100%);border-radius:50%;pointer-events:none;}.coin-tails{background:radial-gradient(ellipse 60% 35% at 35% 18%,rgba(255,255,255,0.9) 0%,rgba(240,240,240,0.5) 25%,transparent 55%),radial-gradient(ellipse 50% 30% at 65% 85%,rgba(200,200,200,0.25) 0%,transparent 60%),radial-gradient(circle at 50% 50%,#F5F5F5 0%,#E8E8E8 10%,#D0D0D0 25%,#B8B8B8 40%,#9E9E9E 55%,#808080 75%,#606060 100%);color:#3A3A3A;text-shadow:0 1px 0 rgba(255,255,255,0.9),0 -1px 0 rgba(50,50,50,0.6),0 2px 5px rgba(0,0,0,0.35);border:3px solid #808080;transform:rotateY(180deg);position:relative;}.coin-tails::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(145deg,#D0D0D0 0%,#A0A0A0 25%,#808080 50%,#606060 75%,#404040 100%);z-index:-1;box-shadow:inset 1px 1px 2px rgba(255,255,255,0.2);}.coin-tails::after{content:'';position:absolute;top:8%;left:12%;width:30%;height:18%;background:linear-gradient(170deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.3) 40%,transparent 100%);border-radius:50%;pointer-events:none;}.coin.show-heads{transform:rotateY(0deg);}.coin.show-heads .coin-heads{animation:coinResultGlowGold 2s ease-in-out 2;}.coin.show-tails{transform:rotateY(180deg);}.coin.show-tails .coin-tails{animation:coinResultGlowSilver 2s ease-in-out 2;}@keyframes coinResultGlowGold{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,0.5),0 5px 15px rgba(0,0,0,0.35),0 0 0 0 rgba(255,215,0,0),inset 0 3px 10px rgba(255,255,255,0.6),inset 0 -5px 15px rgba(0,0,0,0.45);}50%{box-shadow:0 10px 30px rgba(0,0,0,0.5),0 5px 15px rgba(0,0,0,0.35),0 0 30px 10px rgba(255,215,0,0.5),inset 0 3px 10px rgba(255,255,255,0.6),inset 0 -5px 15px rgba(0,0,0,0.45);}}.coin.glowing{animation:coinGlowPulse 1.5s ease-in-out 2;}@keyframes coinGlowPulse{0%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent);}50%{filter:brightness(1.15) drop-shadow(0 0 15px rgba(255,215,0,0.6));}}.coin.show-heads .coin-heads,.coin.show-tails .coin-tails{font-family:'Noto Serif KR',serif;font-weight:900;letter-spacing:2px;}.coin-text-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:38px;font-weight:900;font-family:'Noto Serif KR',serif;}.coin-heads .coin-text-inner{color:#6B4E0A;text-shadow:1px 1px 0 rgba(255,215,0,0.8),-1px -1px 0 rgba(92,68,8,0.6),0 2px 4px rgba(0,0,0,0.4);}.coin-tails .coin-text-inner{color:#404040;text-shadow:1px 1px 0 rgba(255,255,255,0.8),-1px -1px 0 rgba(60,60,60,0.6),0 2px 4px rgba(0,0,0,0.4);}.coin:not(.show-heads):not(.show-tails):not(.animating):hover{transform:scale(1.08) rotateY(15deg);cursor:pointer;transition:transform 0.3s ease;}@keyframes coinIdle{0%,100%{transform:rotateY(0deg);}50%{transform:rotateY(10deg);}}.coin:not(.show-heads):not(.show-tails):not(.animating){animation:coinIdle 2.5s ease-in-out infinite;}.coin.animating{animation:none !important;}.coin:not(.show-heads):not(.show-tails) .coin-heads{display:flex;align-items:center;justify-content:center;}.coin:not(.show-heads):not(.show-tails) .coin-heads::after{content:'卜';position:static;width:auto;height:auto;background:none;font-size:36px;font-weight:900;font-family:'Noto Serif KR',serif;color:#6B4E0A;text-shadow:1px 1px 0 rgba(255,215,0,0.7),-1px -1px 0 rgba(92,68,8,0.5),0 2px 3px rgba(0,0,0,0.3);}.coin-hexagram-section{background:linear-gradient(135deg,rgba(184,134,11,0.03) 0%,transparent 100%);border:1px solid rgba(184,134,11,0.15);border-radius:16px;padding:14px;margin-bottom:16px;backdrop-filter:blur(10px);}.coin-hexagram-section h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px;text-align:center;letter-spacing:-0.2px;}#hexagram-visualization{display:flex;justify-content:center;padding:6px;}.hexagram-lines{display:flex;flex-direction:column;gap:6px;min-width:200px;}.hexagram-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;position:relative;opacity:0;}.hexagram-line.revealed{animation:lineReveal 0.7s cubic-bezier(0.34,1.56,0.64,1) forwards;}.line-yang,.line-eum{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:3px;text-shadow:0 2px 6px rgba(0,0,0,0.08);position:relative;padding:6px 16px;background:linear-gradient(135deg,rgba(184,134,11,0.12) 0%,rgba(212,165,116,0.06) 100%);border-radius:10px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(184,134,11,0.2);}.line-yang::before,.line-eum::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.25),transparent);border-radius:12px;opacity:0;transition:opacity 0.3s;}.hexagram-line:hover .line-yang,.hexagram-line:hover .line-eum{transform:translateX(4px);box-shadow:0 4px 12px rgba(184,134,11,0.2);}.hexagram-line:hover .line-yang::before,.hexagram-line:hover .line-eum::before{opacity:1;}.line-placeholder{font-size:20px;font-weight:800;color:var(--muted);opacity:0.15;letter-spacing:3px;padding:6px 16px;}.hexagram-line.changing{animation:pulse 2s ease-in-out infinite;}.hexagram-line.changing .line-yang,.hexagram-line.changing .line-eum{background:linear-gradient(135deg,rgba(214,69,69,0.2) 0%,rgba(166,38,38,0.12) 100%);border-color:rgba(214,69,69,0.3);box-shadow:0 0 20px rgba(214,69,69,0.25),0 4px 12px rgba(0,0,0,0.1);}.line-marker{position:absolute;right:-40px;color:#d64545;font-size:32px;font-weight:800;animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(214,69,69,0.8));}.hexagram-line.empty{opacity:1;}.coin-throw-action{text-align:center;margin-top:8px;}.coin-throw-btn{padding:18px 56px;background:linear-gradient(135deg,#b8860b 0%,#d4a574 50%,#b8860b 100%);background-size:200% auto;color:white;border:none;border-radius:16px;font-size:17px;font-weight:800;letter-spacing:0.5px;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(184,134,11,0.35),0 2px 8px rgba(0,0,0,0.15);}.coin-throw-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.4);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.coin-throw-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 10px 30px rgba(184,134,11,0.5),0 4px 12px rgba(0,0,0,0.2);background-position:right center;}.coin-throw-btn:active:not(:disabled){transform:translateY(-2px) scale(0.98);}.coin-throw-btn:active:not(:disabled)::before{width:400px;height:400px;}.coin-throw-btn:disabled{opacity:0.6;cursor:not-allowed;filter:grayscale(0.4);transform:none;}.coin-result-container{animation:slideInUp 0.8s cubic-bezier(0.4,0,0.2,1);}.coin-timestamp{text-align:center;font-size:13px;color:var(--muted);margin-bottom:24px;padding:12px;background:linear-gradient(135deg,rgba(184,134,11,0.08) 0%,rgba(212,165,116,0.04) 100%);border-radius:16px;border:1px solid rgba(184,134,11,0.12);}.coin-main-card,.coin-line-card,.coin-sub-card,.coin-advice-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;transition:transform 0.3s,box-shadow 0.3s;}.coin-main-card:hover,.coin-line-card:hover,.coin-sub-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08);}.coin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--line);}.coin-card-header h3{margin:0;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-0.3px;}.coin-question-badge{padding:8px 16px;background:linear-gradient(135deg,rgba(184,134,11,0.25) 0%,rgba(212,165,116,0.15) 100%);border:1px solid rgba(184,134,11,0.4);border-radius:24px;font-size:13px;font-weight:700;color:#b8860b;}.coin-hexagram-display{text-align:center;padding:28px;background:linear-gradient(135deg,rgba(184,134,11,0.06) 0%,transparent 100%);border-radius:16px;margin-bottom:20px;}.coin-hexagram-name{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;}.coin-number{font-size:15px;font-weight:700;color:var(--muted);}.coin-hanja{font-size:32px;font-weight:900;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,0.1);}.coin-korean{font-size:19px;font-weight:700;color:var(--ink-light);}.coin-score{font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;}.coin-gwasa,.coin-interpretation{margin-bottom:20px;}.coin-label{font-size:14px;font-weight:800;color:#b8860b;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px;}.coin-text{font-size:15px;color:var(--ink-light);line-height:1.8;}.coin-line-info{text-align:center;padding:20px;}.coin-line-number{font-size:19px;font-weight:800;color:#b8860b;margin-bottom:16px;}.coin-line-text{font-size:15px;color:var(--ink-light);line-height:1.8;}.coin-fortune-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;}.coin-fortune-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.coin-fortune-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12);border-color:rgba(184,134,11,0.3);}.coin-fortune-icon{font-size:24px;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.coin-fortune-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:6px;}.coin-fortune-text{font-size:13px;color:var(--ink-light);line-height:1.6;}.coin-advice-card{background:linear-gradient(135deg,rgba(184,134,11,0.15) 0%,rgba(212,165,116,0.08) 100%);border:2px solid rgba(184,134,11,0.35);padding:28px;text-align:center;}.coin-advice-icon{font-size:40px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));}.coin-advice-title{font-size:18px;font-weight:800;color:#b8860b;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;}.coin-advice-text{font-size:16px;font-weight:600;color:var(--ink);line-height:2;}.coin-expanded .coin-lines-detail{max-height:800px !important;}.coin-toggle-arrow.rotated{transform:rotate(180deg);}.coin-actions{display:flex;gap:12px;margin-top:16px;}.coin-btn{flex:1;padding:16px;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.coin-btn-primary{background:linear-gradient(135deg,#b8860b,#d4a574);color:white;box-shadow:0 4px 12px rgba(184,134,11,0.3);}.coin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(184,134,11,0.4);}.coin-btn-secondary{background:var(--bg-secondary);color:var(--ink);border:2px solid var(--line);}.coin-btn-secondary:hover{background:var(--bg);border-color:rgba(184,134,11,0.3);}@media (max-width:640px){.coin-hexagram-name{flex-direction:column;gap:8px;}.coin-actions{flex-direction:column;}#coins-container{gap:16px;min-height:180px;padding-top:120px;}.coin-wrapper{width:72px;height:72px;}.coin{width:72px;height:72px;}.coin-face{font-size:24px;}.coin-text-inner{font-size:30px;}.coin-intro-title{font-size:22px;}.line-marker{right:-24px;font-size:20px;}}@keyframes modalBackdropIn{from{opacity:0;backdrop-filter:blur(0px);}to{opacity:1;backdrop-filter:blur(6px);}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(18px) scale(0.97);}70%{opacity:1;transform:translateY(-4px) scale(1.01);}100%{opacity:1;transform:translateY(0) scale(1);}}@keyframes sectionIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}@keyframes auraSpin{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}@keyframes coinShadowPulse{0%,100%{transform:translate(-50%,38px) scale(0.85);opacity:0.25;}50%{transform:translate(-50%,38px) scale(1);opacity:0.45;}}@keyframes lineSweep{0%{opacity:0;transform:translateX(-40px);}60%{opacity:0.7;}100%{opacity:0;transform:translateX(40px);}}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(14px) scale(0.985);}100%{opacity:1;transform:translateY(0) scale(1);}}@keyframes coinSparkle{0%,100%{filter:brightness(1) saturate(1);}45%{filter:brightness(1.2) saturate(1.3);}}@keyframes throwPulse{0%,100%{box-shadow:0 0 0 rgba(184,134,11,0.2);}50%{box-shadow:0 0 24px rgba(184,134,11,0.45);}}#coin-oracle-modal{animation:modalBackdropIn 0.35s ease-out;backdrop-filter:blur(6px);overflow:visible !important;}#coin-oracle-modal .modal-content{animation:modalContentIn 0.55s cubic-bezier(0.34,1.35,0.64,1);box-shadow:0 30px 60px rgba(15,23,42,0.25),0 12px 24px rgba(15,23,42,0.16);overflow:visible !important;}#coin-oracle-modal #coin-intro-section,#coin-oracle-modal #coin-throw-section,#coin-oracle-modal #coin-result-section{animation:sectionIn 0.55s ease-out;}#coins-container{isolation:isolate;}#coins-container::after{content:'';position:absolute;width:240px;height:240px;left:50%;top:50%;transform:translate(-50%,-50%);background:conic-gradient( from 90deg,rgba(184,134,11,0.28),rgba(212,165,116,0.06),rgba(184,134,11,0.18),rgba(212,165,116,0.06),rgba(184,134,11,0.28) );filter:blur(18px);opacity:0.5;pointer-events:none;animation:auraSpin 12s linear infinite;}.coin-wrapper{z-index:1;}.coin-wrapper::after{content:'';position:absolute;width:110px;height:26px;left:50%;top:50%;background:radial-gradient(circle,rgba(0,0,0,0.35),transparent 70%);filter:blur(8px);border-radius:50%;transform:translate(-50%,38px);opacity:0.3;z-index:-1;animation:coinShadowPulse 2.6s ease-in-out infinite;}.coin{will-change:transform,filter;}.coin-face{will-change:transform,filter;}.coin.glowing::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;border:2px solid rgba(255,215,0,0.6);transform:translate(-50%,-50%);animation:ripple 1.1s ease-out 1;pointer-events:none;}.coin.show-tails.glowing::after{border-color:rgba(200,200,200,0.55);}.coin.show-heads .coin-heads,.coin.show-tails .coin-tails{animation:coinSparkle 1.1s ease-in-out;}.coin.show-heads .coin-tails{opacity:0;visibility:hidden;}.coin.show-tails .coin-heads{opacity:0;visibility:hidden;}.hexagram-line.revealed::after{content:'';position:absolute;left:-12px;right:-12px;top:50%;height:3px;background:linear-gradient( 90deg,transparent,rgba(255,215,0,0.65),transparent );transform:translateY(-50%);opacity:0;animation:lineSweep 0.9s ease-out;pointer-events:none;}.coin-throw-btn:not(:disabled){animation:throwPulse 3.2s ease-in-out infinite;}.coin-result-container > *{animation:cardFloatIn 0.6s ease-out both;}.coin-result-container > *:nth-child(1){animation-delay:0.05s;}.coin-result-container > *:nth-child(2){animation-delay:0.1s;}.coin-result-container > *:nth-child(3){animation-delay:0.16s;}.coin-result-container > *:nth-child(4){animation-delay:0.22s;}.coin-result-container > *:nth-child(5){animation-delay:0.28s;}.coin-result-container > *:nth-child(6){animation-delay:0.34s;}.coin-result-container > *:nth-child(7){animation-delay:0.4s;}.coin-result-container > *:nth-child(8){animation-delay:0.46s;}@media (prefers-reduced-motion:reduce){#coin-oracle-modal,#coin-oracle-modal .modal-content,#coin-oracle-modal #coin-intro-section,#coin-oracle-modal #coin-throw-section,#coin-oracle-modal #coin-result-section,#coins-container::before,#coins-container::after,.coin,.coin-face,.coin-wrapper::after,.coin-throw-btn,.coin-result-container > *{animation:none !important;transition:none !important;}}#dream-keyword,#dream-keyword-input{color:var(--ink,#f0f0f0);}#dream-keyword::placeholder,#dream-keyword-input::placeholder{color:var(--muted,#a8a8c8);}.dream-keyword-chip{padding:8px 16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);border-radius:20px;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.dream-keyword-chip:hover{background:linear-gradient(135deg,#1a3a5c,#1a5f4a);color:white;border-color:#1a3a5c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,58,92,0.3);}.dream-keyword-chip:active{transform:translateY(0);}#dream-popular-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;}.dream-element-목{border-color:rgba(26,95,74,0.3) !important;}.dream-element-화{border-color:rgba(199,48,48,0.3) !important;}.dream-element-토{border-color:rgba(184,134,11,0.3) !important;}.dream-element-금{border-color:rgba(139,139,139,0.3) !important;}.dream-element-수{border-color:rgba(26,58,92,0.3) !important;}.dream-element-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:14px;}.dream-element-badge.목{background:#1a5f4a;}.dream-element-badge.화{background:#c73030;}.dream-element-badge.토{background:#b8860b;}.dream-element-badge.금{background:#8b8b8b;}.dream-element-badge.수{background:#1a3a5c;}.dream-fortune-badge{padding:8px 16px;border-radius:10px;color:white;font-weight:600;font-size:14px;}.dream-fortune-badge.대길{background:linear-gradient(135deg,#10b981,#059669);}.dream-fortune-badge.길{background:linear-gradient(135deg,#3b82f6,#2563eb);}.dream-fortune-badge.보통{background:linear-gradient(135deg,#6b7280,#4b5563);}.dream-fortune-badge.주의{background:linear-gradient(135deg,#f59e0b,#d97706);}.dream-result-card{background:white;border-radius:16px;padding:24px;border:3px solid rgba(26,58,92,0.2);transition:all 0.2s ease;}.dream-result-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1);}.dream-meaning-section{border-radius:12px;padding:16px;margin-bottom:16px;border-left:4px solid currentColor;}.dream-meaning-section.목{background:rgba(26,95,74,0.1);border-left-color:#1a5f4a;}.dream-meaning-section.화{background:rgba(199,48,48,0.1);border-left-color:#c73030;}.dream-meaning-section.토{background:rgba(184,134,11,0.1);border-left-color:#b8860b;}.dream-meaning-section.금{background:rgba(139,139,139,0.1);border-left-color:#8b8b8b;}.dream-meaning-section.수{background:rgba(26,58,92,0.1);border-left-color:#1a3a5c;}.dream-interpretation-section{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:16px;}.dream-action-guide{border-radius:12px;padding:16px;margin-bottom:16px;}.dream-action-guide ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8;}.dream-element-info-bar{display:flex;gap:12px;padding:12px;background:#fafafa;border-radius:10px;margin-bottom:20px;}.dream-element-info-item{flex:1;text-align:center;padding:8px;background:white;border-radius:8px;}.dream-element-info-label{font-size:11px;color:var(--muted);margin-bottom:4px;}.dream-element-info-value{font-weight:600;}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #1a3a5c;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.dream-search-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.2s ease;}.dream-search-btn.primary{background:linear-gradient(135deg,#1a3a5c,#1a5f4a);color:white;}.dream-search-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,58,92,0.3);}.dream-search-btn.secondary{background:#f3f4f6;color:var(--ink);}.dream-search-btn.secondary:hover{background:#e5e7eb;}@media (max-width:640px){.dream-keyword-chip{padding:6px 12px;font-size:12px;}.dream-result-card{padding:16px;}.dream-element-info-bar{flex-direction:column;gap:8px;}}#sukyo-modal .modal-content{max-width:600px;max-height:90vh;overflow-y:auto;padding:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid rgba(147,112,219,0.3);}.sukyo-modal-header{background:linear-gradient(135deg,#5E35B1,#7E57C2);color:white;padding:24px;text-align:center;position:sticky;top:0;z-index:10;border-radius:var(--radius) var(--radius) 0 0;position:relative;overflow:hidden;}.sukyo-modal-header::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-su),var(--color-mok),var(--color-hwa),var(--color-to),var(--color-geum));}.sukyo-modal-header h2{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 0 20px rgba(255,215,0,0.4);}.sukyo-modal-header .moon-emoji{font-size:28px;animation:moonGlow 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,215,0,0.6);}@keyframes moonGlow{0%,100%{opacity:0.8;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}.sukyo-modal-header p{margin:8px 0 0;font-size:14px;opacity:0.9;}.sukyo-modal-body{padding:24px;background:linear-gradient(135deg,rgba(26,26,46,0.95) 0%,rgba(22,33,62,0.95) 100%);}.sukyo-input-group{margin-bottom:24px;}.sukyo-input-row{display:flex;gap:12px;margin-bottom:16px;}.sukyo-input-field{flex:1;}.sukyo-input-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#f0f0f0;}.sukyo-input-field input{width:100%;padding:10px 12px;border:2px solid rgba(147,112,219,0.3);border-radius:var(--radius-sm);font-size:16px;transition:all 0.3s ease;box-sizing:border-box;background:rgba(26,26,46,0.8);color:#f0f0f0;}.sukyo-input-field input:focus{outline:none;border-color:#9370DB;box-shadow:0 0 0 3px rgba(147,112,219,0.2);}.sukyo-calculate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#5E35B1,#7E57C2);color:white;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}.sukyo-calculate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);}.sukyo-calculate-btn:active:not(:disabled){transform:translateY(0);}.sukyo-calculate-btn:disabled{opacity:0.6;cursor:not-allowed;}#sukyo-result{margin-top:24px;animation:fadeInUp 0.5s ease;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.sukyo-result-container{background:transparent;border-radius:var(--radius);padding:20px;}.sukyo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:linear-gradient(135deg,rgba(90,159,212,0.15) 0%,rgba(94,53,177,0.15) 100%);border:1px solid rgba(90,159,212,0.3);border-radius:var(--radius);position:relative;overflow:hidden;}.sukyo-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-su),#9370DB,var(--color-hwa));}.sukyo-birth-info .birth-date{font-size:16px;font-weight:600;color:#f0f0f0;}.moon-phase{display:flex;align-items:center;gap:6px;background:rgba(255,215,0,0.15);padding:6px 12px;border-radius:var(--radius-xl);border:1px solid rgba(255,215,0,0.3);}.moon-icon{font-size:18px;text-shadow:0 0 10px rgba(255,215,0,0.5);}.moon-text{font-size:13px;font-weight:500;color:#ffd700;}.mansion-card{background:linear-gradient(135deg,#5E35B1,#7E57C2);color:white;border-radius:var(--radius);padding:24px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow-md);animation:cardAppear 0.6s ease;}@keyframes cardAppear{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}.mansion-number{font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.mansion-name{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;}.mansion-name .korean{font-size:28px;font-weight:600;}.mansion-name .hanja{font-size:20px;opacity:0.9;}.mansion-key-point{font-size:15px;font-style:italic;opacity:0.95;margin:12px 0;color:rgba(255,255,255,0.95);font-weight:500;line-height:1.5;}.mansion-sanskrit{font-size:16px;opacity:0.85;font-style:italic;margin-bottom:12px;}.mansion-fortune{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:var(--radius-xl);font-size:16px;font-weight:600;}.fortune-emoji{font-size:20px;}.mansion-attributes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;}.attribute-item{background:linear-gradient(135deg,rgba(94,53,177,0.2) 0%,rgba(126,87,194,0.15) 100%);border:1px solid rgba(147,112,219,0.3);border-radius:var(--radius);padding:16px;text-align:center;position:relative;overflow:hidden;}.attribute-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#9370DB,#7E57C2);}.attribute-label{font-size:12px;color:#a8a8c8;margin-bottom:6px;}.attribute-value{font-size:15px;font-weight:600;color:#f0f0f0;display:flex;align-items:center;justify-content:center;gap:8px;}.element-목{color:var(--color-mok,#4CAF50);}.element-화{color:var(--color-hwa,#F44336);}.element-토{color:var(--color-to,#FF9800);}.element-금{color:var(--color-geum,#FFD700);}.element-수{color:var(--color-su,#2196F3);}.element-일{color:#FF5722;}.element-월{color:#9C27B0;}.color-circle{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #DDD;}.sukyo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;background:rgba(26,26,46,0.6);border-radius:var(--radius);padding:12px;border:1px solid rgba(255,255,255,0.1);}.sukyo-tab{flex:1;padding:10px 16px;background:linear-gradient(135deg,rgba(94,53,177,0.2) 0%,rgba(126,87,194,0.1) 100%);border:1px solid rgba(147,112,219,0.3);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:#c8c8e0;cursor:pointer;transition:all 0.2s ease;}.sukyo-tab.active{background:linear-gradient(135deg,#5E35B1,#7E57C2);border-color:#9370DB;color:white;box-shadow:var(--shadow-md);}.sukyo-tab:hover:not(.active){background:linear-gradient(135deg,rgba(94,53,177,0.4) 0%,rgba(126,87,194,0.3) 100%);border-color:rgba(147,112,219,0.5);color:#f0f0f0;}.sukyo-tab-content{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:20px;min-height:120px;position:relative;overflow:hidden;}.sukyo-tab-content::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-su),var(--color-mok),var(--color-hwa),var(--color-to),var(--color-geum));}.tab-panel{display:none;animation:fadeIn 0.4s ease;}.tab-panel.active{display:block;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.tab-panel h4{margin:0 0 16px 0;font-size:18px;color:#ffd700;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(255,215,0,0.3);}.tab-panel p{margin:0;font-size:14px;line-height:1.8;color:#c8c8e0;white-space:pre-line;}@media (max-width:768px){#sukyo-modal .modal-content{width:95%;max-height:95vh;}.sukyo-modal-body{padding:16px;}.sukyo-input-row{flex-direction:column;gap:8px;}.mansion-number{font-size:36px;}.mansion-name .korean{font-size:24px;}.mansion-name .hanja{font-size:18px;}.mansion-attributes{flex-direction:column;}.sukyo-tabs{flex-wrap:wrap;}.sukyo-tab{flex:1 1 calc(50% - 4px);}}#sukyo-modal .modal-content::-webkit-scrollbar{width:8px;}#sukyo-modal .modal-content::-webkit-scrollbar-track{background:#F0F0F0;border-radius:var(--radius-xs);}#sukyo-modal .modal-content::-webkit-scrollbar-thumb{background:#7E57C2;border-radius:var(--radius-xs);}#sukyo-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#5E35B1;}@keyframes pulse{0%,100%{opacity:0.6;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}.sukyo-section{background:linear-gradient(135deg,rgba(90,159,212,0.12) 0%,rgba(74,222,128,0.08) 100%);border:1px solid rgba(90,159,212,0.25);border-radius:var(--radius);padding:20px;margin-bottom:20px;position:relative;overflow:hidden;}.sukyo-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-su),var(--color-mok));}.sukyo-section.classic{background:linear-gradient(135deg,rgba(147,112,219,0.15) 0%,rgba(126,87,194,0.1) 100%);border-left:4px solid #7E57C2;}.section-title{font-size:16px;font-weight:600;color:#ffd700;margin:0 0 12px 0;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(255,215,0,0.3);}.section-content{font-size:14px;line-height:1.7;color:#c8c8e0;margin:0;}.life-stage{background:linear-gradient(135deg,rgba(90,159,212,0.1) 0%,rgba(74,222,128,0.08) 100%);border:1px solid rgba(90,159,212,0.2);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;}.life-stage:last-child{margin-bottom:0;}.stage-title{font-size:15px;font-weight:600;color:var(--color-mok);margin-bottom:8px;text-shadow:0 0 8px rgba(74,222,128,0.4);}.life-stage p{font-size:14px;line-height:1.7;color:#c8c8e0;margin:0;}.sukyo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;background:white;border-radius:var(--radius-sm);padding:4px;}.sukyo-tab{padding:8px;font-size:13px;}@media (max-width:768px){.sukyo-tabs{grid-template-columns:repeat(3,1fr);}}.compat-section{margin-bottom:24px;}.compat-section:last-child{margin-bottom:0;}.compat-title{font-size:16px;font-weight:600;margin-bottom:12px;padding:8px 12px;border-radius:var(--radius-sm);}.compat-title.best{background:linear-gradient(135deg,rgba(248,113,113,0.15) 0%,rgba(248,113,113,0.08) 100%);color:var(--color-hwa);text-shadow:0 0 10px rgba(248,113,113,0.4);}.compat-title.good{background:linear-gradient(135deg,rgba(74,222,128,0.15) 0%,rgba(74,222,128,0.08) 100%);color:var(--color-mok);text-shadow:0 0 10px rgba(74,222,128,0.4);}.compat-title.caution{background:linear-gradient(135deg,rgba(251,191,36,0.15) 0%,rgba(251,191,36,0.08) 100%);color:var(--color-to);text-shadow:0 0 10px rgba(251,191,36,0.4);}.compat-list{display:flex;flex-direction:column;gap:12px;}.compat-item{background:linear-gradient(135deg,rgba(94,53,177,0.15) 0%,rgba(126,87,194,0.1) 100%);border:1px solid rgba(147,112,219,0.25);border-radius:var(--radius-sm);padding:14px;border-left:4px solid rgba(147,112,219,0.5);}.compat-item.best{border-left-color:var(--color-hwa);}.compat-item.good{border-left-color:var(--color-mok);}.compat-item.caution{border-left-color:var(--color-to);}.compat-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;}.compat-number{font-size:12px;font-weight:600;color:#f0f0f0;background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:var(--radius-xs);}.compat-name{font-size:16px;font-weight:600;color:#f0f0f0;}.compat-score{margin-left:auto;font-size:18px;font-weight:700;color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,0.4);}.compat-reason{font-size:13px;color:#a8a8c8;line-height:1.5;margin:0;}.compat-score-guide{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:12px;background:rgba(26,26,46,0.6);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.1);}.compat-score-guide .guide-item{font-size:12px;padding:6px 12px;border-radius:var(--radius-xl);font-weight:500;color:#f0f0f0;}.compat-score-guide .guide-item.best{background:linear-gradient(135deg,rgba(248,113,113,0.2) 0%,rgba(248,113,113,0.1) 100%);border:1px solid rgba(248,113,113,0.3);color:var(--color-hwa);}.compat-score-guide .guide-item.good{background:linear-gradient(135deg,rgba(74,222,128,0.2) 0%,rgba(74,222,128,0.1) 100%);border:1px solid rgba(74,222,128,0.3);color:var(--color-mok);}.compat-score-guide .guide-item.caution{background:linear-gradient(135deg,rgba(251,191,36,0.2) 0%,rgba(251,191,36,0.1) 100%);border:1px solid rgba(251,191,36,0.3);color:var(--color-to);}.compat-card{background:linear-gradient(135deg,rgba(94,53,177,0.15) 0%,rgba(126,87,194,0.1) 100%);border:1px solid rgba(147,112,219,0.25);border-radius:var(--radius-lg);padding:0;margin-bottom:16px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;}.compat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}.compat-card.best::before{background:linear-gradient(90deg,var(--color-hwa),#ff8a80);}.compat-card.good::before{background:linear-gradient(90deg,var(--color-mok),#69f0ae);}.compat-card.caution::before{background:linear-gradient(90deg,var(--color-to),#ffe082);}.compat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.compat-card:last-child{margin-bottom:0;}.compat-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,rgba(102,126,234,0.3) 0%,rgba(118,75,162,0.3) 100%);color:white;margin-bottom:12px;}.compat-card.best .compat-card-header{background:linear-gradient(135deg,rgba(248,113,113,0.3) 0%,rgba(245,87,108,0.3) 100%);}.compat-card.good .compat-card-header{background:linear-gradient(135deg,rgba(17,153,142,0.3) 0%,rgba(56,239,125,0.3) 100%);}.compat-card.caution .compat-card-header{background:linear-gradient(135deg,rgba(242,153,74,0.3) 0%,rgba(242,201,76,0.3) 100%);}.compat-card-title{display:flex;align-items:center;gap:10px;}.compat-card .compat-number{background:rgba(255,255,255,0.25);color:white;font-size:12px;padding:4px 10px;}.compat-card .compat-name{color:white;font-size:18px;font-weight:700;}.compat-card .compat-score{background:rgba(255,255,255,0.25);color:white;font-size:16px;font-weight:700;padding:6px 14px;border-radius:var(--radius-xl);}.compat-energy-axis{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(90,159,212,0.1);border-radius:var(--radius-sm);margin:0 16px 12px;}.compat-energy-axis .axis-icon{font-size:16px;}.compat-energy-axis .axis-text{font-size:13px;font-weight:600;color:var(--color-su);}.compat-dynamic{padding:16px 20px;margin-bottom:12px;}.compat-dynamic p{margin:0;font-size:14px;line-height:1.7;color:#c8c8e0;}.compat-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;margin-bottom:12px;}.compat-detail-item{padding:12px;background:rgba(26,26,46,0.5);border-radius:var(--radius-sm);}.compat-detail-item .detail-label{font-size:12px;font-weight:700;color:#a8a8c8;margin-bottom:6px;}.compat-detail-item.dating .detail-label{color:var(--color-hwa);}.compat-detail-item.longterm .detail-label{color:var(--color-su);}.compat-detail-item p{margin:0;font-size:13px;line-height:1.6;color:#c8c8e0;}.compat-conflict{padding:12px;margin:0 16px 12px;background:linear-gradient(135deg,rgba(248,113,113,0.1) 0%,rgba(248,113,113,0.05) 100%);border:1px solid rgba(248,113,113,0.2);border-radius:var(--radius-sm);}.compat-conflict .conflict-label{font-size:12px;font-weight:700;color:var(--color-hwa);margin-bottom:6px;}.compat-conflict p{margin:0;font-size:13px;line-height:1.6;color:#c8c8e0;}.compat-advice{padding:12px;margin:0 16px 16px;background:linear-gradient(135deg,rgba(74,222,128,0.1) 0%,rgba(74,222,128,0.05) 100%);border:1px solid rgba(74,222,128,0.2);border-radius:var(--radius-sm);}.compat-advice .advice-label{font-size:12px;font-weight:700;color:var(--color-mok);margin-bottom:6px;}.compat-advice p{margin:0;font-size:13px;line-height:1.6;color:#c8c8e0;}@media (max-width:480px){.compat-details{grid-template-columns:1fr;}.compat-card-header{padding:14px 16px;}.compat-card .compat-name{font-size:16px;}.compat-score-guide{flex-direction:column;gap:4px;}.compat-score-guide .guide-item{text-align:center;}}.ritual-container{display:flex;flex-direction:column;gap:20px;}.ritual-section{background:linear-gradient(135deg,rgba(94,53,177,0.12) 0%,rgba(126,87,194,0.08) 100%);border:1px solid rgba(147,112,219,0.2);border-radius:var(--radius);padding:20px;margin-bottom:0;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;}.ritual-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.ritual-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9370DB,#7E57C2,#5E35B1);}@keyframes shimmer{0%,100%{background-position:200% 0;}50%{background-position:0 0;}}.ritual-section.mantra-section::before{background:linear-gradient(90deg,#9370DB,var(--color-su),#9370DB);}.ritual-section.deity-section::before{background:linear-gradient(90deg,var(--color-hwa),#ff8a80,var(--color-hwa));}.ritual-section.gemstone-section::before{background:linear-gradient(90deg,var(--color-mok),#69f0ae,var(--color-mok));}.ritual-section.fasting-section::before{background:linear-gradient(90deg,var(--color-to),#ffe082,var(--color-to));}.ritual-title{font-size:16px;font-weight:600;color:#ffd700;margin-bottom:16px;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(255,215,0,0.3);}.ritual-title-icon{font-size:18px;}.ritual-content{font-size:14px;color:#c8c8e0;}.mantra-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-lg);padding:24px;color:white;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;}.mantra-card::before{content:'ॐ';position:absolute;font-size:120px;opacity:0.08;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Noto Sans Devanagari',serif;}.mantra-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:0.85;margin-bottom:8px;}.mantra-sanskrit{font-size:28px;font-weight:700;font-family:'Noto Sans Devanagari','Noto Serif KR',serif;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,0.2);position:relative;z-index:1;}.mantra-korean{font-size:15px;opacity:0.9;font-weight:500;}.mantra-card.beeja{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);}.mantra-card.main{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);}.mantra-meta{display:flex;gap:12px;flex-wrap:wrap;}.mantra-meta-item{flex:1;min-width:100px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--radius);padding:14px;text-align:center;}.mantra-meta-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}.mantra-meta-value{font-size:15px;font-weight:700;color:#5E35B1;}.deity-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}.deity-avatar{width:56px;height:56px;background:linear-gradient(135deg,rgba(255,215,0,0.15) 0%,rgba(255,215,0,0.05) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}.deity-details{flex:1;}.deity-name{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:12px;}.deity-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin-top:12px;}.deity-info-item{font-size:13px;color:#555;display:flex;flex-direction:row;align-items:flex-start;gap:8px;line-height:1.5;}.deity-info-item strong{color:#5E35B1;font-weight:600;white-space:nowrap;flex-shrink:0;}.deity-info-item .info-note{color:#999;font-size:11px;}.ritual-list-section{margin-bottom:16px;}.ritual-list-section:last-child{margin-bottom:0;}.ritual-list-title{font-size:14px;font-weight:700;color:#e0d4f7;margin-bottom:10px;display:flex;align-items:center;gap:6px;text-shadow:0 0 8px rgba(147,112,219,0.4);}.ritual-list-title.good{color:var(--color-mok);text-shadow:0 0 10px rgba(74,222,128,0.5);}.ritual-list-title.good::before{content:'✓';font-weight:bold;}.ritual-list-title.caution{color:var(--color-hwa);text-shadow:0 0 10px rgba(248,113,113,0.5);}.ritual-list-title.caution::before{content:'✗';font-weight:bold;}.ritual-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}.ritual-list li{font-size:13px;padding:8px 16px;background:linear-gradient(135deg,rgba(74,222,128,0.15) 0%,rgba(74,222,128,0.08) 100%);border:1px solid rgba(74,222,128,0.3);border-radius:var(--radius-xl);color:#b8f0c8;font-weight:500;transition:all 0.2s ease;text-shadow:0 0 6px rgba(74,222,128,0.3);}.ritual-list li:hover{transform:scale(1.05);box-shadow:var(--shadow-md);background:linear-gradient(135deg,rgba(74,222,128,0.25) 0%,rgba(74,222,128,0.15) 100%);}.ritual-list.caution li{background:linear-gradient(135deg,rgba(248,113,113,0.2) 0%,rgba(248,113,113,0.1) 100%);border:1px solid rgba(248,113,113,0.4);color:#fca5a5;text-shadow:0 0 6px rgba(248,113,113,0.3);}.ritual-list.caution li:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,rgba(248,113,113,0.3) 0%,rgba(248,113,113,0.2) 100%);}.gemstone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}.gemstone-card{text-align:center;padding:16px 12px;background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,215,0,0.2);border-radius:var(--radius-sm);transition:all 0.3s ease;}.gemstone-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.gemstone-card.primary{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,215,0,0.05) 100%);border-color:rgba(255,215,0,0.4);}.gemstone-icon{font-size:28px;margin-bottom:8px;}.gemstone-label{font-size:11px;color:#a8a8c8;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}.gemstone-name{font-size:15px;font-weight:600;color:#ffd700;}.gemstone-card.primary .gemstone-name{color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,0.3);}.fasting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.fasting-card{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);padding:12px;}.fasting-card.caution{border-color:rgba(248,113,113,0.3);}.fasting-card.reason{border-color:rgba(90,159,212,0.3);}.fasting-label{font-size:11px;color:#a8a8c8;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}.fasting-value{font-size:14px;font-weight:600;color:#f0f0f0;}.fasting-card.caution .fasting-value{color:var(--color-hwa);}.sukyo-tabs{grid-template-columns:repeat(4,1fr);}@media (max-width:768px){.sukyo-tabs{grid-template-columns:repeat(4,1fr);}.sukyo-tab{padding:6px 4px;font-size:11px;}.gemstone-grid{display:flex !important;flex-direction:column !important;gap:10px !important;}.gemstone-card{text-align:left !important;}.fasting-grid{display:flex !important;flex-direction:column !important;gap:8px !important;}.fasting-card{text-align:left !important;grid-column:unset !important;}.mantra-info{flex-direction:column;gap:6px;}.mantra-grid-v2{display:flex !important;flex-direction:column !important;gap:8px !important;}.mantra-item-v2{padding:10px 14px !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;text-align:left !important;}.mantra-label-v2{min-width:50px;font-size:9px;margin-bottom:0;}.mantra-text-v2{font-size:18px;margin-bottom:0;}.mantra-roman-v2{font-size:11px;margin-bottom:0;}.mantra-desc-v2{display:none;}.deity-info-grid{display:flex !important;flex-direction:column !important;grid-template-columns:unset !important;gap:10px !important;}.deity-info-item{display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:4px 12px;writing-mode:horizontal-tb !important;}}@media (max-width:480px){.sukyo-tabs{grid-template-columns:repeat(4,1fr);}.sukyo-tab{font-size:10px;padding:6px 2px;}.compat-header{flex-wrap:wrap;}.compat-score{margin-left:0;}.deity-info-grid{display:flex !important;flex-direction:column !important;grid-template-columns:unset !important;gap:8px !important;}.deity-info-item{font-size:13px;padding:10px 12px;background:#f8f8fc;border-radius:var(--radius-sm);border-bottom:none;display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:4px 12px;align-items:flex-start;width:100%;writing-mode:horizontal-tb !important;}.deity-info-item strong{white-space:nowrap;flex-shrink:0;min-width:60px;writing-mode:horizontal-tb !important;}.deity-info-item span,.deity-info-item > *:not(strong){flex:1;min-width:0;word-break:keep-all;writing-mode:horizontal-tb !important;}.deity-info-item:last-child{border-bottom:none;}.fasting-grid{display:flex !important;flex-direction:column !important;gap:8px !important;}.fasting-card{padding:12px 14px !important;display:block !important;text-align:left !important;grid-column:unset !important;}.fasting-card .fasting-label{display:inline-block !important;font-size:11px !important;margin-bottom:0 !important;margin-right:12px !important;min-width:55px;color:var(--muted);vertical-align:top;}.fasting-card .fasting-value{display:inline !important;font-size:13px !important;line-height:1.5 !important;word-break:keep-all;}.gemstone-grid{display:flex !important;flex-direction:column !important;gap:10px !important;}.gemstone-card{padding:14px !important;display:block !important;text-align:left !important;}.gemstone-card .gemstone-icon{display:inline-block !important;font-size:20px !important;margin-bottom:0 !important;margin-right:8px !important;vertical-align:middle;}.gemstone-card .gemstone-label{display:inline-block !important;font-size:10px !important;margin-bottom:0 !important;margin-right:10px !important;vertical-align:middle;color:var(--muted);}.gemstone-card .gemstone-name{display:inline !important;font-size:15px !important;font-weight:700;vertical-align:middle;}.gemstone-card .gemstone-effect{display:block !important;font-size:12px !important;color:rgba(255,255,255,0.75) !important;margin-top:8px !important;padding-top:8px !important;border-top:1px dashed rgba(255,255,255,0.15) !important;line-height:1.5 !important;}.gemstone-card .gemstone-wearing{display:block !important;font-size:11px !important;color:var(--muted) !important;margin-top:6px !important;line-height:1.4 !important;}.compat-details{grid-template-columns:1fr;}.compat-detail-item{padding:10px 12px;}}.nakshatra-shadow-card,.nakshatra-success-card,.nakshatra-career-shadow,.nakshatra-love-shadow{border-radius:var(--radius);padding:16px 20px;margin-top:16px;position:relative;overflow:hidden;}.nakshatra-shadow-card::before,.nakshatra-success-card::before,.nakshatra-career-shadow::before,.nakshatra-love-shadow::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}.nakshatra-shadow-card .shadow-header,.nakshatra-success-card .success-header,.nakshatra-career-shadow .career-shadow-header,.nakshatra-love-shadow .love-shadow-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:600;}.nakshatra-shadow-card .shadow-content,.nakshatra-success-card .success-content,.nakshatra-career-shadow .career-shadow-content,.nakshatra-love-shadow .love-shadow-content{font-size:14px;line-height:1.7;color:#c8c8e0;}.nakshatra-shadow-card{background:linear-gradient(135deg,rgba(248,113,113,0.12) 0%,rgba(248,113,113,0.06) 100%);border:1px solid rgba(248,113,113,0.25);}.nakshatra-shadow-card::before{background:linear-gradient(90deg,var(--color-hwa),#ff8a80,var(--color-to));}.nakshatra-shadow-card .shadow-header{color:var(--color-hwa);text-shadow:0 0 8px rgba(248,113,113,0.4);}.nakshatra-success-card{background:linear-gradient(135deg,rgba(74,222,128,0.12) 0%,rgba(74,222,128,0.06) 100%);border:1px solid rgba(74,222,128,0.25);}.nakshatra-success-card::before{background:linear-gradient(90deg,var(--color-mok),#69f0ae,var(--color-su));}.nakshatra-success-card .success-header{color:var(--color-mok);text-shadow:0 0 8px rgba(74,222,128,0.4);}.nakshatra-career-shadow{background:linear-gradient(135deg,rgba(251,191,36,0.12) 0%,rgba(251,191,36,0.06) 100%);border:1px solid rgba(251,191,36,0.25);}.nakshatra-career-shadow::before{background:linear-gradient(90deg,var(--color-to),#ffe082,var(--color-geum));}.nakshatra-career-shadow .career-shadow-header{color:var(--color-to);text-shadow:0 0 8px rgba(251,191,36,0.4);}.nakshatra-love-shadow{background:linear-gradient(135deg,rgba(248,113,113,0.12) 0%,rgba(248,113,113,0.06) 100%);border:1px solid rgba(248,113,113,0.25);}.nakshatra-love-shadow::before{background:linear-gradient(90deg,var(--color-hwa),#ff8a80,#9370DB);}.nakshatra-love-shadow .love-shadow-header{color:var(--color-hwa);text-shadow:0 0 8px rgba(248,113,113,0.4);}.nakshatra-mars-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fca5a5;border-radius:var(--radius-xl);padding:6px 14px;margin-top:12px;font-size:12px;font-weight:600;color:#b91c1c;}.nakshatra-mars-badge::before{content:'♂';font-size:14px;}.mantra-section-v2{background:var(--card);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;}.mantra-section-v2 .ritual-title{margin-bottom:16px;}.mantra-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}.mantra-item-v2{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(147,112,219,0.3);border-radius:var(--radius-sm);padding:16px 12px;text-align:center;transition:all 0.2s ease;}.mantra-item-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.mantra-item-v2.beeja{background:linear-gradient(180deg,rgba(248,113,113,0.15) 0%,rgba(248,113,113,0.08) 100%);border-color:rgba(248,113,113,0.3);}.mantra-item-v2.main{background:linear-gradient(180deg,rgba(90,159,212,0.15) 0%,rgba(90,159,212,0.08) 100%);border-color:rgba(90,159,212,0.3);}.mantra-item-v2.nakshatra{background:linear-gradient(180deg,rgba(147,112,219,0.2) 0%,rgba(147,112,219,0.1) 100%);border-color:rgba(147,112,219,0.4);}.mantra-label-v2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#a8a8c8;margin-bottom:8px;}.mantra-item-v2.beeja .mantra-label-v2{color:var(--color-hwa);}.mantra-item-v2.main .mantra-label-v2{color:var(--color-su);}.mantra-item-v2.nakshatra .mantra-label-v2{color:#9370DB;}.mantra-text-v2{font-size:18px;font-weight:600;color:#ffd700;line-height:1.3;margin-bottom:4px;text-shadow:0 0 10px rgba(255,215,0,0.3);}.mantra-roman-v2{font-size:13px;color:#a8a8c8;font-weight:500;margin-bottom:8px;}.mantra-desc-v2{font-size:12px;color:#c8c8e0;line-height:1.5;padding-top:8px;border-top:1px dashed rgba(255,255,255,0.1);text-align:left;}.mantra-pronunciation-v2{background:rgba(90,159,212,0.1);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px;}.pronunciation-label{font-size:12px;font-weight:600;color:#a8a8c8;}.pronunciation-text{font-size:14px;color:var(--color-su);font-weight:500;}.mantra-info-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}.info-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.08);padding:6px 12px;border-radius:var(--radius-xl);font-size:12px;color:#c8c8e0;}.info-chip i{font-style:normal;font-size:11px;}.purpose-section{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,215,0,0.05) 100%);border:1px solid rgba(255,215,0,0.25);border-radius:var(--radius);padding:16px;margin-bottom:16px;}.purpose-card{background:rgba(255,215,0,0.08);border:1px solid rgba(255,215,0,0.2);border-radius:var(--radius-sm);padding:16px;}.purpose-text{font-size:14px;line-height:1.7;color:#f0f0f0;margin:0;}.deity-description{font-size:14px;line-height:1.6;color:#c8c8e0;margin:8px 0 12px;padding:10px 12px;background:rgba(147,112,219,0.1);border-radius:var(--radius-sm);border-left:3px solid #9370DB;}.deity-planetary{font-size:13px;color:var(--color-su);margin-bottom:12px;padding:6px 10px;background:linear-gradient(90deg,rgba(90,159,212,0.1) 0%,transparent 100%);border-radius:var(--radius-xs);}.gemstone-effect{margin-top:6px;font-size:11px;line-height:1.5;color:rgba(255,255,255,0.75);}.gemstone-wearing{margin-top:4px;font-size:10px;line-height:1.4;color:rgba(255,255,255,0.55);font-style:italic;}.fasting-card.reason{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;}.fasting-card.reason .fasting-label{color:#166534;}.fasting-card.reason .fasting-value{color:#15803d;font-size:12px;line-height:1.5;}.affirmation-section{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,215,0,0.05) 100%);border:1px solid rgba(255,215,0,0.25);border-radius:var(--radius);margin-top:16px;}.affirmation-card{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,215,0,0.05) 100%);border:1px solid rgba(255,215,0,0.25);border-radius:var(--radius);padding:20px;text-align:center;}.affirmation-korean{font-size:16px;font-weight:500;line-height:1.7;color:#ffd700;margin:0 0 8px;font-style:italic;}.affirmation-english{font-size:14px;line-height:1.5;color:#a8a8c8;margin:0;font-style:italic;}@media (max-width:480px){.mantra-grid-v2{display:flex !important;flex-direction:column !important;gap:6px !important;}.mantra-item-v2{padding:10px 12px !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;text-align:left !important;}.mantra-label-v2{min-width:45px !important;font-size:8px !important;margin-bottom:0 !important;flex-shrink:0 !important;}.mantra-text-v2{font-size:16px !important;margin-bottom:0 !important;flex-shrink:0 !important;}.mantra-roman-v2{font-size:10px !important;margin-bottom:0 !important;flex-shrink:0 !important;min-width:70px;}.mantra-desc-v2{display:none !important;}.mantra-info-bar{flex-direction:row !important;flex-wrap:wrap;gap:6px;}.info-chip{font-size:11px;padding:4px 8px;}.nakshatra-shadow-card,.nakshatra-success-card,.nakshatra-career-shadow,.nakshatra-love-shadow{padding:14px 16px;}.purpose-card{padding:10px 12px;}.affirmation-card{padding:14px 16px;}.affirmation-korean{font-size:13px;}}.appearance-container{padding:8px 0;}.appearance-description{color:#c8c8e0;font-size:14px;line-height:1.7;margin-bottom:20px;padding:16px;background:rgba(251,191,36,0.08);border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,0.2);}.appearance-section{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;margin-bottom:16px;position:relative;overflow:hidden;}.appearance-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-to),var(--color-geum));}.appearance-section-title{font-size:15px;font-weight:600;color:#ffd700;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.appearance-section-title .section-icon{font-size:16px;}.appearance-summary{color:#f0f0f0;font-size:14px;line-height:1.6;margin-bottom:10px;}.appearance-features{list-style:none;padding:0;margin:0;}.appearance-features li{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#c8c8e0;line-height:1.5;}.appearance-features li::before{content:"•";position:absolute;left:0;color:var(--color-to);font-size:14px;}.appearance-gender-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;}.gender-section.male{border-left:4px solid #4FC3F7;}.gender-section.female{border-left:4px solid #F48FB1;}.body-parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.body-part-card{background:linear-gradient(135deg,#f5f5f5 0%,#eeeeee 100%);padding:12px;border-radius:var(--radius-sm);text-align:center;}.body-part-label{font-size:11px;color:var(--muted);text-transform:uppercase;margin-bottom:6px;}.body-part-value{font-size:13px;color:var(--ink);font-weight:500;}.health-tendencies{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-left:4px solid #FF9800;}.health-tendencies-text{color:#e65100;font-size:13px;line-height:1.6;}.celebrities-container{padding:8px 0;}.celebrities-description{color:#c8c8e0;font-size:14px;line-height:1.7;margin-bottom:20px;padding:16px;background:rgba(255,215,0,0.08);border-radius:var(--radius-sm);border:1px solid rgba(255,215,0,0.2);}.celebrities-section{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;margin-bottom:16px;position:relative;overflow:hidden;}.celebrities-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-to),var(--color-geum),var(--color-hwa));}.celebrities-section-title{font-size:15px;font-weight:600;color:#ffd700;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.celebrities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}.celebrity-card{background:linear-gradient(135deg,rgba(255,215,0,0.08) 0%,rgba(255,215,0,0.03) 100%);border:1px solid rgba(255,215,0,0.2);border-radius:var(--radius-sm);padding:14px;transition:all 0.2s ease;text-align:center;}.celebrity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.celebrity-name{font-size:14px;font-weight:600;color:#ffd700;margin-bottom:4px;}.celebrity-field{font-size:12px;color:#a8a8c8;margin-bottom:6px;}.celebrity-trait{font-size:11px;color:#c8c8e0;line-height:1.4;}.celebrities-common-traits{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,215,0,0.05) 100%);border:1px solid rgba(255,215,0,0.25);border-radius:var(--radius-sm);padding:16px;}.common-traits-title{font-size:14px;font-weight:600;color:#ffd700;margin-bottom:8px;}.celebrities-common-traits p{font-size:13px;color:#c8c8e0;line-height:1.6;margin:0;}.placement-container{padding:8px 0;}.placement-description{color:#c8c8e0;font-size:14px;line-height:1.7;margin-bottom:20px;padding:16px;background:rgba(90,159,212,0.08);border-radius:var(--radius-sm);border:1px solid rgba(90,159,212,0.2);}.placement-section{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;margin-bottom:16px;position:relative;overflow:hidden;}.placement-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}.ascendant-section::before{background:linear-gradient(90deg,#ff9800,var(--color-to));}.moon-section::before{background:linear-gradient(90deg,#9370DB,var(--color-su));}.sun-section::before{background:linear-gradient(90deg,var(--color-to),var(--color-hwa));}.placement-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}.placement-icon{font-size:24px;}.placement-title{font-size:16px;font-weight:600;color:#ffd700;}.placement-summary{color:#f0f0f0;font-size:14px;line-height:1.6;margin-bottom:12px;}.placement-traits{list-style:none;padding:0;margin:0 0 12px 0;}.placement-traits li{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#c8c8e0;line-height:1.5;}.placement-traits li::before{content:"★";position:absolute;left:0;color:var(--color-to);font-size:10px;}.placement-pattern,.placement-challenges,.placement-examples{font-size:13px;padding:10px;border-radius:var(--radius-sm);margin-top:8px;line-height:1.6;color:#c8c8e0;background:rgba(255,255,255,0.05);}.placement-pattern{border-left:3px solid var(--color-mok);}.placement-challenges{background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.2);}.placement-examples{border-left:3px solid var(--color-su);}.placement-portion{font-size:13px;padding:10px;border-radius:var(--radius-sm);margin-top:8px;line-height:1.6;color:#c8c8e0;background:rgba(255,255,255,0.05);}.placement-portion.virgo{border-left:3px solid var(--color-mok);}.placement-portion.libra{border-left:3px solid var(--color-su);}.ascendant-section{border-left:4px solid #ff9800;}.moon-section{border-left:4px solid #9370DB;}.sun-section{border-left:4px solid var(--color-to);}.placement-comparison{margin-top:24px;background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;}.comparison-title{font-size:15px;font-weight:600;color:#ffd700;margin-bottom:16px;}.comparison-table{display:grid;gap:2px;background:rgba(255,255,255,0.1);border-radius:var(--radius-sm);overflow:hidden;}.comparison-header,.comparison-row{display:grid;grid-template-columns:60px repeat(3,1fr);gap:1px;}.comparison-header{background:rgba(147,112,219,0.2);}.comparison-header .comparison-cell{color:#ffd700;font-weight:600;}.comparison-cell{background:rgba(26,26,46,0.9);padding:10px 8px;font-size:12px;color:#c8c8e0;text-align:center;}.comparison-cell.label{background:rgba(90,159,212,0.1);font-weight:500;color:var(--color-su);}.placement-pada{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;}.pada-title{font-size:15px;font-weight:600;color:#ffd700;margin-bottom:16px;}.pada-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.pada-card{background:linear-gradient(135deg,rgba(94,53,177,0.15) 0%,rgba(126,87,194,0.1) 100%);border:1px solid rgba(147,112,219,0.25);border-radius:var(--radius-sm);padding:14px;position:relative;overflow:hidden;}.pada-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}.pada-card.pada-1::before{background:var(--color-hwa);}.pada-card.pada-2::before{background:var(--color-to);}.pada-card.pada-3::before{background:var(--color-su);}.pada-card.pada-4::before{background:var(--color-mok);}.pada-number{font-size:14px;font-weight:600;color:#ffd700;margin-bottom:4px;}.pada-range{font-size:11px;color:#a8a8c8;margin-bottom:6px;}.pada-ruler{font-size:12px;color:var(--color-su);margin-bottom:8px;}.pada-traits{font-size:13px;color:#c8c8e0;line-height:1.5;}@media (max-width:768px){.appearance-gender-grid{grid-template-columns:1fr;}.body-parts-grid{grid-template-columns:repeat(2,1fr);}.celebrities-grid{grid-template-columns:1fr;}.comparison-table{font-size:10px;}.comparison-cell{padding:8px 4px;font-size:10px;}.pada-grid{grid-template-columns:repeat(2,1fr);}.energy-gender-grid{display:flex !important;flex-direction:column !important;grid-template-columns:unset !important;gap:12px !important;}.chakra-grid{display:flex !important;flex-direction:column !important;grid-template-columns:unset !important;gap:10px !important;}}@media (max-width:480px){.sukyo-result-container{padding:12px;}.sukyo-tab-content{padding:12px;}.energy-gender-grid{display:flex !important;flex-direction:column !important;gap:12px !important;margin-bottom:12px;}.energy-section.gender-section{flex:none;width:100%;padding:14px;border-radius:var(--radius);}.energy-section.gender-section .energy-section-title{font-size:14px;margin-bottom:10px;gap:6px;}.energy-section.gender-section .energy-section-title .section-icon{font-size:16px;}.energy-section.gender-section .energy-summary{font-size:13px;line-height:1.6;padding:10px 12px;margin-bottom:10px;display:block;overflow:visible;-webkit-line-clamp:unset;}.energy-section.gender-section .energy-traits{display:grid;grid-template-columns:1fr;gap:6px;}.energy-section.gender-section .energy-traits li{font-size:13px;padding:8px 10px 8px 28px;margin-bottom:0;background:rgba(255,255,255,0.06);border-radius:var(--radius-sm);display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.5;}.energy-section.gender-section .energy-traits li::before{left:8px;font-size:12px;top:8px;}.chakra-grid{display:flex !important;flex-direction:column !important;gap:10px !important;}.chakra-card{padding:14px 16px;display:flex !important;flex-direction:row !important;align-items:flex-start;gap:12px;text-align:left;}.chakra-label{margin-bottom:0;min-width:70px;font-size:11px;flex-shrink:0;padding-top:2px;}.chakra-value{font-size:13px;line-height:1.5;flex:1;}.body-parts-grid{grid-template-columns:1fr;gap:6px;}.body-part-card{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left;}.body-part-label{margin-bottom:0;}.pada-grid{grid-template-columns:1fr;gap:8px;}.pada-card{padding:12px;}.appearance-section{padding:12px;margin-bottom:10px;}.appearance-section-title{font-size:14px;margin-bottom:10px;}.appearance-summary{font-size:13px;padding:8px 10px;}.appearance-features li{font-size:12px;padding:6px 10px 6px 24px;}.appearance-gender-grid{grid-template-columns:1fr;gap:10px;}.placement-section{padding:12px;margin-bottom:10px;}.placement-header{margin-bottom:10px;padding-bottom:8px;}.placement-icon{font-size:20px;}.placement-title{font-size:14px;}.placement-summary{font-size:13px;padding:8px 10px;}.placement-traits li{font-size:12px;padding:6px 10px 6px 24px;}.comparison-header,.comparison-row{grid-template-columns:50px repeat(3,1fr);}.comparison-cell{padding:6px 4px;font-size:9px;}.energy-section{padding:12px;margin-bottom:10px;}.energy-section-title{font-size:14px;}.energy-summary{font-size:13px;padding:8px 10px;}.energy-traits li{font-size:12px;padding:6px 10px 6px 24px;}.celebrities-section-title{font-size:14px;margin-bottom:10px;}.celebrities-grid{gap:6px;}.celebrity-card{padding:8px 12px;}.celebrity-name{font-size:12px;}.celebrity-field{font-size:9px;}}.energy-container{padding:8px 0;}.energy-description{color:#c8c8e0;font-size:14px;line-height:1.7;margin-bottom:16px;padding:16px;background:rgba(90,159,212,0.1);border-radius:var(--radius-sm);border:1px solid rgba(90,159,212,0.2);}.energy-section{background:linear-gradient(135deg,rgba(26,26,46,0.8) 0%,rgba(22,33,62,0.8) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);padding:16px;margin-bottom:16px;position:relative;overflow:hidden;}.energy-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-su),var(--color-mok));}.energy-section-title{font-size:15px;font-weight:600;color:#ffd700;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.energy-section-title .section-icon{font-size:16px;}.energy-summary{color:#f0f0f0;font-size:14px;line-height:1.6;margin-bottom:10px;}.energy-traits{list-style:none;padding:0;margin:0;}.energy-traits li{position:relative;padding:6px 0 6px 20px;font-size:13px;color:#c8c8e0;line-height:1.5;}.energy-traits li::before{content:"◆";position:absolute;left:0;font-size:10px;color:var(--color-su);}.energy-gender-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;}.energy-section.gender-section{display:flex;flex-direction:column;}.energy-section.gender-section.masculine{border-left:4px solid var(--color-hwa);background:linear-gradient(135deg,rgba(248,113,113,0.08) 0%,rgba(26,26,46,0.8) 100%);}.energy-section.gender-section.masculine::before{background:linear-gradient(90deg,var(--color-hwa),#ff8a80);}.energy-section.gender-section.feminine{border-left:4px solid #9370DB;background:linear-gradient(135deg,rgba(147,112,219,0.08) 0%,rgba(26,26,46,0.8) 100%);}.energy-section.gender-section.feminine::before{background:linear-gradient(90deg,#9370DB,#c792ea);}.energy-section.gender-section .energy-section-title{font-size:14px;margin-bottom:10px;}.energy-section.gender-section .energy-summary{font-size:12px;line-height:1.6;padding:8px 10px;margin-bottom:10px;flex-shrink:0;}.energy-section.gender-section .energy-traits{flex:1;}.energy-section.gender-section .energy-traits li{font-size:12px;padding:6px 10px 6px 24px;margin-bottom:4px;}.energy-section.gender-section.masculine .energy-traits li::before{content:"🔥";left:6px;font-size:10px;}.energy-section.gender-section.feminine .energy-traits li::before{content:"🌙";left:6px;font-size:10px;}.chakra-section{background:linear-gradient(135deg,rgba(147,112,219,0.1) 0%,rgba(26,26,46,0.8) 100%);border-left:4px solid #9370DB;}.chakra-section::before{background:linear-gradient(90deg,#9370DB,var(--color-su),var(--color-mok));}.chakra-grid{display:grid;gap:10px;}.chakra-card{background:rgba(147,112,219,0.1);border:1px solid rgba(147,112,219,0.2);padding:12px;border-radius:var(--radius-sm);}.chakra-card.balanced{border-color:rgba(74,222,128,0.3);}.chakra-card.imbalanced{border-color:rgba(248,113,113,0.3);}.chakra-label{font-size:11px;color:#a8a8c8;margin-bottom:4px;}.chakra-value{font-size:13px;color:#f0f0f0;}.vitality-section{border-left:4px solid var(--color-su);}.vitality-section::before{background:linear-gradient(90deg,var(--color-to),var(--color-geum));}.vitality-note{color:#c8c8e0;font-size:14px;line-height:1.7;}#sukyo-result .result-action-buttons{display:flex !important;justify-content:center !important;align-items:center !important;gap:12px;margin:24px 0;flex-wrap:wrap;}#sukyo-result *:focus,#sukyo-result *:active,#sukyo-result *:focus-visible,#sukyo-input-section *:focus,#sukyo-input-section *:active,#sukyo-input-section *:focus-visible{outline:none !important;outline-width:0 !important;outline-style:none !important;}.sukyo-result-container > *,.sukyo-tab-content > *,#sukyo-result > *{outline:none !important;box-shadow:none;}#sukyo-result button:focus,#sukyo-result button:active,#sukyo-result .sukyo-tab:focus,#sukyo-result .sukyo-tab:active,#sukyo-result [tabindex]:focus,#sukyo-result a:focus{outline:none !important;box-shadow:none !important;}.nakshatra-shadow-card,.nakshatra-love-shadow{border-color:rgba(248,113,113,0.15) !important;}#sukyo-result *::-moz-focus-inner{border:0;}#sukyo-result *::selection{background:rgba(147,112,219,0.3);}.bangwi-summary-card{background:var(--bg);border-radius:16px;padding:24px;text-align:center;margin-bottom:16px;border:1px solid var(--line);}.bangwi-ilgan{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;}.bangwi-ilgan-char{font-size:48px;font-weight:700;color:var(--ink);}.bangwi-ilgan-element{padding:6px 16px;border-radius:20px;font-size:16px;font-weight:600;}.bangwi-ilgan-desc{font-size:14px;color:var(--muted);}.bangwi-spirits-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-spirits-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center;}.bangwi-spirits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.bangwi-spirit-item{text-align:center;}.spirit-label{font-size:12px;color:var(--muted);margin-bottom:6px;}.spirit-value{display:inline-block;padding:8px 16px;border-radius:12px;font-size:18px;font-weight:700;margin-bottom:4px;}.spirit-desc{font-size:10px;color:var(--muted);}.bangwi-element-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-element-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center;}.bangwi-element-bars{display:flex;flex-direction:column;gap:10px;}.element-bar-row{display:flex;align-items:center;gap:10px;}.element-bar-label{width:36px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;flex-shrink:0;}.element-bar-track{flex:1;height:20px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;}.element-bar-fill{height:100%;border-radius:10px;transition:width 0.5s ease;}.element-bar-count{width:24px;text-align:right;font-size:14px;font-weight:600;color:var(--ink);}.bangwi-compass-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-compass-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center;}.compass-container{display:flex;flex-direction:column;align-items:center;}.compass-svg{width:100%;max-width:300px;height:auto;}.compass-direction{cursor:pointer;transition:transform 0.2s;}.compass-direction:hover{transform:scale(1.1);}.compass-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;}.legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);}.legend-dot{width:16px;height:16px;border-radius:50%;border:2px solid;}.bangwi-direction-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;}.bangwi-gilbang-card,.bangwi-hyungbang-card{background:var(--bg);border-radius:16px;overflow:hidden;border:1px solid var(--line);}.direction-card-header{padding:12px 16px;display:flex;align-items:center;gap:8px;}.direction-card-header.gilbang{background:linear-gradient(135deg,var(--status-excellent-bg),var(--oheng-to-light));}.direction-card-header.hyungbang{background:linear-gradient(135deg,var(--status-bad-bg),var(--oheng-hwa-light));}.direction-icon{font-size:18px;}.direction-title{font-size:14px;font-weight:600;color:var(--ink);}.direction-card-body{padding:16px;}.direction-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}.direction-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);}.direction-arrow{display:inline-block;font-size:14px;color:var(--muted);}.direction-type{font-size:11px;padding:2px 6px;background:var(--bg-secondary);border-radius:4px;color:var(--muted);}.direction-element{padding:4px 10px;border-radius:8px;font-size:13px;font-weight:600;}.direction-desc{font-size:12px;color:var(--muted);margin-bottom:12px;padding-left:22px;}.bangwi-all-directions-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-all-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center;}.bangwi-all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}.bangwi-dir-item{background:var(--bg-secondary);border-radius:12px;padding:12px;text-align:center;border:2px solid transparent;transition:all 0.2s;}.bangwi-dir-item.excellent{background:var(--status-excellent-bg);border-color:var(--status-excellent-border);}.bangwi-dir-item.good{background:var(--status-good-bg);border-color:var(--status-good-border);}.bangwi-dir-item.neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);}.bangwi-dir-item.caution{background:var(--status-caution-bg);border-color:var(--status-caution-border);}.bangwi-dir-item.bad{background:var(--status-bad-bg);border-color:var(--status-bad-border);}.dir-item-header{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:6px;}.dir-name{font-size:14px;font-weight:600;color:var(--ink);}.dir-hanja{font-size:12px;color:var(--muted);}.dir-item-status{font-size:12px;font-weight:600;margin-bottom:6px;}.dir-item-element{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:6px;}.dir-item-desc{font-size:10px;color:var(--muted);line-height:1.3;}.bangwi-usage-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-usage-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:16px;text-align:center;}.bangwi-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.bangwi-usage-item{background:var(--bg-secondary);border-radius:12px;padding:16px;}.usage-icon{font-size:24px;margin-bottom:8px;}.usage-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;}.usage-desc{font-size:12px;color:var(--muted);margin-bottom:10px;}.usage-recommend{font-size:11px;color:var(--grade-gil);margin-bottom:4px;}.usage-avoid{font-size:11px;color:var(--grade-juui);}@media (max-width:600px){.bangwi-spirits-grid{grid-template-columns:repeat(2,1fr);gap:16px;}.bangwi-direction-cards{grid-template-columns:1fr;}.bangwi-all-grid{grid-template-columns:repeat(2,1fr);}.bangwi-usage-grid{grid-template-columns:1fr;}.spirit-value{font-size:16px;padding:6px 12px;}}.loading-spinner{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;}@keyframes spin{to{transform:rotate(360deg);}}.bangwi-basis-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:center;}.basis-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--line);border-radius:20px;font-size:12px;}.basis-chip-label{color:var(--muted);}.basis-chip-value{font-weight:600;color:var(--ink);}.direction-type-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;}.direction-type-badge.primary{background:var(--grade-gil-bg);color:var(--grade-gil);}.direction-type-badge.secondary{background:var(--grade-pyeong-bg);color:var(--grade-pyeong);}.direction-type-badge.caution{background:var(--grade-juui-bg);color:var(--grade-juui);}.direction-main{font-weight:600;font-size:16px;color:var(--ink);}.bangwi-purpose-card{background:var(--bg);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line);}.bangwi-purpose-title{font-size:16px;font-weight:600;color:var(--ink);text-align:center;margin-bottom:4px;}.bangwi-purpose-desc{font-size:12px;color:var(--muted);text-align:center;margin-bottom:8px;}.bangwi-purpose-notice{font-size:11px;color:var(--grade-pyeong);text-align:center;margin-bottom:14px;padding:6px 12px;background:rgba(var(--grade-pyeong-rgb,217,119,6),0.08);border-radius:6px;display:inline-block;width:100%;}.bangwi-purpose-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap;}.purpose-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:var(--bg);border:2px solid var(--line);border-radius:12px;cursor:pointer;transition:all 0.2s;min-width:60px;box-shadow:0 2px 4px rgba(0,0,0,0.08);}.purpose-tab:hover{border-color:var(--primary);background:var(--bg);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.12);}.purpose-tab.active{background:linear-gradient(135deg,rgba(126,87,194,0.15),rgba(126,87,194,0.08));border-color:var(--primary);border-width:3px;box-shadow:0 4px 12px rgba(126,87,194,0.25);transform:translateY(-2px);}.purpose-tab.active .purpose-tab-label{color:var(--primary);font-weight:800;}.purpose-tab-icon{font-size:20px;}.purpose-tab-label{font-size:12px;font-weight:700;color:var(--ink);text-shadow:0 0 1px rgba(0,0,0,0.1);}.bangwi-purpose-content{position:relative;}.purpose-panel{display:none;background:var(--bg-secondary);border-radius:12px;padding:16px;}.purpose-panel.active{display:block;}.purpose-direction-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.purpose-direction-list{display:flex;gap:8px;flex-wrap:wrap;}.purpose-direction-badge{padding:6px 14px;background:var(--bg);border:2px solid var(--primary);border-radius:20px;font-size:14px;font-weight:700;color:var(--primary);}.purpose-element{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;}.purpose-tip{font-size:13px;color:var(--grade-gil);margin-bottom:6px;padding-left:16px;position:relative;}.purpose-tip::before{content:"✓";position:absolute;left:0;}.purpose-caution{font-size:12px;color:var(--grade-juui);margin-bottom:10px;padding-left:16px;position:relative;}.purpose-caution::before{content:"!";position:absolute;left:2px;font-weight:700;}.purpose-basis{font-size:11px;color:var(--muted);padding:8px 12px;background:var(--bg);border-radius:8px;}.bangwi-earth-policy{background:rgba(var(--obang-hwang-rgb),0.1);border:1px solid var(--obang-hwang);border-radius:12px;padding:14px 16px;margin-bottom:16px;}.earth-policy-title{font-size:13px;font-weight:600;color:var(--obang-hwang-dark);margin-bottom:6px;}.earth-policy-content{font-size:12px;color:var(--ink-secondary);line-height:1.5;}.bangwi-element-details{margin-bottom:16px;}.bangwi-element-summary{font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;list-style:none;}.bangwi-element-summary::-webkit-details-marker{display:none;}.bangwi-element-summary::before{content:"▸ ";}.bangwi-element-details[open] .bangwi-element-summary::before{content:"▾ ";}.bangwi-element-details .bangwi-element-card{margin-top:8px;margin-bottom:0;}.bangwi-priority-note{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(147,51,234,0.1));border:1px solid rgba(99,102,241,0.3);border-radius:10px;margin-bottom:16px;}.priority-icon{font-size:16px;}.priority-text{font-size:12px;color:var(--ink-secondary);font-weight:500;}.bangwi-neutral-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:linear-gradient(135deg,rgba(107,114,128,0.08),rgba(156,163,175,0.08));border:1px solid rgba(107,114,128,0.2);border-radius:10px;margin-bottom:16px;}.neutral-icon{font-size:14px;flex-shrink:0;margin-top:1px;}.neutral-text{font-size:11px;color:var(--ink-tertiary,#6b7280);line-height:1.5;}.direction-weight-badge{font-size:9px;padding:2px 6px;border-radius:8px;font-weight:600;background:linear-gradient(135deg,var(--obang-heuk-light),var(--obang-cheong));color:white;margin-left:4px;}.direction-weight-badge.warning{background:linear-gradient(135deg,var(--status-caution-border),var(--obang-jeok));}.direction-reason{font-size:11px;color:var(--muted);padding:6px 0 4px 0;line-height:1.4;width:100%;border-top:1px dashed var(--line);margin-top:6px;}.direction-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;padding-bottom:6px;}.purpose-support{font-size:12px;padding:8px 12px;background:var(--oheng-mok-bg);border:1px solid var(--oheng-mok-border);border-radius:8px;color:var(--grade-gil);margin-bottom:10px;}.purpose-conflict{font-size:12px;padding:8px 12px;background:var(--oheng-hwa-bg);border:1px solid var(--oheng-hwa-border);border-radius:8px;color:var(--grade-juui);margin-bottom:10px;}@media (max-width:600px){.bangwi-purpose-tabs{gap:6px;}.purpose-tab{padding:8px 12px;min-width:50px;}.purpose-tab-icon{font-size:18px;}.purpose-tab-label{font-size:10px;}.purpose-direction-main{flex-direction:column;align-items:flex-start;gap:10px;}.bangwi-priority-note{flex-direction:row;text-align:left;}.direction-reason{font-size:10px;}}#astro-fortune-section{padding:0 16px 20px;}#astro-fortune-result{margin-top:10px;}.astro-loading{text-align:center;padding:60px 20px;}.astro-loading-icon{margin-bottom:20px;}.planet-orbit{display:inline-block;position:relative;width:60px;height:60px;}.orbit-ring{position:absolute;width:60px;height:60px;border:2px dashed rgba(26,35,126,0.3);border-radius:50%;animation:orbitSpin 3s linear infinite;}.orbit-planet{position:absolute;width:16px;height:16px;background:linear-gradient(135deg,var(--obang-hwang-light) 0%,var(--obang-hwang) 100%);border-radius:50%;top:-8px;left:22px;animation:orbitSpin 3s linear infinite;box-shadow:0 0 10px var(--obang-hwang-shadow);}@keyframes orbitSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.astro-loading p{font-size:16px;color:var(--ink-secondary);}.astro-error{text-align:center;padding:60px 20px;}.astro-error .error-icon{font-size:48px;margin-bottom:16px;}.astro-error h3{font-size:18px;color:var(--ink);margin:0 0 12px;}.astro-error p{font-size:14px;color:var(--ink-secondary);margin:0 0 24px;}.astro-btn-close{padding:12px 32px;background:linear-gradient(135deg,#1a237e,#3949ab);color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}.astro-btn-close:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,35,126,0.3);}.astro-result-container{background:transparent;border-radius:12px;padding:20px;}.astro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--line);}.astro-date-info{display:flex;flex-direction:column;gap:4px;}.date-label{font-size:18px;font-weight:700;color:var(--obang-heuk-accent);}.time-label{font-size:14px;color:var(--ink-secondary);}.astro-weekday{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}.weekday-text{font-size:16px;font-weight:600;color:var(--ink);}.day-planet{font-size:12px;color:#7c4dff;background:rgba(124,77,255,0.1);padding:4px 10px;border-radius:12px;}.astro-date-navigation{margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--line);}.date-nav-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px;text-align:center;}.date-nav-slider{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;}.date-nav-slider::-webkit-scrollbar{height:4px;}.date-nav-slider::-webkit-scrollbar-track{background:transparent;}.date-nav-slider::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px;}.date-nav-item{flex:1;min-width:60px;max-width:80px;padding:10px 8px;background:var(--card);border:2px solid var(--line);border-radius:10px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;}.date-nav-item:hover{border-color:#3f51b5;transform:translateY(-2px);box-shadow:0 2px 8px rgba(63,81,181,0.2);}.date-nav-item.active{background:linear-gradient(135deg,#3f51b5 0%,#5c6bc0 100%);border-color:#3f51b5;box-shadow:0 2px 12px rgba(63,81,181,0.3);}.date-nav-item.active .nav-label,.date-nav-item.active .nav-date{color:white;}.date-nav-item.today:not(.active){border-color:var(--obang-hwang);background:rgba(251,191,36,0.15);}.date-nav-item.today:not(.active) .nav-label{color:var(--obang-hwang);font-weight:700;}.nav-label{font-size:11px;font-weight:600;color:var(--ink);}.nav-date{font-size:13px;font-weight:700;color:var(--obang-heuk-accent);}.astro-summary-card{background:var(--card);border-radius:12px;padding:16px 20px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.1);border-left:4px solid rgba(255,255,255,0.25);}.summary-text{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.88);font-weight:500;}.astro-sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}.astro-section-card{background:var(--card);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,0.1);border-top:3px solid rgba(255,255,255,0.15);transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;}.astro-section-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}.mercury-card.retrograde{border-top-color:var(--obang-jeok);}.mercury-card.direct{border-top-color:var(--obang-cheong);}.moon-card{border-top-color:#ab47bc;}.planetary-card{border-top-color:var(--obang-hwang);}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;}.section-emoji{font-size:24px;}.section-title{font-size:14px;font-weight:700;color:var(--ink);}.section-status{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.status-text{font-size:16px;font-weight:700;}.mercury-card.retrograde .status-text{color:rgba(255,255,255,0.92);}.mercury-card.direct .status-text{color:rgba(255,255,255,0.92);}.d-day-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;background:#f44336;color:white;}.mercury-card.direct .d-day-badge{background:#4caf50;}.section-message{font-size:12px;color:rgba(255,255,255,0.82);line-height:1.5;margin:0 0 8px;}.zodiac-info{font-size:11px;color:var(--muted);}.moon-info-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap;}.moon-age,.moon-illumination{font-size:11px;color:rgba(255,255,255,0.82);background:rgba(255,255,255,0.08);padding:3px 8px;border-radius:10px;}.moon-meaning{font-size:12px;color:rgba(255,255,255,0.82);line-height:1.5;margin-bottom:8px;}.moon-energy-badge{display:inline-block;font-size:11px;font-weight:600;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);padding:4px 12px;border-radius:12px;}.planetary-time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:4px;}.time-period{font-size:11px;color:var(--ink-secondary);}.time-remaining{font-size:11px;font-weight:600;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);padding:3px 8px;border-radius:10px;}.planetary-meaning{font-size:12px;color:rgba(255,255,255,0.82);line-height:1.5;margin:0 0 8px;}.next-planet-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding-top:8px;border-top:1px dashed var(--line);}.next-time{color:var(--obang-hwang);}.astro-tabs{display:flex;gap:8px;margin-bottom:16px;background:var(--bg-secondary);border-radius:8px;padding:4px;}.astro-tab{flex:1;padding:10px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--ink-secondary);cursor:pointer;transition:all 0.3s ease;}.astro-tab.active{background:linear-gradient(135deg,#1a237e,#3949ab);color:white;box-shadow:0 2px 4px rgba(26,35,126,0.3);}.astro-tab:hover:not(.active){background:rgba(255,255,255,0.1);}.astro-tab-content{background:var(--card);border-radius:8px;padding:20px;margin-bottom:16px;min-height:200px;box-shadow:0 1px 4px rgba(0,0,0,0.05);}.astro-tab-panel{display:none;animation:fadeIn 0.4s ease;}.astro-tab-panel.active{display:block;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--line);}.detail-header .header-icon{font-size:28px;}.detail-header h4{margin:0;font-size:18px;font-weight:600;}.detail-header.retrograde{border-bottom-color:#f44336;}.detail-header.retrograde h4{color:rgba(255,255,255,0.95);}.detail-header.direct{border-bottom-color:#4caf50;}.detail-header.direct h4{color:rgba(255,255,255,0.95);}.detail-header.moon{border-bottom-color:#9c27b0;}.detail-header.moon h4{color:rgba(255,255,255,0.95);}.detail-header.planetary{border-bottom-color:#ff9800;}.detail-header.planetary h4{color:rgba(255,255,255,0.95);}.mercury-main-message{font-size:14px;line-height:1.7;color:rgba(255,255,255,0.85);padding:14px 16px;background:rgba(255,255,255,0.05);border-radius:8px;margin-bottom:16px;font-style:italic;}.mercury-lists{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;}.mercury-list{padding:16px;border-radius:10px;}.mercury-list.avoid{background:rgba(248,113,113,0.1);border-left:4px solid rgba(229,115,115,0.7);}.mercury-list.recommended{background:rgba(74,222,128,0.1);border-left:4px solid rgba(129,199,132,0.7);}.mercury-list.benefits{background:rgba(33,150,243,0.1);border-left:4px solid rgba(100,181,246,0.6);}.mercury-list .list-title{font-size:14px;font-weight:700;margin-bottom:12px;}.mercury-list.avoid .list-title{color:var(--obang-jeok-deeper);}.mercury-list.recommended .list-title{color:var(--obang-cheong-medium);}.mercury-list.benefits .list-title{color:var(--obang-heuk-light);}.mercury-list ul{list-style:none;padding:0;margin:0;}.mercury-list li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:rgba(255,255,255,0.08);border-radius:8px;margin-bottom:8px;}.mercury-list li:last-child{margin-bottom:0;}.mercury-list li strong{font-size:13px;color:var(--ink);}.mercury-list li span{font-size:12px;color:var(--ink-secondary);line-height:1.5;}.mercury-period-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:var(--bg-secondary);border-radius:10px;}.period-item{text-align:center;}.period-label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;}.period-value{font-size:14px;font-weight:600;color:var(--ink);}.period-value.highlight{color:var(--obang-jeok-dark);}.mercury-next-info{background:rgba(251,191,36,0.1);border-radius:10px;padding:16px;text-align:center;border:1px solid rgba(251,191,36,0.3);}.next-title{font-size:12px;color:var(--obang-hwang-dark);margin-bottom:8px;}.next-dates{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;}.next-zodiac{font-size:12px;color:var(--muted);}.next-countdown{margin-top:12px;}.countdown-number{font-size:32px;font-weight:700;color:var(--obang-hwang);}.countdown-label{font-size:12px;color:var(--ink-secondary);}.moon-visual{display:flex;align-items:center;gap:24px;margin-bottom:20px;padding:16px;background:rgba(255,255,255,0.06);border-radius:12px;}.moon-circle{width:80px;height:80px;background:linear-gradient(135deg,#212121 0%,#424242 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(255,255,255,0.1);flex-shrink:0;}.moon-emoji-large{font-size:48px;}.moon-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1;}.stat-item{display:flex;flex-direction:column;gap:2px;}.stat-label{font-size:11px;color:var(--muted);}.stat-value{font-size:14px;font-weight:600;color:rgba(255,255,255,0.92);}.moon-energy-section{text-align:center;margin-bottom:16px;}.energy-badge.large{display:inline-block;font-size:16px;font-weight:700;color:rgba(255,255,255,0.92);background:rgba(255,255,255,0.08);padding:10px 24px;border-radius:20px;margin-bottom:12px;border:2px solid rgba(255,255,255,0.15);}.moon-meaning-text{font-size:14px;line-height:1.7;color:rgba(255,255,255,0.85);}.moon-advice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(251,191,36,0.08);border-radius:10px;margin-bottom:16px;border-left:4px solid rgba(251,192,45,0.6);}.moon-advice .advice-icon{font-size:20px;flex-shrink:0;}.moon-advice p{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,0.85);}.moon-lists{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.moon-list{padding:14px;border-radius:10px;}.moon-list.recommended{background:rgba(74,222,128,0.1);}.moon-list.avoid{background:rgba(248,113,113,0.1);}.moon-list .list-title{font-size:13px;font-weight:700;margin-bottom:10px;}.moon-list.recommended .list-title{color:var(--obang-cheong-medium);}.moon-list.avoid .list-title{color:var(--hong-dark);}.moon-list ul{list-style:none;padding:0;margin:0;}.moon-list li{font-size:12px;padding:6px 10px;background:rgba(255,255,255,0.08);border-radius:6px;margin-bottom:6px;line-height:1.4;}.moon-list.recommended li{color:rgba(255,255,255,0.85);}.moon-list.avoid li{color:rgba(255,255,255,0.85);}.planetary-current{display:flex;gap:20px;margin-bottom:16px;padding:16px;background:rgba(255,255,255,0.06);border-radius:12px;}.current-time-block{text-align:center;padding:16px;background:var(--card);border-radius:10px;min-width:120px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.current-period{font-size:14px;font-weight:600;color:var(--ink-secondary);margin-bottom:4px;}.current-range{font-size:16px;font-weight:700;color:rgba(255,255,255,0.92);margin-bottom:8px;}.current-remaining{display:flex;align-items:baseline;justify-content:center;gap:4px;}.remaining-number{font-size:28px;font-weight:700;color:rgba(255,255,255,0.92);}.remaining-label{font-size:12px;color:var(--muted);}.current-meaning{flex:1;}.current-meaning p{margin:0 0 10px;font-size:14px;line-height:1.7;color:rgba(255,255,255,0.85);}.planet-color{font-size:13px;color:var(--ink-secondary);}.planet-color span{font-weight:600;color:var(--ink);}.planetary-next{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;margin-bottom:16px;}.planetary-next .next-label{font-size:12px;color:var(--muted);}.next-planet-block{display:flex;align-items:center;gap:8px;flex:1;}.next-planet-block .next-emoji{font-size:20px;}.next-planet-block .next-name{font-size:15px;font-weight:600;color:var(--ink);}.next-planet-block .next-start{margin-left:auto;font-size:14px;color:var(--obang-hwang);font-weight:500;}.planetary-lists{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;}.planetary-list{padding:14px;border-radius:10px;}.planetary-list.recommended{background:rgba(74,222,128,0.1);}.planetary-list.avoid{background:rgba(248,113,113,0.1);}.planetary-list .list-title{font-size:13px;font-weight:700;margin-bottom:10px;}.planetary-list.recommended .list-title{color:var(--obang-cheong-medium);}.planetary-list.avoid .list-title{color:var(--hong-dark);}.planetary-list ul{list-style:none;padding:0;margin:0;}.planetary-list li{font-size:12px;padding:6px 10px;background:rgba(255,255,255,0.08);border-radius:6px;margin-bottom:6px;line-height:1.4;}.planetary-day-info{text-align:center;padding:16px;background:rgba(255,255,255,0.05);border-radius:10px;border:1px solid rgba(255,255,255,0.1);}.day-title{font-size:12px;color:rgba(255,255,255,0.7);margin-bottom:8px;}.day-planet-name{font-size:24px;font-weight:700;color:rgba(255,255,255,0.95);margin-bottom:8px;}.day-explanation{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,0.82);}.astro-sunrise-sunset{display:flex;gap:12px;padding:12px;background:rgba(90,159,212,0.12);border-radius:10px;}.sun-info{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.08);border-radius:8px;}.sun-icon{font-size:24px;}.sun-label{font-size:12px;color:var(--muted);}.sun-time{font-size:16px;font-weight:700;color:var(--obang-heuk-light);margin-left:auto;}@media (max-width:768px){#astro-fortune-modal .modal-content{width:95%;max-height:95vh;}.astro-fortune-modal-body{padding:16px;}.astro-sections-grid{grid-template-columns:1fr;gap:10px;}.mercury-period-info{grid-template-columns:repeat(3,1fr);}.moon-visual{flex-direction:column;text-align:center;}.moon-stats{width:100%;}.moon-lists{grid-template-columns:1fr;}.planetary-current{flex-direction:column;}.current-time-block{min-width:auto;}.planetary-lists{grid-template-columns:1fr;}}@media (max-width:480px){.astro-fortune-modal-header{padding:20px 16px;}.astro-fortune-modal-header h2{font-size:20px;}.astro-result-container{padding:16px;}.astro-header{flex-direction:column;align-items:flex-start;gap:10px;}.astro-weekday{align-items:flex-start;}.section-emoji{font-size:20px;}.section-title{font-size:13px;}.astro-tabs{flex-wrap:nowrap;}.astro-tab{font-size:13px;padding:8px;}.astro-tab-content{padding:16px;}.detail-header h4{font-size:16px;}.mercury-period-info{grid-template-columns:1fr;gap:8px;}.period-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px 12px;background:var(--card);border-radius:6px;}.period-label{margin-bottom:0;}.astro-sunrise-sunset{flex-direction:column;gap:8px;}.sun-info{padding:8px 12px;}.countdown-number{font-size:28px;}.moon-circle{width:70px;height:70px;}.moon-emoji-large{font-size:42px;}}.planetary-timetable-section{margin-top:20px;}.timetable-toggle-btn{width:100%;padding:12px 16px;background:rgba(251,191,36,0.12);border:2px solid var(--obang-hwang-light);border-radius:10px;font-size:14px;font-weight:600;color:var(--obang-hwang-darker);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;}.timetable-toggle-btn:hover{background:rgba(251,191,36,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,152,0,0.2);}.timetable-toggle-btn .toggle-icon{transition:transform 0.3s ease;}.timetable-toggle-btn.expanded .toggle-icon{transform:rotate(180deg);}.planetary-timetable{margin-top:16px;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);animation:slideDown 0.3s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.timetable-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);color:white;}.timetable-header h5{margin:0;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;}.timetable-date{font-size:13px;opacity:0.9;}.timetable-section{padding:12px;}.timetable-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--line);}.timetable-section-title .section-icon{font-size:16px;}.timetable-section.day-section{background:rgba(251,191,36,0.06);}.timetable-section.night-section{background:rgba(63,81,181,0.1);}.timetable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.timetable-row{padding:10px;background:rgba(255,255,255,0.08);border-radius:8px;text-align:center;transition:all 0.2s ease;border:2px solid transparent;}.timetable-row:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.timetable-row.current-hour{background:rgba(251,191,36,0.12);border-color:#ff9800;box-shadow:0 2px 12px rgba(255,152,0,0.3);}.timetable-row.current-hour .hour-number{color:var(--obang-hwang-darker);}.hour-number{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px;}.hour-planet{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px;}.hour-planet .planet-emoji{font-size:18px;}.hour-planet .planet-name{font-size:12px;font-weight:600;color:var(--ink);}.hour-time{font-size:10px;color:var(--ink-secondary);}.current-badge{display:inline-block;font-size:9px;font-weight:700;color:white;background:#ff9800;padding:2px 6px;border-radius:8px;margin-top:4px;}.calculation-info-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);}.calc-info-toggle-btn{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.3s ease;}.calc-info-toggle-btn:hover{background:rgba(255,255,255,0.08);color:var(--ink);}.calc-info-toggle-btn .toggle-icon{transition:transform 0.3s ease;}.calc-info-toggle-btn.expanded .toggle-icon{transform:rotate(180deg);}.calculation-info-content{margin-top:12px;animation:slideDown 0.3s ease;}.calc-method-card{padding:14px 16px;background:rgba(255,255,255,0.04);border-radius:10px;margin-bottom:10px;border-left:3px solid rgba(63,81,181,0.5);}.calc-method-card:last-child{margin-bottom:0;}.calc-method-title{font-size:13px;font-weight:700;color:var(--obang-heuk-accent);margin-bottom:8px;}.calc-method-desc{font-size:12px;color:var(--ink-secondary);line-height:1.6;margin-bottom:6px;}.calc-method-source{font-size:11px;color:var(--muted);font-style:italic;}.location-info{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(90,159,212,0.12);border-radius:10px;margin-top:12px;}.location-info .location-icon{font-size:20px;}.location-info .location-text{flex:1;}.location-info .location-name{font-size:14px;font-weight:600;color:var(--obang-heuk-light);}.location-info .location-coords{font-size:11px;color:var(--ink-secondary);}.mercury-card.pre_shadow{border-top-color:#ff9800;}.mercury-card.post_shadow{border-top-color:#ffb74d;}.mercury-card.pre_shadow .status-text{color:rgba(255,255,255,0.92);}.mercury-card.post_shadow .status-text{color:rgba(255,255,255,0.92);}.mercury-card.pre_shadow .d-day-badge{background:#ff9800;}.mercury-card.post_shadow .d-day-badge{background:#ffb74d;color:var(--ink);}.intensity-info{font-size:11px;color:var(--muted);margin-top:4px;}.mercury-timeline{padding:16px;background:var(--bg-secondary);border-radius:10px;margin-bottom:16px;}.mercury-timeline .timeline-title{font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:14px;text-align:center;}.timeline-phases{display:flex;align-items:center;justify-content:space-between;position:relative;}.phase-item{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;}.phase-item .phase-dot{width:16px;height:16px;border-radius:50%;background:var(--muted);border:3px solid var(--bg-secondary);box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:all 0.3s ease;}.phase-item .phase-dot.pre_shadow{background:#ff9800;}.phase-item .phase-dot.retrograde{background:#f44336;}.phase-item .phase-dot.post_shadow{background:#ffb74d;}.phase-item .phase-dot.direct{background:#4caf50;}.phase-item.active .phase-dot{width:22px;height:22px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.phase-item.passed .phase-dot{opacity:0.5;}.phase-item .phase-name{font-size:10px;font-weight:600;color:var(--ink-secondary);}.phase-item.active .phase-name{color:var(--ink);font-weight:700;}.phase-item .phase-date{font-size:9px;color:var(--muted);}.phase-line{flex:1;height:3px;background:rgba(255,255,255,0.15);margin:0 -4px;margin-bottom:30px;}.phase-line.passed{background:linear-gradient(90deg,#ff9800 0%,#4caf50 100%);opacity:0.5;}.shadow-info-box{padding:14px 16px;background:rgba(251,191,36,0.1);border-radius:10px;margin-bottom:16px;border-left:4px solid #ff9800;}.shadow-info-box h6{font-size:13px;font-weight:700;color:var(--obang-hwang-darker);margin:0 0 8px;}.shadow-info-box p{font-size:12px;color:var(--ink-secondary);line-height:1.6;margin:0 0 6px;}.shadow-info-box .shadow-influence{font-size:11px;color:var(--muted);margin:0;}.detail-header.shadow{border-bottom-color:#ff9800;}.detail-header.shadow h4{color:rgba(255,255,255,0.95);}.mercury-next-info .next-phases{margin:8px 0;}.mercury-next-info .phase-badge{display:inline-block;font-size:11px;padding:4px 10px;border-radius:12px;background:var(--bg-secondary);color:var(--ink-secondary);}.mercury-next-info .phase-badge.shadow{background:rgba(251,191,36,0.12);color:var(--obang-hwang-darker);}.planetary-timetable-toggle{margin-top:16px;}.planetary-timetable-container{margin-top:16px;}.timetable-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--ink-secondary);}.loading-spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.timetable-error{padding:20px;text-align:center;color:var(--obang-jeok-dark);background:rgba(248,113,113,0.15);border-radius:8px;}.timetable-title{font-size:15px;font-weight:600;}.timetable-location{display:flex;align-items:center;gap:4px;font-size:12px;opacity:0.9;}.timetable-location .timezone{opacity:0.7;}.timetable-sun-info{display:flex;justify-content:space-around;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--line);}.sun-item{display:flex;flex-direction:column;align-items:center;gap:2px;}.sun-item .sun-emoji,.sun-item .day-emoji{font-size:16px;}.sun-item .sun-label,.sun-item .day-label{font-size:10px;color:var(--muted);}.sun-item .sun-time,.sun-item .day-time{font-size:13px;font-weight:600;color:var(--ink);}.timetable-section{padding:12px;}.section-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:10px;}.section-title .title-emoji{font-size:16px;}.timetable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.timetable-row{position:relative;padding:10px 8px;background:rgba(255,255,255,0.06);border-radius:8px;border:1px solid var(--line);text-align:center;transition:all 0.2s ease;}.timetable-row:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.timetable-row.current{background:rgba(251,191,36,0.12);border:2px solid #ff9800;box-shadow:0 2px 12px rgba(255,152,0,0.3);}.timetable-row .row-index{font-size:10px;font-weight:600;color:var(--muted);margin-bottom:2px;}.timetable-row .row-time{font-size:10px;color:var(--ink-secondary);margin-bottom:4px;}.timetable-row .row-planet{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px;}.timetable-row .planet-emoji{font-size:18px;}.timetable-row .planet-name{font-size:12px;font-weight:600;color:var(--ink);}.timetable-row .row-meaning{font-size:9px;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.timetable-row .current-badge{position:absolute;top:-6px;right:-6px;font-size:9px;font-weight:700;color:white;background:#ff9800;padding:2px 6px;border-radius:8px;}.timetable-info-toggle{padding:12px;text-align:center;}.info-toggle-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--ink-secondary);cursor:pointer;transition:all 0.2s ease;}.info-toggle-btn:hover{background:rgba(255,255,255,0.08);color:var(--ink);}.calculation-info-panel{padding:16px;background:rgba(255,255,255,0.04);border-top:1px solid var(--line);}.calculation-info-panel .info-title{font-size:14px;font-weight:700;color:var(--obang-heuk-accent);margin-bottom:10px;}.calculation-info-panel .info-method,.calculation-info-panel .info-description,.calculation-info-panel .info-source{font-size:12px;color:var(--ink-secondary);margin-bottom:8px;line-height:1.5;}.calculation-info-panel .info-details{font-size:12px;color:var(--ink-secondary);margin-bottom:8px;}.calculation-info-panel .info-details ul{margin:6px 0 0 16px;padding:0;}.calculation-info-panel .info-details li{margin-bottom:4px;}@media (max-width:768px){.timetable-grid{grid-template-columns:repeat(3,1fr);}.date-nav-item{min-width:50px;}}@media (max-width:480px){.timetable-grid{grid-template-columns:repeat(2,1fr);}.timetable-row{padding:8px;}.timetable-row .planet-emoji{font-size:16px;}.timetable-row .planet-name{font-size:11px;}.date-nav-slider{gap:4px;}.date-nav-item{min-width:45px;padding:8px 6px;}.nav-label{font-size:10px;}.nav-date{font-size:12px;}}#astro-fortune-modal .modal-content::-webkit-scrollbar{width:8px;}#astro-fortune-modal .modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px;}#astro-fortune-modal .modal-content::-webkit-scrollbar-thumb{background:#3949ab;border-radius:4px;}#astro-fortune-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#1a237e;}.astro-comprehensive{background:var(--card);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden;}.astro-comprehensive::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c4dff,var(--obang-hwang,#fbbf24),var(--obang-cheong,#4ade80));}.astro-comprehensive.tone-positive{border-left:4px solid var(--obang-cheong,#4ade80);}.astro-comprehensive.tone-cautious{border-left:4px solid var(--obang-hwang,#fbbf24);}.astro-comprehensive.tone-warning{border-left:4px solid var(--obang-jeok,#f87171);}.astro-comprehensive.tone-recovering{border-left:4px solid var(--obang-heuk-light,#5a9fd4);}.comprehensive-title{font-size:16px;font-weight:700;color:rgba(255,255,255,0.95);margin-bottom:12px;display:flex;align-items:center;gap:8px;}.comprehensive-energy{display:inline-block;font-size:12px;font-weight:600;color:rgba(255,255,255,0.88);background:rgba(255,255,255,0.08);padding:4px 12px;border-radius:12px;margin-bottom:14px;}.comprehensive-narrative{font-size:15px;line-height:1.8;color:rgba(255,255,255,0.88);word-break:keep-all;margin-bottom:14px;}.comprehensive-action{font-size:13px;color:rgba(255,255,255,0.88);padding:10px 14px;background:rgba(255,255,255,0.06);border-radius:8px;display:flex;align-items:flex-start;gap:8px;}#home-section{padding-top:24px;}.profile-card{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:var(--radius-lg);padding:28px 24px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden;}.profile-card::before{content:'';position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,rgba(201,169,98,0.15) 0%,transparent 70%);border-radius:50%;}.profile-greeting{font-size:14px;color:rgba(255,255,255,0.6);margin-bottom:8px;}.profile-name{font-size:24px;font-weight:700;margin-bottom:4px;}.profile-sub{font-size:13px;color:rgba(255,255,255,0.5);}.profile-cta{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:100px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;}.profile-cta:hover{background:rgba(255,255,255,0.15);}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;}.section-title{font-size:18px;font-weight:700;letter-spacing:-0.02em;}.section-more{font-size:13px;color:var(--muted);text-decoration:none;cursor:pointer;}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:32px;}.menu-item{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius);cursor:pointer;transition:all 0.2s;text-decoration:none;color:var(--ink);border:none;}.menu-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);}.menu-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px;background:var(--bg);}.menu-label{font-size:12px;font-weight:500;text-align:center;color:var(--ink-secondary);}.card-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}.list-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-secondary);border-radius:var(--radius);cursor:pointer;transition:all 0.2s;text-decoration:none;color:var(--ink);border:none;width:100%;text-align:left;}.list-card:hover{background:var(--bg-tertiary);}.list-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}.list-card-content{flex:1;min-width:0;}.list-card-title{font-size:15px;font-weight:600;margin-bottom:2px;}.list-card-desc{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.list-card-arrow{color:var(--muted);font-size:18px;}.banner-card{background:var(--gold);border-radius:var(--radius-lg);padding:24px;color:#fff;margin-bottom:32px;position:relative;overflow:hidden;}.banner-card::after{content:'命';position:absolute;right:20px;bottom:-20px;font-size:120px;font-family:"Noto Serif KR",serif;opacity:0.15;font-weight:700;}.banner-label{font-size:12px;opacity:0.8;margin-bottom:8px;}.banner-title{font-size:20px;font-weight:700;margin-bottom:4px;}.banner-desc{font-size:14px;opacity:0.9;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes float-delayed{0%,100%{transform:translateY(0) rotate(5deg);}50%{transform:translateY(-8px) rotate(-5deg);}}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(201,169,98,0.3);}50%{box-shadow:0 0 40px rgba(201,169,98,0.5);}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.profile-card.animated{animation:fadeInScale 0.5s ease-out;}.profile-card.gradient-animated{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;}.profile-card .floating-icon{position:absolute;font-size:24px;opacity:0.3;animation:float 3s ease-in-out infinite;pointer-events:none;}.profile-card .floating-icon:nth-child(1){top:20px;right:20px;animation-delay:0s;}.profile-card .floating-icon:nth-child(2){top:50%;right:60px;font-size:18px;animation:float-delayed 4s ease-in-out infinite;animation-delay:0.5s;}.profile-card .floating-icon:nth-child(3){bottom:20px;right:30px;font-size:20px;animation-delay:1s;}.banner-card.animated{animation:slideInUp 0.5s ease-out;}.banner-card.gradient-animated{background:linear-gradient(135deg,#c9a962 0%,#b8963e 50%,#c9a962 100%);background-size:200% 200%;animation:gradientShift 6s ease infinite;}.banner-card.glow{animation:pulseGlow 3s ease-in-out infinite;}.section-animated{animation:slideInUp 0.4s ease-out;}.section-animated:nth-child(1){animation-delay:0s;}.section-animated:nth-child(2){animation-delay:0.1s;}.section-animated:nth-child(3){animation-delay:0.2s;}.section-animated:nth-child(4){animation-delay:0.3s;}.menu-item.animated{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.menu-item.animated:hover{transform:translateY(-4px) scale(1.02);}.menu-item.animated:active{transform:translateY(-2px) scale(0.98);}.list-card.animated{transition:all 0.3s ease;}.list-card.animated:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}@media (prefers-color-scheme:dark){.profile-card.gradient-animated{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#0d0d0d 100%);background-size:200% 200%;}.banner-card.glow{animation:none;box-shadow:0 4px 20px rgba(201,169,98,0.2);}}@media (prefers-reduced-motion:reduce){.profile-card.animated,.banner-card.animated,.section-animated,.profile-card .floating-icon,.profile-card.gradient-animated,.banner-card.gradient-animated{animation:none;}.menu-item.animated,.list-card.animated{transition:none;}}.content-home{padding:0 16px;}.content-banner{width:100%;height:180px;border-radius:16px;overflow:hidden;margin-bottom:24px;position:relative;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#60a5fa 100%);}.content-banner-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:24px;}.content-banner-text{flex:1;}.content-banner-text h2{color:white;font-size:22px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.content-banner-text p{color:rgba(255,255,255,0.9);font-size:14px;}.content-banner-image{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:80px;}.banner-indicators{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;}.banner-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.4);transition:all 0.3s;}.banner-dot.active{width:18px;border-radius:3px;background:white;}.content-category-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;margin-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.content-category-tabs::-webkit-scrollbar{display:none;}.category-tab{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;background:var(--bg-secondary);color:var(--muted);border:1px solid var(--line);cursor:pointer;transition:all 0.2s;white-space:nowrap;}.category-tab:hover{background:var(--bg-tertiary);}.category-tab.active{background:var(--primary);color:white;border-color:var(--primary);}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:24px;}@media (min-width:640px){.content-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(4,1fr);}}.content-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.2s;cursor:pointer;position:relative;}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}.content-card:active{transform:scale(0.98);}.card-thumbnail{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.card-thumbnail-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));}.card-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.card-badge.new{background:var(--obang-jeok,#ef4444);color:white;}.card-badge.free{background:var(--obang-cheong,#22c55e);color:white;}.card-badge.hot{background:linear-gradient(135deg,var(--obang-hwang-darker,#f97316),var(--obang-jeok,#ef4444));color:white;}.card-info{padding:12px;}.card-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.card-description{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);}.card-meta-item{display:flex;align-items:center;gap:3px;}.card-price{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);}.price-current{font-size:15px;font-weight:700;color:var(--primary);}.price-original{font-size:12px;color:var(--muted);text-decoration:line-through;}.price-free{font-size:15px;font-weight:700;color:var(--obang-cheong,#22c55e);}.content-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px;}.content-section-title{font-size:18px;font-weight:700;color:var(--ink);}.content-section-more{font-size:13px;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:4px;}.content-list-horizontal{display:flex;gap:12px;overflow-x:auto;padding:4px 0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.content-list-horizontal::-webkit-scrollbar{display:none;}.content-list-horizontal .content-card{flex-shrink:0;width:150px;}.birth-input-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none;align-items:flex-end;justify-content:center;z-index:1000;backdrop-filter:blur(4px);}.birth-input-modal.active{display:flex;}.birth-input-container{width:100%;max-width:500px;background:var(--card-bg);border-radius:24px 24px 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:90vh;overflow-y:auto;animation:slideUpModal 0.3s ease;}@keyframes slideUpModal{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}.birth-input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}.birth-input-header h3{font-size:20px;font-weight:700;color:var(--ink);}.birth-input-close{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--muted);}.selected-content-preview{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;}.selected-content-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}.selected-content-info{flex:1;}.selected-content-info h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px;}.selected-content-info p{font-size:13px;color:var(--muted);line-height:1.4;}.birth-input-field{margin-bottom:16px;}.birth-input-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;}.birth-input-row{display:flex;gap:8px;}.birth-select{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card-bg);font-size:15px;color:var(--ink);appearance:none;cursor:pointer;}.birth-select:focus{outline:none;border-color:var(--primary);}.birth-submit-btn{width:100%;padding:16px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;font-size:16px;font-weight:600;border:none;cursor:pointer;margin-top:24px;transition:all 0.2s;}.birth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),0.3);}.birth-submit-btn:active{transform:scale(0.98);}.login-required-section{text-align:center;padding:24px;background:var(--bg-secondary);border-radius:12px;margin-top:16px;}.login-required-section p{font-size:14px;color:var(--muted);margin-bottom:16px;}.login-required-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;}.login-required-btn.primary{background:var(--primary);color:white;border:none;margin-right:8px;}.login-required-btn.secondary{background:transparent;color:var(--muted);border:1px solid var(--line);}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}.card-tag{padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-size:10px;color:var(--muted);}.content-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:16px;}.content-search-bar input{flex:1;border:none;background:transparent;font-size:15px;color:var(--ink);outline:none;}.content-search-bar input::placeholder{color:var(--muted);}.content-search-icon{color:var(--muted);font-size:18px;}.content-card.skeleton .card-thumbnail,.content-card.skeleton .card-title,.content-card.skeleton .card-description{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.content-empty{text-align:center;padding:48px 24px;color:var(--muted);}.content-empty-icon{font-size:48px;margin-bottom:16px;opacity:0.5;}.content-empty-text{font-size:15px;}#input-section{display:none;padding-top:8px;padding-bottom:100px;}.input-field{margin-bottom:24px;}.input-row{display:flex;gap:12px;margin-bottom:24px;}.input-label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px;}.input-text{width:100%;height:50px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);transition:all 0.2s;}.input-text:focus{outline:none;border-color:var(--ink);}.input-text::placeholder{color:var(--muted);}.segment-control{display:inline-flex;background:var(--bg-secondary);border-radius:10px;padding:4px;width:120px;}.segment-btn{flex:1;height:38px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;transition:all 0.2s;}.segment-btn.active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.calendar-toggle-btn{padding:4px 10px;border:1px solid var(--line);background:transparent;border-radius:14px;font-size:12px;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;transition:all 0.2s;}.calendar-toggle-btn.active{background:var(--gold);color:#fff;border-color:var(--gold);}.calendar-toggle-btn:not(.active):hover{border-color:var(--gold);color:var(--gold);}.checkbox-inline{display:inline-flex;align-items:center;gap:6px;margin-left:16px;font-size:13px;color:var(--ink-secondary);}.checkbox-inline input[type="checkbox"]{width:16px;height:16px;accent-color:var(--ink);}.date-row{display:flex;gap:10px;}.date-select{flex:1;height:50px;padding:0 12px;padding-right:28px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;}.date-select:focus{outline:none;border-color:var(--ink);}#birth-country,#birth-city{max-width:50%;text-overflow:ellipsis;}.time-row{display:flex;align-items:center;gap:8px;width:fit-content;}.time-select{width:80px;height:50px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--ink);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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;text-align:center;cursor:pointer;}.time-select:focus{outline:none;border-color:var(--ink);}.birth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.siji-table-link{font-size:13px;color:var(--gold);text-decoration:none;font-weight:500;}.siji-table-link:hover{text-decoration:underline;}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;}.toggle-switch input{opacity:0;width:0;height:0;}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--line);transition:0.3s;border-radius:28px;}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.15);}.toggle-switch input:checked + .toggle-slider{background-color:var(--gold);}.toggle-switch input:checked + .toggle-slider:before{transform:translateX(24px);}.birth-input-row{display:flex;align-items:center;gap:0;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:4px;height:52px;}.birth-select{flex:1;height:100%;padding:0 8px;border:none;border-radius:8px;font-size:15px;font-family:inherit;background:transparent;color:var(--ink);appearance:none;text-align:center;cursor:pointer;min-width:70px;}.birth-select:focus{outline:none;background:var(--accent-light);}.birth-select-sm{min-width:50px;flex:0.6;}.birth-select-time{flex:1.8;min-width:130px;background:var(--bg-secondary);border-radius:8px;margin-left:4px;text-align:left;padding-left:12px;padding-right:28px;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='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:opacity 0.2s;}.birth-select-time:disabled{opacity:0.5;cursor:not-allowed;}.birth-separator{color:var(--muted);font-size:14px;padding:0 2px;}.birth-options{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap;}.birth-option{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-secondary);cursor:pointer;}.birth-option input[type="radio"],.birth-option input[type="checkbox"]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;}.birth-option span{user-select:none;}.siji-table{width:100%;border-collapse:collapse;font-size:13px;}.siji-table th{background:var(--bg-secondary);padding:10px 8px;text-align:center;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);}.siji-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--line-light);color:var(--ink-secondary);}.siji-table tbody tr:hover{background:var(--accent-light);}.siji-table td:first-child{font-weight:500;color:var(--ink);}.siji-table td:nth-child(2){color:var(--gold);}.analyze-btn{width:100%;height:56px;border:none;border-radius:16px;background:var(--ink);color:var(--bg);font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);margin-top:12px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.analyze-btn:hover{opacity:0.95;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);}.analyze-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.15);}.analyze-btn:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none;}.toggle-group{display:flex;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px;}.toggle-btn{flex:1;height:40px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;transition:all 0.2s;}.toggle-btn.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);}@media (max-width:480px){#input-section{padding-top:0 !important;}#input-section > div:first-child{padding:6px 0 8px !important;}#input-section > div:first-child > div:first-child{font-size:18px !important;margin-bottom:2px !important;}#input-section > div:first-child > div:last-child{font-size:11px !important;}#input-section > div[style*="margin-top"]{margin-top:8px !important;padding:10px !important;}#input-section > div[style*="margin-top"] > div:first-child{font-size:12px !important;margin-bottom:6px !important;}.input-field{margin-bottom:10px;}.input-row{gap:6px;margin-bottom:12px;}.input-label{font-size:12px;margin-bottom:5px;}.input-text{height:42px;padding:0 12px;border-radius:10px;font-size:14px;}.segment-control{border-radius:8px;padding:3px;}.segment-btn{height:32px;border-radius:6px;font-size:13px;}.calendar-toggle-btn{padding:3px 8px;border-radius:12px;font-size:11px;}.date-row{gap:6px;}.date-select{height:42px;padding:0 10px;border-radius:10px;font-size:14px;background-position:right 8px center;}.time-select{width:70px;height:42px;padding:0 8px;border-radius:10px;font-size:14px;background-position:right 6px center;}.analyze-btn{height:48px;border-radius:12px;font-size:15px;margin-top:6px;}.birth-input-row{height:44px;border-radius:10px;padding:3px;}.birth-select{font-size:14px;min-width:60px;}.birth-select-time{min-width:110px;padding-left:10px;font-size:13px;}.birth-options{gap:10px;margin-top:8px;}.birth-option{font-size:12px;gap:4px;}.birth-option input[type="radio"],.birth-option input[type="checkbox"]{width:14px;height:14px;}.birth-header{margin-bottom:8px;}}@media (max-width:375px){#input-section{padding-top:0 !important;}#input-section > div:first-child{padding:4px 0 6px !important;}#input-section > div:first-child > div:first-child{font-size:17px !important;}#input-section > div:first-child > div:last-child{font-size:10px !important;}#input-section > div[style*="margin-top"]{margin-top:6px !important;padding:8px !important;}#input-section > div[style*="margin-top"] > div:first-child{font-size:11px !important;margin-bottom:4px !important;}.input-field{margin-bottom:10px;}.input-row{margin-bottom:10px;}.input-label{font-size:11px;margin-bottom:4px;}.input-text,.date-select,.time-select{height:38px;font-size:13px;}.segment-btn{height:30px;font-size:12px;}.analyze-btn{height:44px;font-size:14px;margin-top:4px;}.birth-input-row{height:40px;}.birth-select{font-size:13px;min-width:55px;}.birth-select-time{min-width:100px;font-size:12px;}.birth-options{gap:8px;margin-top:6px;}.birth-header{margin-bottom:6px;}}.celebrity-section{margin-top:16px;}.celebrity-match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.celebrity-filter-toggle{display:flex;gap:8px;flex-wrap:wrap;}.celebrity-filter-btn{padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:var(--card);font-size:12px;cursor:pointer;transition:all 0.2s;}.celebrity-filter-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink);}.celebrity-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:8px;}.celebrity-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.celebrity-info{flex:1;min-width:0;}.celebrity-name{font-size:15px;font-weight:600;margin-bottom:2px;}.celebrity-meta{font-size:12px;color:var(--muted);}.celebrity-category{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;flex-shrink:0;}.celebrity-category.actor{background:#fee2e2;color:#dc2626;}.celebrity-category.singer{background:#dbeafe;color:#2563eb;}.celebrity-category.athlete{background:#dcfce7;color:#16a34a;}.celebrity-category.business{background:#fef3c7;color:#d97706;}.celebrity-category.politician{background:#f3e8ff;color:#9333ea;}.celebrity-category.historical{background:#e0e7ff;color:#4f46e5;}.celebrity-category.scientist{background:#cffafe;color:#0891b2;}.celebrity-category.artist{background:#fce7f3;color:#db2777;}.celebrity-match-level{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;}.celebrity-match-level.exact{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;}.celebrity-match-level.hour{background:#dbeafe;color:#1e40af;}.celebrity-match-level.date{background:var(--bg-tertiary);color:var(--ink-secondary);}.celebrity-time-accuracy{font-size:10px;padding:2px 6px;border-radius:3px;background:var(--bg-tertiary);color:var(--muted);}.celebrity-time-accuracy.confirmed{background:#dcfce7;color:#166534;}.celebrity-time-accuracy.estimated{background:#fef3c7;color:#92400e;}.celebrity-empty{text-align:center;padding:32px 16px;color:var(--muted);}.celebrity-empty-icon{font-size:48px;margin-bottom:12px;opacity:0.5;}.celebrity-privacy-notice{font-size:11px;color:var(--muted);padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:12px;line-height:1.5;}.celebrity-stats{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:var(--ink-secondary);}.celebrity-stats-item{display:flex;align-items:center;gap:4px;}.celebrity-expand-btn{width:100%;padding:10px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;cursor:pointer;margin-top:8px;}.celebrity-expand-btn:hover{background:var(--bg-secondary);color:var(--ink);}.lucky-number-card{background:var(--bg-secondary);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}.lucky-number-left{display:flex;align-items:center;gap:8px;flex-shrink:0;}.lucky-number-icon{font-size:18px;}.lucky-number-title{font-size:13px;font-weight:600;color:var(--ink);}.lucky-number-balls{display:flex;justify-content:center;gap:6px;flex:1;}.lucky-ball{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.15);}.lucky-ball.range-1{background:var(--obang-hwang,#c9a227);}.lucky-ball.range-10{background:var(--obang-heuk-light,#4a6fa5);}.lucky-ball.range-20{background:var(--obang-jeok-dark,#a62626);}.lucky-ball.range-30{background:var(--obang-baek-dark,#8b8378);}.lucky-ball.range-40{background:var(--obang-cheong-dark,#1e5631);}.lucky-refresh-btn{background:var(--bg-tertiary);border:1px solid var(--line);color:var(--ink-secondary);width:32px;height:32px;padding:0;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0;}.lucky-refresh-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--muted);}.lucky-refresh-btn:disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--muted);}@media (max-width:480px){.lucky-number-card{padding:10px 12px;gap:8px;}.lucky-number-title{font-size:12px;}.lucky-ball{width:28px;height:28px;font-size:11px;}.lucky-number-balls{gap:4px;}.lucky-refresh-btn{width:28px;height:28px;font-size:12px;}}.similar-saju-container{margin-top:12px;}.similar-saju-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}@media (max-width:480px){.similar-saju-list{grid-template-columns:1fr;}}.similar-saju-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.similar-saju-card{background:var(--bg-secondary);border-radius:10px;padding:12px;border:1px solid var(--line-light);transition:transform 0.2s,box-shadow 0.2s;}.similar-saju-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}.similar-saju-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}.similar-saju-name{font-size:14px;font-weight:700;color:var(--ink);}.similar-saju-category{font-size:10px;color:var(--muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;}.similar-saju-match{margin-bottom:6px;}.match-count-text{color:var(--obang-heuk-light,#2563eb);font-size:12px;font-weight:600;}.similar-saju-desc{font-size:11px;color:var(--ink-secondary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.similar-saju-pillars.alikesaju-style{display:flex;justify-content:center;gap:4px;background:var(--card);border-radius:6px;padding:8px 6px;margin-bottom:8px;}.pillar-col{text-align:center;min-width:36px;}.pillar-col .pillar-label{font-size:9px;color:var(--muted);margin-bottom:4px;}.pillar-chars{display:flex;flex-direction:column;align-items:center;gap:2px;}.pillar-chars.unknown{opacity:0.4;}.saju-char{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:13px;font-weight:600;color:var(--ink);background:var(--bg-secondary);border-radius:4px;border:1px solid var(--line-light);}.saju-char.matched{color:var(--obang-jeok);background:linear-gradient(135deg,var(--oheng-hwa-lighter,#fef2f2),var(--oheng-hwa-light));border-color:var(--obang-jeok-bg,#fecaca);font-weight:700;}.saju-char.dim{color:var(--muted);background:var(--bg-tertiary);}.similar-saju-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding-top:6px;border-top:1px solid var(--line-light);}.similar-saju-birth{font-size:10px;color:var(--muted);}.source-text{font-size:9px;color:var(--muted);opacity:0.7;}.pillar-group{flex:1;text-align:center;}.pillar-label{font-size:10px;color:var(--muted);margin-bottom:4px;}.pillar-value{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:1px;}.pillar-value.unknown{color:var(--muted);font-size:14px;}.pillar-value.match{color:var(--obang-jeok);background:linear-gradient(135deg,var(--oheng-hwa-lighter,#fef2f2),var(--oheng-hwa-light));border-radius:4px;padding:2px 4px;}.show-more-btn{padding:10px 24px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:all 0.2s;}.show-more-btn:hover{background:var(--bg-secondary);color:var(--ink);border-style:solid;}#more-section{display:none;padding-top:24px;}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--line);display:flex;z-index:1000;}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--muted);font-size:10px;cursor:pointer;transition:color 0.2s;background:none;border:none;font-family:inherit;}.tab-item.active{color:var(--ink);}.tab-icon{font-size:24px;line-height:1;}.tab-label{font-weight:500;}@media (max-width:480px){.menu-grid{grid-template-columns:repeat(4,1fr);gap:6px;}.menu-item{padding:12px 4px;}.menu-icon{width:40px;height:40px;font-size:20px;}.menu-label{font-size:11px;}}@keyframes fadeIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.96);}to{opacity:1;transform:scale(1);}}@keyframes ohengBarGrow{from{width:0;opacity:0;}to{opacity:1;}}.animate-in{animation:fadeIn 0.5s cubic-bezier(0.4,0,0.2,1) forwards;}.animate-scale{animation:fadeInScale 0.4s cubic-bezier(0.4,0,0.2,1) forwards;}.delay-1{animation-delay:0.08s;opacity:0;}.delay-2{animation-delay:0.16s;opacity:0;}.delay-3{animation-delay:0.24s;opacity:0;}.delay-4{animation-delay:0.32s;opacity:0;}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;}.loading-spinner{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{margin-top:16px;font-size:14px;color:var(--muted);}.hidden{display:none !important;}@keyframes cardPickFlash{0%{filter:brightness(1);transform:var(--card-rotation) scale(1);}30%{filter:brightness(1.8);transform:var(--card-rotation) scale(1.15);}100%{filter:brightness(0.7) saturate(0.5);transform:var(--card-rotation) translateY(-8px) scale(0.98);}}@keyframes particleFly{0%{opacity:1;transform:translate(0,0) scale(1);}100%{opacity:0;transform:translate( calc(cos(var(--angle)) * 60px),calc(sin(var(--angle)) * 60px - 30px) ) scale(0);}}@keyframes celebrationBurst{0%{opacity:1;transform:translate(0,0) scale(1);}100%{opacity:0;transform:translate( calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance) - 40px) ) scale(0.5);}}@keyframes slotHighlight{0%{transform:scale(1);box-shadow:0 0 15px rgba(var(--color-geum-rgb),0.2);}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(var(--color-geum-rgb),0.6);}100%{transform:scale(1);box-shadow:0 0 15px rgba(var(--color-geum-rgb),0.2);}}.tarot-selected-card{animation:cardFlyToSlot 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards;}@keyframes cardFlyToSlot{0%{opacity:0;transform:translate(var(--fly-x,-50px),var(--fly-y,-100px)) scale(0.5) rotate(-10deg);}60%{opacity:1;transform:translate(0,-10px) scale(1.1) rotate(3deg);}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);}}.tarot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px;}.tarot-deck-animation{text-align:center;}.tarot-card-stack{position:relative;width:80px;height:120px;margin:0 auto 20px;}.tarot-card-stack .tarot-card-back{position:absolute;width:100%;height:100%;background:linear-gradient(145deg,var(--color-su),var(--color-mok),var(--color-hwa));border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.3);animation:stackFloat 1.5s ease-in-out infinite;}.tarot-card-stack .tarot-card-back:nth-child(1){animation-delay:0s;z-index:3;}.tarot-card-stack .tarot-card-back:nth-child(2){top:5px;left:5px;animation-delay:0.1s;z-index:2;opacity:0.8;}.tarot-card-stack .tarot-card-back:nth-child(3){top:10px;left:10px;animation-delay:0.2s;z-index:1;opacity:0.6;}@keyframes stackFloat{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-10px) rotate(3deg);}}.tarot-shuffle-text{color:var(--color-geum);font-size:16px;font-weight:600;animation:textPulse 2s ease-in-out infinite;}@keyframes textPulse{0%,100%{opacity:0.7;}50%{opacity:1;}}.tarot-reading-card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:16px;border:1px solid var(--line);opacity:0;transform:translateY(20px);animation:slideInUp 0.5s ease forwards;}@keyframes slideInUp{to{opacity:1;transform:translateY(0);}}.tarot-reading-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}.tarot-reading-position{background:linear-gradient(135deg,var(--color-su),var(--color-mok));color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;}.tarot-reading-name{font-size:16px;font-weight:700;color:var(--ink);}.tarot-reading-type{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500;}.tarot-reading-type:not(.reversed){background:rgba(var(--color-mok-rgb),0.15);color:var(--color-mok);}.tarot-reading-type.reversed{background:rgba(var(--color-hwa-rgb),0.15);color:var(--color-hwa);}.tarot-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}.tarot-keywords::before{content:'키워드:';font-size:11px;color:var(--muted);margin-right:4px;}.tarot-meaning{margin-bottom:16px;}.tarot-meaning-main{font-size:14px;line-height:1.7;color:var(--ink);padding:12px;background:rgba(var(--color-geum-rgb),0.05);border-radius:var(--radius-sm);border-left:3px solid var(--color-geum);}.tarot-details-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}.tarot-detail-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);}.tarot-detail-icon{font-size:14px;flex-shrink:0;}.tarot-detail-label{font-size:12px;color:var(--muted);font-weight:600;flex-shrink:0;min-width:28px;}.tarot-detail-value{font-size:13px;color:var(--ink);line-height:1.5;flex:1;}.tarot-advice{display:flex;align-items:flex-start;gap:10px;padding:14px;background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.1),rgba(var(--color-su-rgb),0.05));border-radius:var(--radius-sm);border:1px solid rgba(var(--color-mok-rgb),0.2);}.tarot-advice-icon{font-size:18px;flex-shrink:0;}.tarot-advice-text{font-size:14px;color:var(--ink);line-height:1.6;font-weight:500;}.tarot-actions{display:flex;gap:12px;padding:20px;justify-content:center;}.tarot-action-btn{padding:14px 28px;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none;}.tarot-action-btn.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);}.tarot-action-btn.secondary:hover{background:var(--bg);border-color:var(--muted);}.tarot-action-btn.primary{background:linear-gradient(135deg,var(--color-su),var(--color-mok));color:white;box-shadow:0 4px 15px rgba(var(--color-su-rgb),0.4);}.tarot-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-su-rgb),0.5);}.tarot-section-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;padding-left:12px;border-left:3px solid var(--color-geum);}.tarot-readings-section{padding:0 20px 20px;}.tarot-overall-title{font-size:15px;font-weight:700;color:var(--color-geum);margin-bottom:12px;display:flex;align-items:center;gap:8px;}.tarot-overall-title::before{content:'✨';}.tarot-overall-text{font-size:15px;line-height:1.8;color:var(--ink);white-space:pre-line;}.tarot-pick-card:hover .tarot-pick-card-inner{box-shadow:0 10px 30px rgba(0,0,0,0.7),inset 0 0 40px rgba(255,255,255,0.2),0 0 20px rgba(var(--color-geum-rgb),0.4);}.tarot-selected-slot.filled .tarot-selected-card{animation:cardFlyToSlot 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards,selectedGlow 2s ease-in-out infinite 0.5s;}@keyframes selectedGlow{0%,100%{box-shadow:0 6px 20px rgba(0,0,0,0.5),0 0 0 0 rgba(var(--color-geum-rgb),0);}50%{box-shadow:0 6px 20px rgba(0,0,0,0.5),0 0 15px 3px rgba(var(--color-geum-rgb),0.3);}}.taegil-result{padding:20px;}.taegil-header{text-align:center;margin-bottom:24px;}.taegil-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:6px;}.taegil-subtitle{font-size:14px;color:var(--muted);}.taegil-top3{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;}.top3-card{flex:1;min-width:100px;padding:16px 12px;border-radius:var(--radius);text-align:center;cursor:pointer;transition:all 0.3s ease;border:1px solid var(--line);background:var(--card);position:relative;}.top3-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.top3-card.rank-1{background:linear-gradient(135deg,var(--oheng-geum-light),var(--oheng-geum-bg));border-color:var(--obang-geum-highlight,#ffd700);}.top3-card.rank-2{background:linear-gradient(135deg,var(--obang-baek-light),var(--obang-baek-bg));border-color:var(--obang-baek,#c0c0c0);}.top3-card.rank-3{background:linear-gradient(135deg,var(--obang-baek-dark-light),var(--obang-baek-dark-bg));border-color:var(--obang-baek-dark,#cd7f32);}.top3-medal{font-size:28px;margin-bottom:8px;}.top3-date{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:4px;}.top3-day{font-size:13px;color:var(--muted);margin-bottom:8px;}.top3-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;}.top3-tag{font-size:11px;padding:3px 8px;border-radius:12px;background:rgba(var(--color-mok-rgb),0.12);color:var(--color-mok);font-weight:500;}.taegil-calendar{margin-bottom:24px;}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px;}.calendar-header span{font-size:12px;font-weight:600;color:var(--muted);padding:8px 0;}.calendar-header span:first-child{color:var(--color-hwa);}.calendar-header span:last-child{color:var(--color-su);}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease;position:relative;padding:4px;min-height:50px;}.calendar-cell:hover{transform:scale(1.05);z-index:1;}.calendar-cell.empty{cursor:default;background:transparent;}.calendar-cell.empty:hover{transform:none;}.calendar-cell.grade-?��?{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.2),rgba(var(--color-hwa-rgb),0.1));border:1px solid rgba(var(--color-hwa-rgb),0.4);}.calendar-cell.grade-�?{background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.15),rgba(var(--color-mok-rgb),0.08));border:1px solid rgba(var(--color-mok-rgb),0.3);}.calendar-cell.grade-??{background:var(--bg-secondary);border:1px solid var(--line);}.calendar-cell.grade-??{background:rgba(0,0,0,0.04);border:1px solid var(--line-light);opacity:0.7;}.calendar-day{font-size:16px;font-weight:600;color:var(--ink);}.calendar-cell.grade-??.calendar-day{color:var(--muted);}.calendar-grade{font-size:10px;font-weight:600;margin-top:2px;}.calendar-cell.grade-?��?.calendar-grade{color:var(--color-hwa);}.calendar-cell.grade-�?.calendar-grade{color:var(--color-mok);}.calendar-cell.grade-??.calendar-grade{color:var(--muted);}.calendar-cell.grade-??.calendar-grade{color:var(--muted);}.calendar-tag{position:absolute;top:2px;right:2px;font-size:8px;padding:1px 4px;border-radius:6px;background:var(--color-geum);color:white;font-weight:600;}.calendar-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap;}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);}.legend-dot{width:12px;height:12px;border-radius:4px;}.legend-dot.grade-?��?{background:rgba(var(--color-hwa-rgb),0.3);border:1px solid var(--color-hwa);}.legend-dot.grade-�?{background:rgba(var(--color-mok-rgb),0.2);border:1px solid var(--color-mok);}.legend-dot.grade-??{background:var(--bg-secondary);border:1px solid var(--line);}.legend-dot.grade-??{background:rgba(0,0,0,0.04);border:1px solid var(--line-light);}.taegil-guide{background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.08),rgba(var(--color-to-rgb),0.04));border-radius:var(--radius);padding:20px;border:1px solid rgba(var(--color-geum-rgb),0.2);}.guide-title{font-size:15px;font-weight:700;color:var(--color-geum);margin-bottom:12px;display:flex;align-items:center;gap:8px;}.guide-content{font-size:14px;color:var(--ink-secondary);line-height:1.7;}.day-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px);}.day-detail-content{background:var(--card);border-radius:var(--radius-lg);max-width:360px;width:100%;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideIn 0.3s ease;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.day-detail-header{padding:24px;text-align:center;border-bottom:1px solid var(--line);}.day-detail-date{font-size:32px;font-weight:700;color:var(--ink);}.day-detail-weekday{font-size:14px;color:var(--muted);margin-top:4px;}.day-detail-ilju{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:var(--bg-secondary);border-radius:20px;font-size:16px;font-weight:600;color:var(--ink);}.day-detail-body{padding:24px;}.day-detail-score{text-align:center;margin-bottom:20px;}.score-value{font-size:48px;font-weight:700;}.score-value.grade-?��?{color:var(--color-hwa);}.score-value.grade-�?{color:var(--color-mok);}.score-value.grade-??{color:var(--muted);}.score-value.grade-??{color:var(--muted);opacity:0.6;}.score-label{font-size:14px;color:var(--muted);margin-top:4px;}.day-detail-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;}.day-detail-tag{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;}.day-detail-tag.positive{background:rgba(var(--color-mok-rgb),0.12);color:var(--color-mok);}.day-detail-tag.negative{background:rgba(var(--color-hwa-rgb),0.12);color:var(--color-hwa);}.day-detail-tag.neutral{background:var(--bg-secondary);color:var(--muted);}.day-detail-close{width:100%;padding:16px;border:none;background:var(--bg-secondary);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s;}.day-detail-close:hover{background:var(--line);}.life-graph-result{padding:20px;}.life-graph-header{text-align:center;margin-bottom:24px;}.life-graph-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;}.life-graph-current{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.15),rgba(var(--color-to-rgb),0.08));border-radius:20px;border:1px solid rgba(var(--color-geum-rgb),0.3);}.current-label{font-size:13px;color:var(--muted);}.current-daeun{font-size:16px;font-weight:700;color:var(--color-geum);}.current-age{font-size:13px;color:var(--ink-secondary);}.yongsin-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;}.yongsin-card{padding:16px;border-radius:var(--radius);text-align:center;border:1px solid var(--line);}.yongsin-card.yongsin{background:linear-gradient(135deg,rgba(var(--color-hwa-rgb),0.1),rgba(var(--color-hwa-rgb),0.05));border-color:rgba(var(--color-hwa-rgb),0.3);}.yongsin-card.heesin{background:linear-gradient(135deg,rgba(var(--color-mok-rgb),0.1),rgba(var(--color-mok-rgb),0.05));border-color:rgba(var(--color-mok-rgb),0.3);}.yongsin-label{font-size:12px;color:var(--muted);margin-bottom:6px;}.yongsin-value{font-size:24px;font-weight:700;}.yongsin-card.yongsin .yongsin-value{color:var(--color-hwa);}.yongsin-card.heesin .yongsin-value{color:var(--color-mok);}.life-graph-simple{display:flex;gap:2px;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius);}.graph-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform 0.2s ease;}.graph-col:hover{transform:translateY(-2px);}.graph-score-badge{font-size:11px;font-weight:700;padding:3px 6px;border-radius:8px;color:#fff;margin-bottom:4px;min-width:28px;text-align:center;}.graph-score-badge.grade-대길{background:var(--color-hwa);}.graph-score-badge.grade-길{background:var(--color-mok);}.graph-score-badge.grade-평{background:var(--color-to);color:var(--ink);}.graph-score-badge.grade-흉{background:var(--color-su);}.graph-bar-wrap{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center;padding:0 2px;}.graph-bar-fill{width:100%;max-width:32px;border-radius:4px 4px 2px 2px;transition:height 0.5s ease;position:relative;display:flex;align-items:flex-end;justify-content:center;}.graph-bar-fill::after{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,0.3),transparent);border-radius:4px 4px 0 0;pointer-events:none;}.graph-bar-fill.grade-대길{background:linear-gradient(180deg,var(--obang-jeok),var(--obang-jeok-dark));}.graph-bar-fill.grade-길{background:linear-gradient(180deg,var(--obang-cheong),var(--obang-cheong-dark));}.graph-bar-fill.grade-평{background:linear-gradient(180deg,var(--obang-hwang-light),var(--obang-geum));}.graph-bar-fill.grade-흉{background:linear-gradient(180deg,var(--obang-heuk-light),var(--obang-heuk-dark));}.graph-bar-stack{width:100%;max-width:32px;border-radius:4px 4px 2px 2px;transition:height 0.5s ease;position:relative;display:flex;flex-direction:column;overflow:hidden;}.graph-bar-eokbu{width:100%;background:linear-gradient(180deg,var(--cheong-secondary,#14b8a6),var(--cheong-dark,#0d9488));position:relative;}.graph-bar-eokbu::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.25),transparent);pointer-events:none;}.graph-bar-johoo{width:100%;background:linear-gradient(180deg,var(--obang-hwang),var(--obang-hwang-dark));position:relative;}.graph-bar-johoo::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.2),transparent);pointer-events:none;}.graph-bar-stack .graph-bar-eokbu{border-bottom:1px solid rgba(255,255,255,0.4);}.graph-now-label{position:absolute;bottom:6px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.3);writing-mode:vertical-rl;text-orientation:mixed;}.graph-daeun-name{font-size:11px;font-weight:700;color:var(--ink);margin-top:8px;text-align:center;}.graph-daeun-age{font-size:9px;color:var(--muted);text-align:center;margin-top:1px;}.graph-daeun-name.current{color:var(--color-geum);}.graph-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;padding:12px;background:rgba(var(--color-mok-rgb),0.05);border-radius:12px;flex-wrap:wrap;}.graph-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);}.graph-legend-color{width:14px;height:14px;border-radius:4px;}.graph-legend-color.grade-대길{background:var(--color-hwa);}.graph-legend-color.grade-길{background:var(--color-mok);}.graph-legend-color.grade-평{background:var(--color-to);}.graph-legend-color.grade-흉{background:var(--color-su);}.daeun-timeline{position:relative;padding-left:20px;}.daeun-timeline::before{content:'';position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--line);}.daeun-timeline-item{position:relative;padding:10px 12px;margin-bottom:6px;background:var(--card);border-radius:8px;border:1px solid var(--line);cursor:pointer;transition:all 0.2s ease;}.daeun-timeline-item:hover{border-color:var(--color-geum);}.daeun-timeline-item.current{border-color:var(--color-geum);background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.08),rgba(var(--color-to-rgb),0.04));}.timeline-dot{position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;}.daeun-timeline-item.current .timeline-dot{box-shadow:0 0 0 3px rgba(var(--color-geum-rgb),0.3);}.timeline-content{display:flex;align-items:center;gap:10px;}.timeline-header{display:flex;align-items:center;gap:8px;flex:1;}.timeline-daeun{font-size:15px;font-weight:700;color:var(--ink);min-width:36px;}.timeline-age{font-size:12px;color:var(--muted);}.timeline-now{padding:2px 8px;background:var(--color-geum);color:white;border-radius:8px;font-size:10px;font-weight:600;}.timeline-info{display:flex;align-items:center;gap:8px;}.timeline-grade{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;}.timeline-grade.grade-?��?{background:rgba(var(--color-hwa-rgb),0.12);color:var(--color-hwa);}.timeline-grade.grade-�?{background:rgba(var(--color-mok-rgb),0.12);color:var(--color-mok);}.timeline-grade.grade-??{background:var(--bg-secondary);color:var(--muted);}.timeline-grade.grade-??{background:rgba(0,0,0,0.04);color:var(--muted);}.timeline-analysis{font-size:12px;color:var(--muted);}.daeun-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px);}.daeun-detail-content{background:var(--card);border-radius:var(--radius-lg);max-width:400px;width:100%;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideIn 0.3s ease;}.daeun-detail-header{padding:24px;text-align:center;background:linear-gradient(135deg,rgba(var(--color-geum-rgb),0.1),rgba(var(--color-to-rgb),0.05));border-bottom:1px solid var(--line);}.daeun-detail-name{font-size:32px;font-weight:700;color:var(--ink);margin-bottom:8px;}.daeun-detail-period{font-size:14px;color:var(--muted);}.daeun-detail-body{padding:24px;}.daeun-detail-score{text-align:center;margin-bottom:20px;}.daeun-score-circle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px;border:4px solid;}.daeun-score-circle.grade-?��?{background:rgba(var(--color-hwa-rgb),0.1);border-color:var(--color-hwa);}.daeun-score-circle.grade-�?{background:rgba(var(--color-mok-rgb),0.1);border-color:var(--color-mok);}.daeun-score-circle.grade-??{background:var(--bg-secondary);border-color:var(--muted);}.daeun-score-circle.grade-??{background:rgba(0,0,0,0.04);border-color:var(--muted);}.daeun-score-value{font-size:28px;font-weight:700;}.daeun-score-circle.grade-?��?.daeun-score-value{color:var(--color-hwa);}.daeun-score-circle.grade-�?.daeun-score-value{color:var(--color-mok);}.daeun-score-circle.grade-??.daeun-score-value{color:var(--muted);}.daeun-score-circle.grade-??.daeun-score-value{color:var(--muted);}.daeun-score-grade{font-size:14px;font-weight:600;}.daeun-detail-analysis{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;}.daeun-analysis-title{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;}.daeun-analysis-text{font-size:14px;color:var(--ink);line-height:1.6;}.daeun-detail-close{width:100%;padding:16px;border:none;background:var(--bg-secondary);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s;}.daeun-detail-close:hover{background:var(--line);}.life-graph-message{padding:20px;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.08),rgba(var(--color-mok-rgb),0.04));border-radius:var(--radius);border:1px solid rgba(var(--color-su-rgb),0.2);}.message-title{font-size:14px;font-weight:700;color:var(--color-su);margin-bottom:10px;display:flex;align-items:center;gap:8px;}.message-content{font-size:14px;color:var(--ink);line-height:1.7;}.message-highlight{display:inline-block;padding:2px 8px;background:rgba(var(--color-geum-rgb),0.15);border-radius:4px;font-weight:600;color:var(--color-geum);}.today-fortune-card{background:linear-gradient(135deg,var(--card) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden;}.today-fortune-card::before{content:'運';position:absolute;right:-20px;top:-30px;font-size:140px;font-family:"Noto Serif KR",serif;opacity:0.03;font-weight:700;color:var(--gold);}.today-fortune-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.today-fortune-title{font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}.today-fortune-date{font-size:12px;color:var(--muted);}.score-circle-container{display:flex;justify-content:center;margin-bottom:14px;}.score-circle{position:relative;width:110px;height:110px;}.score-circle svg{transform:rotate(-90deg);width:100%;height:100%;}.score-circle-bg{fill:none;stroke:var(--line);stroke-width:8;}.score-circle-progress{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out;}.score-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.score-number{font-size:32px;font-weight:700;color:var(--ink);font-family:"Noto Serif KR",serif;line-height:1;}.score-label{font-size:11px;color:var(--muted);margin-top:2px;}.today-fortune-message{text-align:center;font-size:13px;color:var(--ink-secondary);margin-bottom:14px;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;font-style:normal;line-height:1.5;}.category-fortune-container{margin-bottom:16px;}.category-fortune-chart{display:flex;justify-content:center;margin-bottom:16px;}.category-fortune-chart canvas{max-width:280px;max-height:200px;}.category-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.category-score-item{text-align:center;padding:12px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:transform 0.2s,box-shadow 0.2s;}.category-score-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);}.category-score-icon{font-size:20px;margin-bottom:4px;}.category-score-label{font-size:11px;color:var(--muted);margin-bottom:2px;}.category-score-value{font-size:18px;font-weight:700;color:var(--ink);}.category-score-value.high{color:var(--color-hwa);}.category-score-value.medium{color:var(--color-to);}.category-score-value.low{color:var(--color-su);}.time-fortune-bar{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius);}.time-slot{flex:1;text-align:center;padding:12px 8px;border-radius:var(--radius-sm);transition:all 0.3s;}.time-slot.current{background:var(--gold);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(201,162,39,0.3);}.time-slot-icon{font-size:24px;margin-bottom:4px;}.time-slot-label{font-size:12px;font-weight:600;margin-bottom:2px;}.time-slot-status{font-size:11px;padding:2px 8px;border-radius:10px;display:inline-block;}.time-slot-status.good{background:rgba(30,86,49,0.15);color:var(--color-mok);}.time-slot-status.normal{background:rgba(201,162,39,0.15);color:var(--color-to);}.time-slot-status.caution{background:rgba(166,38,38,0.15);color:var(--color-hwa);}.lucky-items-card{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;}.lucky-item{text-align:center;padding:12px 6px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.lucky-item-icon{font-size:24px;margin-bottom:6px;}.lucky-item-label{font-size:10px;color:var(--muted);margin-bottom:2px;}.lucky-item-value{font-size:12px;font-weight:600;color:var(--ink);}.todayfortune-date-card{text-align:center;padding:14px 16px;background:linear-gradient(135deg,var(--obang-hwang-light) 0%,var(--obang-hwang) 100%);border-radius:var(--radius-lg);color:white;margin-bottom:16px;}.todayfortune-date-main{font-size:14px;font-weight:700;margin-bottom:6px;}.todayfortune-dayinfo{display:flex;justify-content:center;align-items:center;gap:10px;}.tf-ganzhi{font-size:20px;font-weight:700;font-family:"Noto Serif KR",serif;}.tf-ganzhi-hanja{font-size:14px;opacity:0.9;font-family:"Noto Serif KR",serif;}.todayfortune-score-card{background:var(--card);border-radius:var(--radius-lg);padding:16px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow);}.tf-score-circle{position:relative;width:100px;height:100px;margin:0 auto 12px;}.tf-score-circle svg{transform:rotate(-90deg);width:100%;height:100%;}.tf-circle-bg{fill:none;stroke:var(--line);stroke-width:6;}.tf-circle-progress{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;stroke-dasharray:264.48;stroke-dashoffset:264.48;transition:stroke-dashoffset 1.5s ease-out;}.tf-score-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.tf-score-number{display:block;font-size:28px;font-weight:700;color:var(--ink);font-family:"Noto Serif KR",serif;line-height:1;}.tf-score-label{font-size:10px;color:var(--muted);margin-top:2px;}.tf-score-message{font-size:13px;color:var(--ink-secondary);padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-style:normal;line-height:1.5;}.todayfortune-insights{background:var(--card);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);border:1px solid var(--line);}.tf-insight-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}.tf-grade-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--bg-secondary);color:var(--ink);border:1px solid var(--line);}.tf-grade-chip.excellent{background:var(--grade-gil-bg);border-color:rgba(var(--obang-cheong-rgb),0.35);color:var(--grade-gil);}.tf-grade-chip.positive{background:var(--grade-pyeong-bg);border-color:rgba(var(--obang-hwang-rgb),0.35);color:var(--grade-pyeong);}.tf-grade-chip.high{background:var(--grade-pyeong-bg);border-color:rgba(var(--obang-hwang-rgb),0.35);color:var(--grade-pyeong);}.tf-grade-chip.neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral);}.tf-grade-chip.medium{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral);}.tf-grade-chip.caution{background:var(--grade-juui-bg);border-color:rgba(var(--obang-jeok-rgb),0.3);color:var(--grade-juui);}.tf-grade-chip.low{background:var(--grade-juui-bg);border-color:rgba(var(--obang-jeok-rgb),0.3);color:var(--grade-juui);}.tf-grade-summary{font-size:13px;color:var(--ink-secondary);}.tf-insight-timing{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}.tf-time-chip{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-secondary);color:var(--ink);border:1px solid var(--line);}.tf-time-chip.best{border-color:rgba(var(--obang-cheong-rgb),0.35);color:var(--grade-gil);}.tf-time-chip.worst{border-color:rgba(var(--obang-jeok-rgb),0.35);color:var(--grade-juui);}.tf-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;}.tf-insight-grid.four-cols{grid-template-columns:repeat(4,1fr);}.tf-insight-grid.single{grid-template-columns:1fr;}.tf-insight-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:8px;border:1px solid var(--line);}.tf-insight-card.focus{border-color:rgba(var(--obang-cheong-rgb),0.25);}.tf-insight-card.caution{border-color:rgba(var(--obang-jeok-rgb),0.25);}.tf-insight-card.balance{border-color:rgba(var(--obang-hwang-rgb),0.25);background:rgba(var(--obang-hwang-rgb),0.03);}.tf-insight-card.cat-high{border-color:rgba(var(--obang-cheong-rgb),0.3);background:rgba(var(--obang-cheong-rgb),0.05);}.tf-insight-card.cat-medium{border-color:rgba(var(--obang-hwang-rgb),0.3);background:rgba(var(--obang-hwang-rgb),0.05);}.tf-insight-card.cat-low{border-color:rgba(var(--obang-jeok-rgb),0.3);background:rgba(var(--obang-jeok-rgb),0.05);}.tf-insight-label{font-size:10px;color:var(--muted);margin-bottom:4px;}.tf-insight-value{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);}.tf-insight-score{font-size:11px;font-weight:700;color:var(--muted);}.tf-insight-tip{font-size:11px;color:var(--ink-secondary);margin-top:4px;line-height:1.4;}.tf-tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}.tf-tag{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-secondary);color:var(--ink);border:1px solid var(--line);}.tf-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.tf-action-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px;border:1px solid var(--line);}.tf-action-card.caution{border-color:rgba(var(--obang-jeok-rgb),0.3);}.tf-action-title{font-size:11px;font-weight:700;color:var(--ink);margin-bottom:6px;}.tf-action-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}.tf-action-item{font-size:11px;color:var(--ink-secondary);}.tf-action-item::before{content:'-';margin-right:4px;color:var(--muted);}.tf-section-title{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 12px 0;display:flex;align-items:center;gap:6px;}.todayfortune-categories{background:var(--card);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);}.tf-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.tf-category-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;}.tf-category-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);}.tf-category-icon{font-size:20px;margin-bottom:4px;}.tf-category-name{font-size:11px;color:var(--muted);margin-bottom:2px;}.tf-category-score{font-size:18px;font-weight:700;color:var(--ink);}.tf-category-score.high{color:var(--grade-gil);}.tf-category-score.medium{color:var(--grade-pyeong);}.tf-category-score.low{color:var(--grade-juui);}.tf-category-bar{height:4px;background:var(--line);border-radius:2px;margin-top:6px;overflow:hidden;}.tf-category-bar-fill{height:100%;border-radius:2px;transition:width 1s ease-out;}.tf-category-bar-fill.high{background:linear-gradient(90deg,var(--grade-gil),var(--obang-cheong-light));}.tf-category-bar-fill.medium{background:linear-gradient(90deg,var(--grade-pyeong),var(--obang-hwang-light));}.tf-category-bar-fill.low{background:linear-gradient(90deg,var(--grade-juui),var(--obang-jeok-light));}.todayfortune-hourly{background:var(--card);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);}.tf-hourly-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.tf-hourly-section{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px;}.tf-hourly-title{font-size:12px;font-weight:600;margin:0 0 8px 0;padding-bottom:6px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;}.tf-hourly-title.good{color:var(--grade-gil);}.tf-hourly-title.caution{color:var(--grade-juui);}.tf-hourly-list{display:flex;flex-direction:column;gap:6px;}.tf-hourly-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--card);border-radius:var(--radius-sm);font-size:11px;}.tf-hourly-meta{display:flex;align-items:center;gap:6px;flex:1;}.tf-hourly-time{font-weight:600;color:var(--ink);font-size:11px;}.tf-hourly-branch{font-size:10px;color:var(--muted);padding:1px 6px;border-radius:999px;background:var(--bg-secondary);}.tf-hourly-score{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--bg-secondary);}.tf-hourly-score.high{color:var(--grade-gil);}.tf-hourly-score.medium{color:var(--grade-pyeong);}.tf-hourly-score.low{color:var(--grade-juui);}.tf-hourly-reason{color:var(--muted);font-size:10px;display:none;}.todayfortune-lucky{background:var(--card);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);}.tf-lucky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.tf-lucky-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 8px;text-align:center;}.tf-lucky-icon{font-size:22px;margin-bottom:4px;}.tf-lucky-label{font-size:10px;color:var(--muted);margin-bottom:2px;}.tf-lucky-value{font-size:12px;font-weight:600;color:var(--ink);}.tf-lucky-note{margin-top:10px;padding:8px 10px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:11px;color:var(--muted);line-height:1.4;}.todayfortune-advice{background:linear-gradient(135deg,var(--card) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-lg);padding:14px 16px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--gold);}.tf-advice-icon{font-size:24px;margin-bottom:8px;}.tf-advice-text{font-size:13px;color:var(--ink);line-height:1.6;margin:0;}.tf-three-line-summary{background:linear-gradient(135deg,rgba(var(--obang-hwang-rgb),0.15) 0%,rgba(var(--obang-hwang-rgb),0.25) 100%);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);border:1px solid var(--obang-hwang);}.tf-summary-title{font-size:14px;font-weight:700;color:var(--obang-hwang-dark);text-align:center;margin-bottom:12px;}.tf-summary-lines{display:flex;flex-direction:column;gap:8px;}.tf-summary-line{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,0.7);border-radius:var(--radius-sm);padding:10px 12px;}.tf-line-icon{font-size:16px;flex-shrink:0;}.tf-line-text{font-size:12px;color:var(--obang-hwang-dark);line-height:1.5;}.tf-summary-line.saju{border-left:3px solid var(--obang-hwang);}.tf-summary-line.today{border-left:3px solid var(--obang-heuk-light);}.tf-summary-line.action{border-left:3px solid var(--obang-cheong);}.tf-special-alerts{background:var(--card);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;box-shadow:var(--shadow);border:1px solid var(--line);}.tf-alerts-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:6px;}.tf-alerts-list{display:flex;flex-direction:column;gap:8px;}.tf-alert-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 12px;border-left:3px solid var(--muted);}.tf-alert-card.alert-high{background:rgba(var(--obang-jeok-rgb),0.1);border-left-color:var(--grade-juui);}.tf-alert-card.alert-medium{background:rgba(var(--obang-hwang-rgb),0.1);border-left-color:var(--grade-pyeong);}.tf-alert-card.alert-low{background:rgba(var(--obang-heuk-rgb),0.08);border-left-color:var(--obang-heuk-light);}.tf-alert-card.alert-positive{background:rgba(var(--obang-cheong-rgb),0.1);border-left-color:var(--obang-cheong);}.tf-alert-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px;}.tf-alert-icon{font-size:16px;}.tf-alert-type{font-size:12px;font-weight:700;color:var(--ink);}.tf-alert-severity{font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,0.08);color:var(--ink-secondary);}.tf-alert-position{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--line);color:var(--muted);}.tf-alert-message{font-size:11px;color:var(--ink-secondary);line-height:1.4;margin-bottom:6px;}.tf-alert-advice{font-size:11px;color:var(--ink);background:rgba(255,255,255,0.6);padding:6px 8px;border-radius:var(--radius-sm);line-height:1.4;}.tf-score-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}.tf-breakdown-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px;text-align:center;}.tf-breakdown-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}@media (max-width:480px){.tf-breakdown-list{grid-template-columns:1fr;}}.tf-breakdown-card{background:var(--card);border-radius:10px;padding:10px;border:1px solid var(--line);transition:all 0.2s;position:relative;overflow:hidden;}.tf-breakdown-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;}.tf-breakdown-card.level-high::before{background:linear-gradient(180deg,var(--obang-cheong-light),var(--obang-cheong));}.tf-breakdown-card.level-medium::before{background:linear-gradient(180deg,var(--obang-hwang-light),var(--obang-hwang));}.tf-breakdown-card.level-low::before{background:linear-gradient(180deg,var(--obang-jeok-light),var(--obang-jeok));}.tf-breakdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}.tf-breakdown-title-group{display:flex;align-items:center;gap:6px;}.tf-breakdown-label{font-size:13px;font-weight:700;color:var(--ink);}.tf-breakdown-role{font-size:9px;color:var(--muted);padding:2px 6px;background:var(--bg-secondary);border-radius:4px;}.tf-breakdown-score-group{display:flex;align-items:center;gap:4px;}.tf-breakdown-score{font-size:18px;font-weight:700;line-height:1;}.tf-breakdown-score.high{color:var(--obang-cheong);}.tf-breakdown-score.medium{color:var(--obang-hwang);}.tf-breakdown-score.low{color:var(--obang-jeok);}.tf-breakdown-level-badge{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600;}.tf-breakdown-level-badge.high{background:var(--oheng-mok-light);color:var(--obang-cheong);}.tf-breakdown-level-badge.medium{background:var(--oheng-to-light);color:var(--obang-hwang-dark);}.tf-breakdown-level-badge.low{background:var(--oheng-hwa-light);color:var(--obang-jeok);}.tf-breakdown-easy-tip{font-size:12px;font-weight:500;padding:8px 10px;border-radius:6px;margin-bottom:6px;line-height:1.4;text-align:center;}.tf-breakdown-easy-tip.level-high{background:var(--oheng-mok-light);color:var(--obang-cheong-dark);}.tf-breakdown-easy-tip.level-medium{background:var(--oheng-to-light);color:var(--obang-hwang-dark);}.tf-breakdown-easy-tip.level-low{background:var(--oheng-hwa-light);color:var(--obang-jeok-dark);}.tf-breakdown-reason{font-size:10px;color:var(--muted);padding:4px 8px;background:var(--bg-secondary);border-radius:4px;margin-bottom:4px;line-height:1.3;}.tf-breakdown-details{font-size:9px;color:var(--muted);padding:3px 8px;background:var(--bg-secondary);border-radius:4px;line-height:1.4;}.tf-breakdown-details-label{font-weight:600;color:var(--muted);}.tf-breakdown-meta{display:flex;justify-content:flex-end;margin-top:4px;}.tf-breakdown-weight{font-size:9px;color:var(--muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;}.tf-interaction-summary{margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,var(--oheng-su-light) 0%,rgba(var(--obang-heuk-rgb),0.1) 100%);border-radius:var(--radius-sm);border:1px solid rgba(var(--obang-heuk-rgb),0.2);display:flex;align-items:center;gap:8px;}.tf-interaction-icon{font-size:16px;}.tf-interaction-text{font-size:12px;color:var(--obang-heuk-light);font-weight:500;line-height:1.4;}@media (max-width:480px){.tf-hourly-container{grid-template-columns:1fr;gap:8px;}.tf-category-grid{grid-template-columns:repeat(2,1fr);}.tf-category-item{padding:8px 4px;}.tf-category-icon{font-size:18px;}.tf-category-score{font-size:16px;}.tf-insight-grid{grid-template-columns:repeat(2,1fr);}.tf-insight-grid.four-cols{grid-template-columns:repeat(2,1fr);}.tf-insight-grid.single{grid-template-columns:1fr;}.tf-action-grid{grid-template-columns:1fr;}.tf-lucky-grid{grid-template-columns:repeat(2,1fr);}.tf-breakdown-list{grid-template-columns:1fr;}.tf-breakdown-card{padding:10px;}.tf-breakdown-score{font-size:16px;}.tf-breakdown-reason{font-size:10px;padding:4px 8px;}.tf-interaction-summary{padding:10px;}.tf-interaction-text{font-size:11px;}.tf-summary-line{padding:8px 10px;}.tf-line-text{font-size:12px;}.tf-score-circle{width:90px;height:90px;}.tf-score-number{font-size:24px;}}.todayfortune-comprehensive{background:var(--card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--line);margin-top:16px;}.todayfortune-comprehensive .tf-section-title{margin-bottom:16px;}.tf-comprehensive-content{display:flex;flex-direction:column;gap:16px;}.tf-comp-block{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;border:1px solid var(--line);}.tf-comp-block-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line);}.tf-comp-icon{font-size:18px;flex-shrink:0;}.tf-comp-title{font-size:14px;font-weight:700;color:var(--ink);}.tf-comp-block-body{font-size:13px;color:var(--ink-secondary);line-height:1.8;}.tf-comp-block-body p{margin:0 0 6px 0;}.tf-comp-block-body p:last-child{margin-bottom:0;}.tf-comp-block-body br{display:block;content:"";margin-top:4px;}@media (max-width:480px){.todayfortune-comprehensive{padding:14px;}.tf-comp-block{padding:12px;}.tf-comp-block-body{font-size:12px;line-height:1.7;}.tf-comp-title{font-size:13px;}}.badge-collection{margin-bottom:20px;}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.badge-item{text-align:center;padding:16px 8px;background:var(--bg-secondary);border-radius:var(--radius);transition:all 0.3s;cursor:pointer;}.badge-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);}.badge-item.locked{opacity:0.4;filter:grayscale(100%);}.badge-item.earned{background:linear-gradient(135deg,rgba(201,162,39,0.15),rgba(201,162,39,0.05));border:1px solid var(--gold);}.badge-icon{font-size:32px;margin-bottom:8px;}.badge-name{font-size:11px;font-weight:600;color:var(--ink);}.badge-desc{font-size:9px;color:var(--muted);margin-top:2px;}.oheng-chart-container{margin:20px 0;padding:20px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.oheng-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.oheng-chart-title{font-size:15px;font-weight:700;color:var(--ink);}.oheng-chart-toggle{display:flex;gap:4px;}.oheng-chart-toggle-btn{padding:6px 12px;border:1px solid var(--line);background:transparent;border-radius:20px;font-size:12px;cursor:pointer;transition:all 0.2s;}.oheng-chart-toggle-btn.active{background:var(--gold);border-color:var(--gold);color:#fff;}.oheng-chart-canvas{max-width:100%;height:250px !important;}.oheng-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px;}.oheng-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;}.oheng-legend-color{width:12px;height:12px;border-radius:3px;}.singang-gauge-container{margin:20px 0;padding:20px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.singang-gauge-header{text-align:center;margin-bottom:20px;}.singang-gauge-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;}.singang-gauge-subtitle{font-size:12px;color:var(--muted);}.singang-gauge-wrapper{display:flex;justify-content:center;margin-bottom:20px;}.singang-gauge-circle{position:relative;width:200px;height:200px;}.singang-gauge-circle svg{transform:rotate(-90deg);width:100%;height:100%;}.singang-gauge-bg{fill:none;stroke:var(--line);stroke-width:15;}.singang-gauge-progress{fill:none;stroke-width:15;stroke-linecap:round;transition:stroke-dashoffset 1.5s ease-out,stroke 0.3s;}.singang-gauge-progress.singang{stroke:var(--color-hwa);}.singang-gauge-progress.sinyak{stroke:var(--color-su);}.singang-gauge-progress.jungwha{stroke:var(--color-mok);}.singang-gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.singang-score{font-size:48px;font-weight:700;line-height:1;}.singang-score.singang{color:var(--color-hwa);}.singang-score.sinyak{color:var(--color-su);}.singang-score.jungwha{color:var(--color-mok);}.singang-label{font-size:14px;font-weight:600;margin-top:4px;}.singang-desc{font-size:11px;color:var(--muted);margin-top:2px;}.singang-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;}.singang-detail-item{text-align:center;padding:12px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);}.singang-detail-label{font-size:11px;color:var(--muted);margin-bottom:4px;}.singang-detail-value{font-size:13px;font-weight:600;}.singang-detail-value.yes{color:var(--color-mok);}.singang-detail-value.no{color:var(--muted);}.oheng-relation-container{padding:20px 10px;background:var(--bg);border-radius:var(--radius-lg);margin:16px 0;}.oheng-relation-legend{display:flex;gap:20px;justify-content:flex-start;padding:0 10px 15px;font-size:13px;}.oheng-relation-legend .legend-item{display:flex;align-items:center;gap:6px;color:var(--ink);}.oheng-relation-legend .legend-arrow{font-weight:700;}.oheng-relation-legend .legend-arrow.blue{color:#4a90d9;}.oheng-relation-legend .legend-arrow.red{color:#d94a4a;}.oheng-relation-svg{width:100%;max-width:400px;margin:0 auto;display:block;}.oheng-relation-svg text{font-family:var(--font-sans);}.premium-card{position:relative;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:var(--radius-lg);padding:24px;color:#fff;overflow:hidden;margin-bottom:20px;}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,var(--gold),#e6c84b);border-radius:20px;font-size:11px;font-weight:700;color:#1a1a2e;margin-bottom:12px;}.premium-title{font-size:18px;font-weight:700;margin-bottom:8px;}.premium-desc{font-size:13px;opacity:0.85;line-height:1.5;margin-bottom:16px;}.premium-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}.premium-feature{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;background:rgba(255,255,255,0.1);border-radius:20px;}.premium-cta{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),#e6c84b);border:none;border-radius:var(--radius);font-size:15px;font-weight:700;color:#1a1a2e;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}.premium-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,162,39,0.4);}.loading-fortune{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;}.loading-spinner{width:50px;height:50px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{margin-top:16px;font-size:14px;color:var(--muted);animation:pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:0.5;}50%{opacity:1;}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--line) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.skeleton-circle{width:140px;height:140px;border-radius:50%;margin:0 auto 20px;}.skeleton-text{height:16px;margin-bottom:8px;}.skeleton-text.short{width:60%;}.skeleton-text.medium{width:80%;}.skeleton-text.full{width:100%;}.bounce-in{animation:bounceIn 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);}@keyframes bounceIn{0%{transform:scale(0);opacity:0;}50%{transform:scale(1.1);}100%{transform:scale(1);opacity:1;}}.slide-up{animation:slideUp 0.4s ease-out;}@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}.fade-in{animation:fadeIn 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.touch-feedback{transition:transform 0.1s,opacity 0.1s;}.touch-feedback:active{transform:scale(0.97);opacity:0.9;}.badge-modal{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s;}.badge-modal.show{opacity:1;visibility:visible;}.badge-modal-content{background:var(--card);border-radius:var(--radius-lg);padding:32px;text-align:center;max-width:300px;transform:scale(0.8);transition:transform 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);}.badge-modal.show .badge-modal-content{transform:scale(1);}.badge-modal-icon{font-size:64px;margin-bottom:16px;}.badge-modal-title{font-size:18px;font-weight:700;color:var(--gold);margin-bottom:8px;}.badge-modal-desc{font-size:14px;color:var(--ink-secondary);margin-bottom:20px;}.badge-modal-close{padding:12px 32px;background:var(--gold);border:none;border-radius:var(--radius);font-size:14px;font-weight:600;color:#fff;cursor:pointer;}.chart-container{position:relative;margin:16px 0;}.chart-container canvas{max-width:100%;}.grade-excellent{color:var(--color-hwa);}.grade-good{color:var(--color-mok);}.grade-normal{color:var(--color-to);}.grade-caution{color:var(--color-su);}.grade-bad{color:var(--muted);}@media (max-width:380px){.category-scores{grid-template-columns:repeat(2,1fr);}.time-fortune-bar{flex-wrap:wrap;}.time-slot{flex:1 1 45%;}.badge-grid{grid-template-columns:repeat(3,1fr);}.singang-detail{grid-template-columns:repeat(2,1fr);}}.profile-stats{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:linear-gradient(135deg,rgba(100,70,150,0.1),rgba(60,40,100,0.1));border-radius:12px;margin-bottom:16px;}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;}.stat-icon{font-size:24px;}.stat-value{font-size:20px;font-weight:700;color:var(--ja-primary,#64469E);}.stat-label{font-size:12px;color:var(--ink-secondary);}.attendance-btn{flex:1;padding:12px 24px;background:linear-gradient(135deg,var(--ja-primary,#64469E),var(--ja-dark,#3C2864));color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}.attendance-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,70,158,0.3);}.attendance-btn:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none;}.attendance-btn.completed{background:linear-gradient(135deg,var(--obang-cheong,#4CAF50),var(--obang-cheong-dark,#2E7D32));}.saved-sajus-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:400px;overflow-y:auto;}.saju-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all 0.3s;}.saju-item:hover{background:var(--card);border-color:var(--ja-primary,#64469E);box-shadow:0 2px 8px rgba(100,70,158,0.1);}.saju-info{flex:1;}.saju-name{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px;}.saju-details{font-size:13px;color:var(--ink-secondary);}.saju-relation{display:inline-block;padding:4px 8px;background:rgba(100,70,158,0.1);color:var(--ja-primary,#64469E);border-radius:4px;font-size:11px;font-weight:600;margin-left:8px;}.saju-actions{display:flex;gap:8px;}.btn-view{padding:8px 16px;background:var(--ja-primary,#64469E);color:white;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-view:hover{background:var(--ja-dark,#3C2864);}.btn-delete{padding:8px 12px;background:transparent;color:var(--obang-jeok,#dc3545);border:1px solid var(--obang-jeok,#dc3545);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-delete:hover{background:var(--obang-jeok,#dc3545);color:white;}.empty-state{text-align:center;padding:40px 20px;color:#999;}.empty-state-icon{font-size:48px;margin-bottom:16px;}.empty-state-text{font-size:14px;}.form-group{margin-bottom:16px;}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all 0.3s;}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--ja-primary,#64469E);box-shadow:0 0 0 3px rgba(100,70,158,0.1);}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.radio-group{display:flex;gap:16px;margin-top:6px;}.radio-option{display:flex;align-items:center;gap:6px;}.radio-option input[type="radio"]{width:auto;}.radio-option label{margin-bottom:0;font-weight:400;}.subscription-info{padding:20px;background:linear-gradient(135deg,rgba(100,70,150,0.1),rgba(60,40,100,0.1));border-radius:12px;margin-bottom:20px;}.subscription-tier{font-size:24px;font-weight:700;color:var(--ja-primary,#64469E);margin-bottom:8px;}.subscription-status{font-size:14px;color:var(--ink-secondary);margin-bottom:12px;}.subscription-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;}.date-item{display:flex;flex-direction:column;gap:4px;}.date-label{color:#999;}.date-value{color:var(--ink);font-weight:600;}.subscription-benefits{margin-top:16px;padding-top:16px;border-top:1px solid rgba(100,70,158,0.2);}.benefits-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;}.benefit-list{display:flex;flex-direction:column;gap:6px;}.benefit-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-secondary);}.benefit-item::before{content:"✓";color:var(--obang-cheong,#4CAF50);font-weight:700;}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,var(--ja-primary,#64469E),var(--ja-dark,#3C2864));color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,70,158,0.3);}.btn-secondary{width:100%;padding:12px;background:transparent;color:var(--ja-primary,#64469E);border:1px solid var(--ja-primary,#64469E);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-secondary:hover{background:rgba(100,70,158,0.1);}.btn-danger{width:100%;padding:12px;background:var(--obang-jeok,#dc3545);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-danger:hover{background:var(--obang-jeok-dark,#c82333);transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,0.3);}.quick-menu-container{margin-top:20px;margin-bottom:20px;padding:0;background:transparent !important;}.quick-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.quick-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 8px;background:var(--card);border:none;border-radius:16px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);position:relative;overflow:hidden;}.quick-menu-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0));opacity:0;transition:opacity 0.25s;}.quick-menu-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}.quick-menu-btn:hover::before{opacity:1;}.quick-menu-btn:active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);}.quick-menu-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--gold),#c9a227);color:white;box-shadow:0 4px 12px rgba(184,134,11,0.3);}.quick-menu-btn:nth-child(1) .quick-menu-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,0.3);}.quick-menu-btn:nth-child(2) .quick-menu-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px rgba(34,197,94,0.3);}.quick-menu-btn:nth-child(3) .quick-menu-icon{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px rgba(249,115,22,0.3);}.quick-menu-btn:nth-child(4) .quick-menu-icon{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 4px 12px rgba(234,179,8,0.3);}.quick-menu-text{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-0.3px;}.service-cards-container{display:flex;flex-direction:column;gap:16px;margin-top:24px;}.service-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card);border-radius:20px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1px solid transparent;}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.1);border-color:var(--gold);}.service-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}.service-card-icon.purple{background:linear-gradient(135deg,#a855f7,#9333ea);color:white;}.service-card-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;}.service-card-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777);color:white;}.service-card-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:white;}.service-card-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c);color:white;}.service-card-content{flex:1;}.service-card-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px;}.service-card-desc{font-size:13px;color:var(--muted);line-height:1.4;}.service-card-arrow{font-size:18px;color:var(--muted);transition:transform 0.2s;}.service-card:hover .service-card-arrow{transform:translateX(4px);color:var(--gold);}.banner-card{position:relative;padding:24px;border-radius:20px;overflow:hidden;margin-bottom:20px;cursor:pointer;transition:transform 0.25s;}.banner-card:hover{transform:scale(1.02);}.banner-card.gradient-purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}.banner-card.gradient-gold{background:linear-gradient(135deg,#d4a574 0%,#b8860b 100%);color:white;}.banner-card.gradient-blue{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:white;}.banner-card-title{font-size:18px;font-weight:700;margin-bottom:6px;}.banner-card-desc{font-size:14px;opacity:0.9;}.banner-card-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:48px;opacity:0.3;}#menu-section{padding:20px 16px;padding-bottom:100px;min-height:100vh;background:var(--bg);}.menu-section-container{max-width:600px;margin:0 auto;}.menu-section-header{text-align:center;margin-bottom:24px;padding-top:10px;}.menu-section-title{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 6px 0;}.menu-section-subtitle{font-size:14px;color:var(--muted);margin:0;}#menu-section .quick-menu-grid{gap:10px;}#menu-section .quick-menu-btn{padding:16px 8px;}#menu-section .quick-menu-icon{width:52px;height:52px;font-size:22px;font-weight:700;}#menu-section .quick-menu-text{font-size:12px;}#menu-section .coin-oracle-cta{isolation:isolate;}#menu-section .coin-oracle-cta::after{content:'';position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.35),rgba(255,255,255,0));opacity:0;transform:translateX(-20%);animation:coinSheen 4.8s ease-in-out infinite;pointer-events:none;}#menu-section .coin-oracle-cta .quick-menu-icon{position:relative;animation:coinFloat 3.6s ease-in-out infinite,coinGlow 2.8s ease-in-out infinite;box-shadow:0 6px 16px rgba(184,134,11,0.35);}#menu-section .coin-oracle-cta .quick-menu-icon::after{content:'';position:absolute;inset:-6px;border-radius:16px;border:1px solid rgba(255,219,128,0.35);opacity:0.6;animation:coinRing 2.8s ease-in-out infinite;pointer-events:none;}#menu-section .coin-oracle-cta:hover .quick-menu-icon{transform:translateY(-6px) rotate(-2deg) scale(1.02);}@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(-1deg);}50%{transform:translateY(-4px) rotate(1deg);}}@keyframes coinGlow{0%,100%{box-shadow:0 6px 16px rgba(184,134,11,0.35);}50%{box-shadow:0 10px 22px rgba(212,165,116,0.55);}}@keyframes coinRing{0%,100%{opacity:0.35;transform:scale(1);}50%{opacity:0.75;transform:scale(1.06);}}@keyframes coinSheen{0%,100%{opacity:0;transform:translateX(-20%);}45%,55%{opacity:0.5;transform:translateX(20%);}}@media (max-width:480px){.quick-menu-grid{gap:8px;}.quick-menu-btn{padding:14px 6px;gap:8px;border-radius:14px;}.quick-menu-icon{width:42px;height:42px;font-size:20px;border-radius:12px;}.quick-menu-text{font-size:11px;letter-spacing:-0.5px;}.service-card{gap:12px;padding:14px;}.service-card-icon{width:44px;height:44px;font-size:22px;border-radius:12px;}.service-card-title{font-size:14px;margin-bottom:2px;}.service-card-desc{font-size:11px;}.banner-card{padding:18px;border-radius:16px;}.banner-card-title{font-size:16px;}.banner-card-desc{font-size:12px;}.banner-card-icon{font-size:40px;right:16px;}}@media (max-width:375px){#menu-section .quick-menu-grid{gap:8px;}#menu-section .quick-menu-btn{padding:12px 4px;}#menu-section .quick-menu-icon{width:44px;height:44px;font-size:18px;}#menu-section .quick-menu-text{font-size:11px;}}.header-points{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--card);border-radius:20px;border:1px solid var(--line);}.points-balance{text-align:center;padding:24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:16px 0;color:white;}.points-tabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid var(--line);}.points-tab{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.points-tab.active{color:var(--gold);border-bottom-color:var(--gold);}.points-tab:hover{color:var(--ink);}.points-content{max-height:400px;overflow-y:auto;}.points-history-list{display:flex;flex-direction:column;gap:12px;}.point-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:12px;transition:all 0.2s ease;}.point-item:hover{background:var(--card);transform:translateX(4px);}.point-info{flex:1;}.point-reason{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;}.point-date{font-size:12px;color:var(--muted);}.point-amount{font-size:18px;font-weight:700;}.point-amount.positive{color:#10b981;}.point-amount.negative{color:#ef4444;}.missions-list{display:flex;flex-direction:column;gap:16px;}.mission-item{padding:16px;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--gold);}.mission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}.mission-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px;}.mission-type-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;}.mission-type-badge.daily{background:#dbeafe;color:#1e40af;}.mission-type-badge.weekly{background:#d1fae5;color:#065f46;}.mission-type-badge.onetime{background:#fef3c7;color:#92400e;}.mission-type-badge.special{background:#fce7f3;color:#9f1239;}.mission-description{font-size:13px;color:var(--muted);margin-bottom:12px;}.mission-progress{margin-bottom:12px;}.mission-progress-bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:4px;}.mission-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width 0.3s ease;}.mission-progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);}.mission-footer{display:flex;justify-content:space-between;align-items:center;}.mission-reward{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#f59e0b;}.mission-btn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.mission-btn.claim{background:var(--gold);color:white;}.mission-btn.claim:hover{background:#d97706;transform:scale(1.05);}.mission-btn.claimed{background:var(--line);color:var(--muted);cursor:not-allowed;}.mission-btn.in-progress{background:transparent;border:1px solid var(--line);color:var(--muted);cursor:not-allowed;}.empty-state{text-align:center;padding:48px 24px;color:var(--muted);font-size:14px;}.fab{box-shadow:0 8px 20px rgba(255,215,0,0.4) !important;animation:pulse-gold 2s ease-in-out infinite;}@keyframes pulse-gold{0%,100%{box-shadow:0 8px 20px rgba(255,215,0,0.4);}50%{box-shadow:0 8px 32px rgba(255,215,0,0.7);}}.ziwei-palace-grid{--ziwei-ink:#ffffff;--ziwei-ink-secondary:#e8e8f8;--ziwei-ink-dim:#d0d0e8;}.ziwei-palace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-tertiary);padding:8px;border-radius:12px;border:2px solid var(--line);}.ziwei-palace-cell{min-height:140px;background:rgba(20,20,40,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:8px;font-size:10px;display:flex;flex-direction:column;overflow:hidden;}.ziwei-palace-header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--bg-secondary,#f8f8f8);border-bottom:1px solid var(--line,#e0e0e0);flex-wrap:nowrap;min-height:26px;}.ziwei-palace-header-left{display:flex;align-items:center;gap:4px;flex-shrink:1;min-width:0;overflow:hidden;}.ziwei-palace-name{font-size:12px;font-weight:800;color:var(--ziwei-ink,var(--ink));padding:2px 4px;border-radius:4px;background:rgba(128,128,128,0.15);white-space:nowrap;}.ziwei-palace-name.is-fate{color:var(--gold,#c9a227);background:rgba(201,162,39,0.15);border-bottom:2px solid var(--gold,#c9a227);}.ziwei-palace-name.is-body{color:var(--color-su,#7a9ec2);background:rgba(122,158,194,0.15);border-bottom:2px solid var(--color-su,#7a9ec2);}.ziwei-palace-badge{font-size:8px;color:white;padding:1px 3px;border-radius:3px;font-weight:700;flex-shrink:0;}.ziwei-palace-badge.fate{background:var(--color-hwa);}.ziwei-palace-badge.body{background:var(--color-su);}.ziwei-palace-ganzhi{font-size:12px;color:var(--ziwei-ink-secondary,var(--ink-secondary));font-weight:700;white-space:nowrap;flex-shrink:0;}.ziwei-palace-stars{padding:4px 6px;flex-grow:1;position:relative;}.ziwei-stars-content{width:100%;}.ziwei-palace-age{position:absolute;top:3px;right:4px;color:var(--color-hwa);font-weight:700;font-size:11px;white-space:nowrap;padding:2px 4px;background:rgba(var(--color-hwa-rgb),0.15);border-radius:4px;}.ziwei-palace-footer{margin-top:auto;padding:3px 6px;background:rgba(128,128,128,0.04);border-top:1px solid var(--line);}.ziwei-palace-ages{display:flex;gap:8px;font-size:10px;line-height:1.4;color:var(--ziwei-ink-dim,var(--muted));font-weight:600;}.ziwei-palace-ages .yearly{color:var(--ziwei-ink-dim,var(--ink-secondary));}.ziwei-palace-ages .small-limit{color:var(--ziwei-ink-dim,var(--ink-secondary));opacity:0.85;}.ziwei-major-stars{font-size:15px;font-weight:800;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;padding-right:30px;color:var(--ziwei-ink,var(--ink));text-shadow:0 1px 3px rgba(0,0,0,0.5);}.ziwei-major-stars > span{display:inline;white-space:nowrap;margin-right:5px;}.ziwei-minor-stars{font-size:11px;margin-top:4px;line-height:1.5;color:var(--ziwei-ink-secondary,var(--ink-secondary));font-weight:600;word-break:keep-all;overflow-wrap:break-word;padding-right:30px;text-shadow:0 1px 2px rgba(0,0,0,0.4);}.ziwei-minor-stars > span{display:inline;white-space:nowrap;margin-right:3px;}.ziwei-palace-adj{padding:3px 6px;border-top:1px dashed var(--line);color:var(--ziwei-ink-dim,var(--muted));font-size:10px;line-height:1.4;font-weight:500;}.ziwei-center-cell{grid-column:span 2;padding:10px;background:var(--card,#ffffff);border:1px solid var(--line,#d0d0d0);border-radius:8px;text-align:center;}.ziwei-center-title{font-size:11px;color:var(--ink-secondary,#555);margin-bottom:6px;font-weight:700;letter-spacing:2px;}.ziwei-saju-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:12px;font-weight:700;}.ziwei-saju-pillar{background:var(--bg-secondary,#f8f8f8);padding:5px 3px;border-radius:6px;border:1px solid var(--line,#e0e0e0);}.ziwei-saju-pillar-label{font-size:10px;color:var(--ink-secondary,#555);margin-bottom:2px;}.ziwei-saju-pillar-value{font-size:13px;color:var(--ink,#1a1a1a);}.ziwei-center-info{display:flex;justify-content:space-around;margin-bottom:6px;}.ziwei-info-box{background:var(--bg-secondary,#f8f8f8);padding:5px 10px;border-radius:6px;text-align:center;border:1px solid var(--line,#e0e0e0);}.ziwei-info-label{font-size:10px;color:var(--ink-secondary);}.ziwei-info-value{font-size:13px;font-weight:700;color:var(--ink,#1a1a1a);}@media (max-width:480px){.ziwei-palace-grid{gap:3px;padding:6px;}.ziwei-palace-cell{min-height:120px;}.ziwei-palace-header{padding:3px 4px;min-height:22px;}.ziwei-palace-name{font-size:10px;padding:1px 3px;}.ziwei-palace-badge{font-size:7px;padding:1px 2px;}.ziwei-palace-ganzhi{font-size:10px;}.ziwei-palace-stars{padding:3px 4px;}.ziwei-palace-age{font-size:10px;padding:1px 3px;}.ziwei-palace-footer{padding:2px 4px;}.ziwei-palace-ages{font-size:9px;gap:6px;}.ziwei-major-stars{font-size:13px;line-height:1.4;padding-right:26px;}.ziwei-major-stars > span{margin-right:3px;}.ziwei-minor-stars{font-size:10px;padding-right:26px;}.ziwei-minor-stars > span{margin-right:2px;}.ziwei-palace-adj{font-size:9px;padding:2px 4px;}.ziwei-center-cell{padding:8px;}.ziwei-center-title{font-size:10px;letter-spacing:1px;}.ziwei-saju-grid{gap:3px;}.ziwei-saju-pillar{padding:4px 2px;}.ziwei-saju-pillar-label{font-size:9px;}.ziwei-saju-pillar-value{font-size:11px;}.ziwei-info-box{padding:4px 7px;}.ziwei-info-label{font-size:9px;}.ziwei-info-value{font-size:12px;}}@media (max-width:375px){.ziwei-palace-cell{min-height:100px;}.ziwei-palace-header{padding:2px 3px;min-height:20px;}.ziwei-palace-name{font-size:9px;}.ziwei-palace-ganzhi{font-size:9px;}.ziwei-palace-stars{padding:2px 3px;}.ziwei-palace-age{font-size:9px;padding:1px 2px;}.ziwei-palace-footer{padding:1px 3px;}.ziwei-palace-ages{font-size:8px;display:none;}.ziwei-major-stars{font-size:12px;padding-right:22px;}.ziwei-major-stars > span{margin-right:2px;}.ziwei-minor-stars{font-size:9px;padding-right:22px;}.ziwei-minor-stars > span{margin-right:1px;}.ziwei-palace-adj{display:none;}.ziwei-saju-pillar-value{font-size:10px;}}.combo-section-title{font-size:15px;font-weight:700;color:var(--ja-primary,#a855f7);margin:20px 0 8px 0;padding-bottom:6px;border-bottom:1px solid rgba(168,85,247,0.2);}.combo-section-title:first-child{margin-top:0;}.ziwei-palace-cell.is-fate{background:var(--gold-light);border:2px solid var(--gold);box-shadow:0 2px 10px rgba(var(--color-to-rgb),0.25);}.ziwei-palace-cell.is-body{background:rgba(var(--color-su-rgb),0.12);border:2px solid var(--color-su);box-shadow:0 2px 10px rgba(var(--color-su-rgb),0.25);}.ziwei-palace-cell.is-fate .ziwei-palace-header{background:rgba(var(--color-to-rgb),0.2);}.ziwei-palace-cell.is-body .ziwei-palace-header{background:rgba(var(--color-su-rgb),0.15);}.ziwei-beginner-hero{margin-bottom:14px;padding:18px;background:linear-gradient(135deg,var(--gold-light) 0%,rgba(var(--color-to-rgb),0.18) 50%,var(--gold-light) 100%);border:2px solid var(--gold);border-radius:14px;text-align:center;box-shadow:0 4px 16px rgba(var(--color-to-rgb),0.2);}.ziwei-beginner-hero-label{font-size:12px;color:var(--accent);margin-bottom:6px;letter-spacing:1px;font-weight:600;}.ziwei-beginner-hero-stars{font-size:24px;font-weight:800;color:var(--gold);margin-bottom:8px;}.ziwei-beginner-hero-type{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;}.ziwei-beginner-hero-badge{font-size:13px;color:#ffffff;font-weight:600;padding:4px 12px;background:linear-gradient(135deg,var(--gold),var(--accent));border-radius:16px;}.ziwei-beginner-hero-keyword{font-size:13px;color:var(--muted);font-style:italic;}.ziwei-beginner-hero-traits{margin-top:10px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;}.ziwei-beginner-hero-trait{font-size:11px;padding:3px 8px;background:var(--gold-light);color:var(--gold);border-radius:10px;font-weight:600;}.ziwei-palace-grid .ziwei-palace-cell .ziwei-major-stars{line-height:1.6;}.ziwei-beginner-core{grid-column:span 2;padding:14px;background:linear-gradient(135deg,var(--card),var(--bg-secondary));border:1.5px solid var(--line);border-radius:10px;text-align:center;}.ziwei-beginner-core-label{font-size:11px;color:var(--muted);margin-bottom:5px;font-weight:600;}.ziwei-beginner-core-keyword{font-size:16px;color:var(--ink);font-weight:800;margin-bottom:6px;}.ziwei-beginner-core-desc{font-size:12px;color:var(--ink-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.ziwei-beginner-core-tags{margin-top:8px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;}.ziwei-beginner-core-tag{font-size:10px;padding:3px 7px;background:rgba(var(--color-mok-rgb),0.15);color:var(--color-mok);border-radius:8px;font-weight:600;}.ziwei-beginner-sambang{grid-column:span 2;padding:12px;background:linear-gradient(135deg,rgba(var(--color-su-rgb),0.1),rgba(var(--color-su-rgb),0.15));border:1.5px solid var(--color-su);border-radius:10px;}.ziwei-beginner-sambang-label{font-size:11px;color:var(--color-su);margin-bottom:8px;font-weight:700;text-align:center;}.ziwei-beginner-sambang-item{margin-bottom:4px;font-size:11px;}.ziwei-beginner-sambang-palace{color:var(--color-su);font-weight:700;}.ziwei-beginner-sambang-stars{color:var(--ink);font-weight:800;margin-left:6px;font-size:12px;}@media (max-width:480px){.ziwei-beginner-hero{padding:14px;margin-bottom:12px;}.ziwei-beginner-hero-label{font-size:11px;}.ziwei-beginner-hero-stars{font-size:20px;margin-bottom:6px;}.ziwei-beginner-hero-badge{font-size:12px;padding:3px 10px;}.ziwei-beginner-hero-keyword{font-size:12px;}.ziwei-beginner-hero-traits{margin-top:8px;gap:4px;}.ziwei-beginner-hero-trait{font-size:10px;padding:2px 6px;}.ziwei-beginner-core{padding:10px;}.ziwei-beginner-core-label{font-size:10px;}.ziwei-beginner-core-keyword{font-size:14px;}.ziwei-beginner-core-desc{font-size:11px;-webkit-line-clamp:4;}.ziwei-beginner-core-tag{font-size:9px;padding:2px 5px;}.ziwei-beginner-sambang{padding:10px;}.ziwei-beginner-sambang-label{font-size:10px;margin-bottom:6px;}.ziwei-beginner-sambang-item{font-size:10px;}}@media (max-width:375px){.ziwei-beginner-hero{padding:10px;margin-bottom:8px;}.ziwei-beginner-hero-stars{font-size:18px;}.ziwei-beginner-hero-badge{font-size:11px;}.ziwei-beginner-hero-traits{display:none;}.ziwei-beginner-core-desc{-webkit-line-clamp:3;}.ziwei-beginner-core-tags{display:none;}}#daeun-section{background:linear-gradient(135deg,rgba(212,175,55,0.15) 0%,rgba(212,175,55,0.05) 100%);border-radius:14px 14px 0 0;margin:0 8px;padding:16px 8px;border-bottom:3px solid var(--gold) !important;}#daeun-section .fortune-section-title{color:#fbbf24;font-size:15px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,0.5);}#yeonun-section{background:linear-gradient(135deg,rgba(46,125,70,0.12) 0%,rgba(46,125,70,0.04) 100%);margin:0 8px;padding:16px 8px;border-bottom:3px solid #2d7d46 !important;}#yeonun-section .fortune-section-title{color:#4ade80;font-size:15px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,0.5);}#wolun-section{background:linear-gradient(135deg,rgba(44,62,80,0.12) 0%,rgba(44,62,80,0.04) 100%);border-radius:0 0 14px 14px;margin:0 8px;padding:16px 8px;border-bottom:none !important;}#wolun-section .fortune-section-title{color:#60a5fa;font-size:15px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,0.5);}.calendar-section .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:2px;min-width:auto;}.calendar-section .calendar-day{height:68px;min-height:68px;max-height:68px;padding:4px;border-radius:6px;font-size:10px;overflow:hidden;box-sizing:border-box;position:relative;}.calendar-section .calendar-day.empty{height:68px;min-height:68px;max-height:68px;visibility:visible;background:transparent;border:none;}.calendar-section .calendar-day-num{font-size:13px;font-weight:700;line-height:1;margin-bottom:1px;}.calendar-section .calendar-day-ganzi{font-size:12px;font-weight:600;line-height:1.1;margin-bottom:0;white-space:nowrap;}.calendar-section .calendar-day-ganzi .ji{font-size:10px;}.calendar-section .calendar-day-lunar{font-size:9px;line-height:1;position:absolute;bottom:3px;left:4px;}.calendar-section .calendar-day-special{font-size:9px;line-height:1;margin:1px 0 0;color:#c41e3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.calendar-section .calendar-day-time{font-size:8px;line-height:1;margin:0;}@media (max-width:480px){.calendar-section .calendar-day,.calendar-section .calendar-day.empty{height:62px;min-height:62px;max-height:62px;padding:3px;}.calendar-section .calendar-day-num{font-size:11px;}.calendar-section .calendar-day-ganzi{font-size:10px;}.calendar-section .calendar-day-lunar{font-size:8px;}.calendar-section .calendar-day-special{font-size:7px;}}@keyframes skeleton-pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes skeleton-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes skeleton-fade-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.skeleton{background:var(--bg-secondary,#e5e5e5);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite;}.skeleton-rounded{border-radius:50%;}.skeleton-text{height:16px;border-radius:4px;}.skeleton-title{height:24px;border-radius:4px;}.skeleton-content-card{background:var(--card,#fff);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);}.skeleton-content-card .skeleton-image{width:100%;height:160px;border-radius:0;}.skeleton-content-card .skeleton-body{padding:16px;}.skeleton-content-card .skeleton-label{width:60px;height:12px;margin-bottom:8px;}.skeleton-content-card .skeleton-card-title{width:75%;height:20px;margin-bottom:8px;}.skeleton-content-card .skeleton-desc{width:100%;height:16px;margin-bottom:12px;}.skeleton-content-card .skeleton-meta{display:flex;gap:12px;}.skeleton-content-card .skeleton-meta-item{width:50px;height:14px;}.skeleton-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;}@media (min-width:768px){.skeleton-content-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1024px){.skeleton-content-grid{grid-template-columns:repeat(4,1fr);}}.skeleton-list-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card,#fff);border-radius:12px;margin-bottom:12px;}.skeleton-list-item .skeleton-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0;}.skeleton-list-item .skeleton-content{flex:1;}.skeleton-list-item .skeleton-item-title{width:60%;height:16px;margin-bottom:8px;}.skeleton-list-item .skeleton-item-desc{width:80%;height:14px;}.skeleton-list-item .skeleton-action{width:64px;height:32px;border-radius:8px;}.skeleton-profile-card{background:var(--card,#fff);border-radius:16px;padding:20px;margin-bottom:20px;}.skeleton-profile-card .skeleton-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;}.skeleton-profile-card .skeleton-avatar{width:64px;height:64px;border-radius:50%;}.skeleton-profile-card .skeleton-info{flex:1;}.skeleton-profile-card .skeleton-name{width:100px;height:20px;margin-bottom:8px;}.skeleton-profile-card .skeleton-bio{width:150px;height:14px;}.skeleton-profile-card .skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.skeleton-profile-card .skeleton-stat{text-align:center;padding:12px;background:var(--bg-secondary,#f5f5f5);border-radius:12px;}.skeleton-profile-card .skeleton-stat-value{width:40px;height:24px;margin:0 auto 8px;}.skeleton-profile-card .skeleton-stat-label{width:50px;height:12px;margin:0 auto;}.skeleton-saju-result{padding:20px;}.skeleton-saju-result .skeleton-section{background:var(--card,#fff);border-radius:16px;padding:20px;margin-bottom:16px;}.skeleton-saju-result .skeleton-section-title{width:120px;height:20px;margin-bottom:16px;}.skeleton-saju-result .skeleton-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}.skeleton-saju-result .skeleton-pillar{text-align:center;padding:16px 8px;background:var(--bg-secondary,#f5f5f5);border-radius:12px;}.skeleton-saju-result .skeleton-pillar-label{width:30px;height:12px;margin:0 auto 12px;}.skeleton-saju-result .skeleton-stem,.skeleton-saju-result .skeleton-branch{width:32px;height:32px;margin:0 auto 8px;border-radius:8px;}.skeleton-saju-result .skeleton-paragraph{width:100%;height:16px;margin-bottom:12px;}.skeleton-saju-result .skeleton-paragraph:last-child{width:70%;}.skeleton-fullpage-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg,#fff);z-index:9999;}.skeleton-fullpage-loader .loader-spinner{position:relative;width:64px;height:64px;}.skeleton-fullpage-loader .loader-ring{position:absolute;width:100%;height:100%;border:4px solid var(--bg-secondary,#e5e5e5);border-top-color:var(--accent,#1e3a8a);border-radius:50%;animation:skeleton-spin 1s linear infinite;}.skeleton-fullpage-loader .loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;}.skeleton-fullpage-loader .loader-text{margin-top:20px;font-size:15px;color:var(--muted,#888);animation:skeleton-pulse 1.5s ease-in-out infinite;}.skeleton-inline-loader{display:inline-flex;align-items:center;gap:8px;padding:16px 0;}.skeleton-inline-loader .loader-spinner{width:20px;height:20px;border:2px solid var(--bg-secondary,#e5e5e5);border-top-color:var(--accent,#1e3a8a);border-radius:50%;animation:skeleton-spin 0.8s linear infinite;}.skeleton-inline-loader .loader-text{font-size:14px;color:var(--muted,#888);}.btn-loading{position:relative;pointer-events:none;opacity:0.7;}.btn-loading .btn-text{visibility:hidden;}.btn-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:skeleton-spin 0.8s linear infinite;}.skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(2px);}.skeleton-horizontal-scroll{display:flex;gap:12px;padding:0 16px;overflow-x:hidden;}.skeleton-horizontal-scroll .skeleton-card{flex-shrink:0;width:140px;}.skeleton-horizontal-scroll .skeleton-card-image{width:140px;height:180px;border-radius:12px;margin-bottom:8px;}.skeleton-horizontal-scroll .skeleton-card-title{width:100px;height:14px;margin-bottom:6px;}.skeleton-horizontal-scroll .skeleton-card-price{width:60px;height:12px;}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card,#fff);border-top:1px solid var(--line,#eee);z-index:1001;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 10px rgba(0,0,0,0.05);}.bottom-nav-items{display:flex;align-items:center;justify-content:space-around;height:64px;}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:64px;height:100%;padding:8px 4px;background:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--muted,#888);transition:all 0.2s ease;-webkit-tap-highlight-color:transparent;}.bottom-nav-item:hover{color:var(--ink,#333);}.bottom-nav-item.active{color:var(--accent,#1e3a8a);}.bottom-nav-icon{font-size:24px;line-height:1;margin-bottom:4px;transition:transform 0.2s ease;}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1);}.bottom-nav-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;}.bottom-nav-item.active .bottom-nav-icon svg{stroke-width:2;}.bottom-nav-label{font-size:10px;font-weight:500;line-height:1;white-space:nowrap;}.bottom-nav-item.active .bottom-nav-label{font-weight:600;}.bottom-nav-item.center-button{position:relative;}.bottom-nav-item.center-button .bottom-nav-icon{width:52px;height:52px;margin-top:-20px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent,#1e3a8a),#3b82f6);border-radius:50%;color:white;font-size:26px;box-shadow:0 4px 15px rgba(30,58,138,0.4);transition:all 0.3s ease;}.bottom-nav-item.center-button:hover .bottom-nav-icon{transform:scale(1.05);box-shadow:0 6px 20px rgba(30,58,138,0.5);}.bottom-nav-item.center-button.active .bottom-nav-icon{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 4px 20px rgba(30,58,138,0.5),0 0 0 4px rgba(59,130,246,0.2);}.bottom-nav-item.center-button .bottom-nav-label{margin-top:0;}.bottom-nav-item .nav-badge{position:absolute;top:6px;right:calc(50% - 20px);min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:white;font-size:10px;font-weight:700;line-height:18px;text-align:center;border-radius:9px;transform:scale(0);transition:transform 0.2s ease;}.bottom-nav-item .nav-badge.show{transform:scale(1);}.bottom-nav-item::after{content:'';position:absolute;bottom:8px;left:50%;width:0;height:3px;background:var(--accent,#1e3a8a);border-radius:2px;transform:translateX(-50%);transition:width 0.2s ease;}.bottom-nav-item.active:not(.center-button)::after{width:20px;}.bottom-nav-item:active{transform:scale(0.95);}.bottom-nav-item.center-button:active{transform:scale(0.98);}.bottom-nav-item.center-button:active .bottom-nav-icon{transform:scale(0.95);}@media (min-width:768px){.bottom-nav{max-width:640px;left:50%;transform:translateX(-50%);border-radius:24px 24px 0 0;}}@media (max-width:768px) and (orientation:landscape){.bottom-nav-items{height:52px;}.bottom-nav-item.center-button .bottom-nav-icon{width:44px;height:44px;margin-top:-14px;font-size:22px;}body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0));}}body.hide-bottom-nav .bottom-nav{display:none !important;}body.hide-bottom-nav{padding-bottom:0 !important;}@media (max-width:768px){.profile-stats{flex-direction:column;}.attendance-btn{width:100%;}.form-row{grid-template-columns:1fr;}.subscription-dates{grid-template-columns:1fr;}.quick-menu-grid{grid-template-columns:repeat(4,1fr);gap:8px;}.quick-menu-btn{padding:14px 4px;}.quick-menu-icon{width:40px;height:40px;font-size:14px;border-radius:12px;}.quick-menu-text{font-size:11px;}.service-card{padding:16px;}.service-card-icon{width:48px;height:48px;font-size:24px;}.service-card-title{font-size:15px;}.service-card-desc{font-size:12px;}}@media (max-width:768px){button,.btn,.header-btn,.quick-menu-btn,.analysis-btn{min-height:44px;min-width:44px;padding:12px 16px;font-size:15px;}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="time"],select,textarea{min-height:44px;padding:12px;font-size:16px !important;border-radius:var(--radius-sm);}a{min-height:44px;display:inline-flex;align-items:center;}.quick-menu-btn{min-height:60px;min-width:60px;padding:12px;}.quick-menu-icon{width:40px;height:40px;font-size:20px;line-height:40px;}.quick-menu-text,.quick-menu-label{font-size:13px;margin-top:6px;}.header{padding:12px 16px;min-height:56px;}.header-btn{width:44px;height:44px;font-size:20px;}.input-field,.result-card{padding:16px;}html{scroll-padding-bottom:80px;}}@media (max-width:768px) and (orientation:landscape){.bottom-nav{padding:4px 0;padding-bottom:max(4px,var(--safe-bottom));}.bottom-nav-item{flex-direction:row;gap:8px;min-height:48px;}.bottom-nav-icon{font-size:18px;}.bottom-nav-label{font-size:12px;}.main{padding-bottom:60px;}}@media all and (display-mode:standalone){.header{padding-top:max(12px,env(safe-area-inset-top));}.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));}#pwa-install-btn{display:none !important;}}@supports (-webkit-touch-callout:none){*{-webkit-tap-highlight-color:rgba(139,26,26,0.1);}button,input[type="button"],input[type="submit"]{-webkit-appearance:none;appearance:none;}::selection{background-color:var(--accent-light);color:var(--ink);}}@media (max-width:480px){.bottom-nav-label{font-size:10px;}.bottom-nav-icon{font-size:20px;}.header-title{font-size:18px;}.input-field{margin-bottom:16px;}.input-label{font-size:13px;margin-bottom:6px;}.result-card{padding:14px;margin-bottom:14px;}}@media (max-width:375px){.bottom-nav-item{padding:6px 4px;min-height:52px;}.bottom-nav-icon{font-size:18px;}.bottom-nav-label{font-size:9px;}button,.btn{padding:10px 14px;font-size:14px;}}.pwa-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;}.pwa-loading-spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.offline-badge{position:fixed;top:10px;left:50%;transform:translateX(-50%);background:var(--danger);color:white;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10002;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.update-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent),var(--gold));color:white;padding:12px 20px;border-radius:25px;font-size:13px;font-weight:600;z-index:9998;box-shadow:0 4px 12px rgba(0,0,0,0.2);cursor:pointer;animation:slideUp 0.4s ease;display:flex;align-items:center;gap:8px;}@media (max-width:768px){@supports (padding:max(0px)){.header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));}.bottom-nav{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));}.main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));}}}@media (max-width:768px){::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--muted);}}@media all and (display-mode:standalone){body{overscroll-behavior-y:contain;}}@media (max-width:768px){button,a,.clickable{touch-action:manipulation;}img,a{-webkit-user-drag:none;user-select:none;}p,span,div{user-select:text;-webkit-user-select:text;}}@media (max-width:768px){*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}button:focus-visible,a:focus-visible{outline-color:var(--accent);}}.profile-card{background:rgba(26,26,46,0.8);border:1px solid rgba(255,215,0,0.2);}.analyze-btn{box-shadow:0 0 20px rgba(255,215,0,0.4);}.attendance-card{background:var(--card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);border:1px solid var(--line);}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.attendance-title{font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}.attendance-streak{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-hwa);font-weight:600;}.attendance-streak-fire{animation:flamePulse 1s infinite alternate;}@keyframes flamePulse{from{transform:scale(1);}to{transform:scale(1.2);}}.attendance-days{display:flex;justify-content:space-between;gap:4px;}.attendance-day{flex:1;text-align:center;padding:10px 4px;border-radius:var(--radius-sm);background:var(--bg-secondary);transition:all 0.3s;}.attendance-day.checked{background:var(--gold);color:#fff;}.attendance-day.today{border:2px solid var(--gold);}.attendance-day-label{font-size:10px;margin-bottom:4px;opacity:0.7;}.attendance-day-icon{font-size:18px;}.attendance-reward{margin-top:12px;padding:10px;background:linear-gradient(135deg,rgba(201,162,39,0.1),rgba(201,162,39,0.05));border-radius:var(--radius-sm);text-align:center;font-size:12px;color:var(--gold);}.main-banner{background:linear-gradient(135deg,var(--accent) 0%,var(--gold) 100%);border-radius:var(--radius);padding:48px 32px;margin-bottom:32px;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}.main-banner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:banner-shimmer 8s ease-in-out infinite;}@keyframes banner-shimmer{0%,100%{transform:translate(0,0);}50%{transform:translate(30px,30px);}}.banner-content{position:relative;z-index:1;}.banner-title{font-size:32px;font-weight:700;color:var(--card);margin:0 0 12px 0;text-shadow:0 2px 8px rgba(0,0,0,0.2);}.banner-subtitle{font-size:16px;color:rgba(255,255,255,0.95);margin:0;font-weight:400;}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;}.section-title{font-size:22px;font-weight:700;color:var(--ink);margin:0;flex:1;}.header-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:var(--ink);cursor:pointer;transition:all 0.2s ease;flex-shrink:0;}.header-share-btn:hover{background:rgba(118,75,162,0.2);border-color:rgba(118,75,162,0.4);}.header-share-btn:active{transform:scale(0.95);}.section-subtitle{font-size:14px;color:var(--muted);font-weight:400;}.popular-section{margin-bottom:40px;}.popular-queries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}.popular-query-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;}.popular-query-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent);}.popular-query-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),var(--gold));opacity:0;transition:opacity 0.3s ease;}.popular-query-card:hover::before{opacity:1;}.query-rank{position:absolute;top:12px;right:12px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.query-text{font-size:16px;font-weight:500;color:var(--ink);margin:0 0 12px 0;padding-right:36px;line-height:1.5;}.query-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);}.query-stat{display:flex;align-items:center;gap:4px;}.query-stat-icon{font-size:14px;}.quick-menu-section{margin-bottom:40px;}.quick-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;}.quick-menu-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px 16px;text-align:center;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;}.quick-menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent);background:var(--accent-light);}.quick-menu-card .material-icons{font-size:36px;line-height:1;}.quick-menu-card .quick-menu-text{font-size:15px;font-weight:600;color:var(--ink);margin:0;}.loading-spinner{text-align:center;padding:40px;color:var(--muted);font-size:14px;}#home-section,#input-section{animation:fadeIn 0.4s ease-in-out;}.popular-query-card,.quick-menu-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,0.1);}.popular-query-card:hover,.quick-menu-card:hover{background:rgba(255,215,0,0.15);border-color:var(--accent);}@media (max-width:768px){.header-points{font-size:14px;padding:4px 10px;}.points-balance{padding:20px;}.mission-item{padding:14px;}.points-content{max-height:60vh;}.main-banner{padding:32px 20px;margin-bottom:24px;}.banner-title{font-size:24px;}.banner-subtitle{font-size:14px;}.section-title{font-size:18px;}.popular-queries-grid{grid-template-columns:1fr;gap:12px;}.quick-menu-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.quick-menu-card{padding:20px 12px;}.quick-menu-icon{font-size:32px;}.quick-menu-text{font-size:14px;}}.error-toast{font-size:14px;font-weight:500;line-height:1.4;}@keyframes toastFadeIn{from{opacity:0;transform:translateX(-50%) translateY(20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}