.post-stats{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#999}.post-stats.loading{opacity:.6}.post-stat-item{display:inline-flex;align-items:center;gap:4px;color:#999;font-size:13px;background:none;padding:0;border:none;border-radius:0}.post-stat-item.post-stat-clickable{cursor:pointer;transition:all .2s ease}.post-stat-item.post-stat-clickable:hover{color:#333;transform:translateY(-1px)}.post-stat-item.post-stat-clickable:hover .stat-count{color:#333}.post-stat-item .stat-icon{font-size:14px}.post-stat-item .stat-count{font-weight:400;color:#999;font-size:13px}.stats-skeleton{font-size:13px;color:#ddd}@media (max-width: 480px){.post-stats{gap:12px;font-size:13px}.post-stat-item{gap:4px}.post-stat-item .stat-icon{font-size:15px}.post-stat-item .stat-count{font-size:13px}}.like-button{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border:2px solid #e0e0e0;border-radius:30px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;-webkit-user-select:none;user-select:none;color:#333;font-size:15px}.like-button:hover:not(:disabled){border-color:#ff6b6b;background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b33}.like-button:active:not(:disabled){transform:translateY(0)}.like-button:disabled{cursor:not-allowed;opacity:.6}.like-button.liked{border-color:#ff6b6b;background:#fff5f5;color:#333}.like-button.animating .like-icon{animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.1)}}.like-icon{font-size:20px;transition:transform .2s ease}.like-count{font-size:15px;color:#333;min-width:20px;text-align:center}.like-button.small{padding:6px 14px;font-size:13px}.like-button.small .like-icon{font-size:16px}.like-button.small .like-count{font-size:13px}.like-button.large{padding:14px 28px;font-size:17px}.like-button.large .like-icon{font-size:24px}.like-button.large .like-count{font-size:17px}@media (max-width: 480px){.like-button{padding:8px 16px}.like-icon{font-size:18px}.like-count{font-size:14px}}.comment-section{margin-top:60px;padding-top:40px;border-top:1px solid #e0e0e0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.comment-header h3{font-size:20px;font-weight:700;margin:0;color:#000}.comment-count{color:#666;font-weight:500}.comment-write-btn{padding:10px 24px;background:#000;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.comment-write-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.comment-form{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:30px}.comment-author-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;margin-bottom:12px;transition:border-color .2s;box-sizing:border-box}.comment-author-input:focus{outline:none;border-color:#000}.comment-content-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .2s;box-sizing:border-box}.comment-content-input:focus{outline:none;border-color:#000}.comment-form-actions{display:flex;gap:12px;justify-content:flex-end}.comment-cancel-btn,.comment-submit-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.comment-cancel-btn{background:#fff;color:#666;border:1px solid #e0e0e0}.comment-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.comment-submit-btn{background:#000;color:#fff}.comment-submit-btn:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.comment-submit-btn:disabled,.comment-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.comment-list{display:flex;flex-direction:column;gap:20px}.comment-loading,.comment-empty{text-align:center;padding:40px 20px;color:#999;font-size:15px}.comment-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:20px;transition:all .2s}.comment-item:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000d}.comment-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}.comment-author-name{font-weight:600;color:#333;font-size:15px}.comment-date{font-size:13px;color:#999}.comment-content{color:#555;line-height:1.6;font-size:15px;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.comment-section{margin-top:40px;padding-top:30px}.comment-header{flex-direction:column;align-items:flex-start;gap:16px}.comment-header h3{font-size:20px}.comment-write-btn{width:100%}.comment-form{padding:20px}.comment-form-actions{flex-direction:column-reverse}.comment-cancel-btn,.comment-submit-btn{width:100%}}@media (max-width: 480px){.comment-header h3{font-size:18px}.comment-form,.comment-item{padding:16px}.comment-author{flex-direction:column;align-items:flex-start;gap:4px}}.save-option-group{margin-bottom:1.5rem}.save-option-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.save-radio-buttons{display:flex;flex-direction:column;gap:.75rem}.save-radio-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.save-radio-option:hover{background:#f3f4f6;border-color:#667eea}.save-radio-option input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#667eea}.save-radio-option input[type=radio]:checked+span{font-weight:600;color:#667eea}.save-radio-option span{font-size:1rem;color:#1f2937;transition:all .2s}.save-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.save-confirm-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;text-align:center}.save-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-confirm-btn:active:not(:disabled){transform:translateY(0)}.save-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.save-cancel-btn{width:100%;padding:1rem 1.5rem;background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.save-cancel-btn:hover{background:#e5e7eb;border-color:#d1d5db}.save-cancel-btn:active{transform:scale(.98)}@media (max-width: 768px){.save-radio-option{padding:.75rem .875rem}.save-radio-option span{font-size:.9375rem}.save-option-label{font-size:.8125rem}}.today-fortune{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem 4rem;position:relative}.tf-back-button{position:fixed;top:1.5rem;left:1.5rem;width:48px;height:48px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000026;transition:all .3s ease;z-index:100;color:#667eea;font-size:24px}.tf-back-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #0003}.tf-back-button:active{transform:translateY(0)}.tf-back-button svg{flex-shrink:0}.tf-hero{max-width:900px;margin:0 auto 3rem;text-align:center;color:#fff}.tf-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}.tf-hero p{font-size:1.125rem;opacity:.95;line-height:1.6;max-width:600px;margin:0 auto}.tf-hero img{display:none}.tf-badge{display:inline-block;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-weight:600;font-size:.875rem;margin-bottom:1.5rem}.tf-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.tf-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a}.tf-form-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.tf-form-sub{color:#6b7280;margin-bottom:2rem}.tf-form{display:flex;flex-direction:column;gap:1.5rem}.tf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tf-form label{display:flex;flex-direction:column;gap:.5rem}.tf-form label span{font-weight:600;font-size:.875rem;color:#374151}.tf-form input,.tf-form select,.tf-form textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s;font-family:inherit;color:#1f2937;background-color:#fff}.tf-form input:focus,.tf-form select:focus,.tf-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tf-form textarea{resize:vertical;min-height:80px}.tf-error{color:#ef4444;font-size:.875rem;margin:-.5rem 0 0;font-weight:500}.tf-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.tf-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.tf-primary-btn:disabled{opacity:.6;cursor:not-allowed}.tf-result-container{display:flex;flex-direction:column;gap:1.5rem}.tf-unified-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.tf-unified-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.tf-unified-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative}.tf-date-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #667eea4d}.tf-unified-title{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0;flex:1;text-align:center}.tf-share-btn-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;transition:all .2s;color:#667eea}.tf-share-btn-icon:hover{background:#e5e7eb;transform:translateY(-50%) scale(1.05)}.tf-card-stage{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:2rem 1rem}.tf-card-container{position:relative;width:320px;height:544px}.tf-tarot-main{width:100%;height:100%;background-size:cover;background-position:center;border-radius:16px;box-shadow:0 20px 60px #0006;position:relative;transition:transform .3s}.tf-tarot-main:hover{transform:scale(1.02)}.tf-tarot-main.reversed{transform:rotate(180deg)}.tf-tarot-main.reversed:hover{transform:rotate(180deg) scale(1.02)}.tf-overlay-top{position:absolute;top:-1rem;left:50%;transform:translate(-50%);text-align:center;z-index:10}.tf-card-name-overlay{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;box-shadow:0 8px 24px #00000026;white-space:nowrap}.tf-keywords-overlay{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap}.tf-keyword-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3125rem .75rem;border-radius:50px;font-size:.8125rem;font-weight:600;box-shadow:0 4px 12px #667eea66}.tf-overlay-left{position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);z-index:10}.tf-bio-compact{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.875rem;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 24px #00000026}.tf-bio-item-compact{display:flex;flex-direction:column;align-items:center;gap:.375rem}.tf-bio-emoji{font-size:1.25rem}.tf-bio-bar-tiny{width:60px;height:6px;background:#e5e7eb;border-radius:50px;overflow:hidden}.tf-bio-fill-tiny{height:100%;border-radius:50px;transition:width .6s ease}.tf-bio-fill-tiny.physical.positive{background:linear-gradient(90deg,#10b981,#34d399)}.tf-bio-fill-tiny.physical.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.tf-bio-fill-tiny.emotional.positive{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tf-bio-fill-tiny.emotional.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.tf-bio-fill-tiny.intellectual.positive{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.tf-bio-fill-tiny.intellectual.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.tf-bio-num{font-weight:700;font-size:.75rem}.tf-bio-num.positive{color:#10b981}.tf-bio-num.negative{color:#ef4444}.tf-overlay-bottom{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);z-index:10}.tf-saju-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.tf-chip{background:#1f2937f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem .875rem;border-radius:50px;font-size:.8125rem;font-weight:600;box-shadow:0 6px 16px #00000040;white-space:nowrap}.tf-chip.element{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.tf-reversed-badge{position:absolute;top:.5rem;right:.5rem;background:#ef4444f2;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;transform:rotate(180deg);box-shadow:0 2px 8px #0003}.tf-overlay-right{position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);z-index:10}.tf-element-info{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.875rem;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:.75rem;min-width:95px;max-width:110px}.tf-heavenly-earthly{text-align:center;padding:.5rem .375rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 4px 12px #fbbf244d}.tf-he-label{font-size:.6875rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.tf-he-value{font-size:1.125rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.tf-overlay-right .tf-element-interaction{text-align:center;padding:.75rem .625rem!important;border-radius:10px;background:#fff;border:2px solid #e5e7eb}.tf-overlay-right .tf-element-interaction.positive{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d);padding:.75rem .625rem!important}.tf-overlay-right .tf-element-interaction.caution{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26260d);padding:.75rem .625rem!important}.tf-overlay-right .tf-element-interaction.neutral{border-color:#6b7280;background:linear-gradient(135deg,#6b72801a,#4b55630d);padding:.75rem .625rem!important}.tf-ei-badge{font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:50px;display:inline-block;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tf-element-interaction.positive .tf-ei-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tf-element-interaction.caution .tf-ei-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tf-element-interaction.neutral .tf-ei-badge{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.tf-overlay-right .tf-ei-elements{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;font-weight:700!important;font-size:.9375rem!important;flex-wrap:nowrap!important}.tf-overlay-right .tf-ei-my,.tf-overlay-right .tf-ei-today{padding:.3125rem .5rem!important;border-radius:6px!important;background:#00000014!important;color:#1f2937!important;white-space:nowrap!important;font-size:.875rem!important}.tf-overlay-right .tf-ei-arrow{font-size:1rem!important;color:#374151!important;opacity:1!important;font-weight:600!important;flex-shrink:0!important}.tf-interpretation{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #667eea4d}.tf-interpretation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tf-interpretation-icon{font-size:1.5rem}.tf-interpretation-header h4{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.tf-interpretation-content{color:#fff;font-size:1.0625rem;line-height:1.8;white-space:pre-line;opacity:.95}.tf-worry-box{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.5rem;border-radius:16px;display:flex;gap:1rem;align-items:flex-start;border-left:4px solid #667eea;box-shadow:0 4px 12px #0000000d}.tf-worry-icon{font-size:1.5rem;flex-shrink:0}.tf-worry-text{color:#374151;font-size:1.0625rem;line-height:1.7;font-style:italic;flex:1}.tf-placeholder{background:#fff;border-radius:20px;padding:4rem 2rem;text-align:center;color:#9ca3af;box-shadow:0 10px 40px #0000001a}.tf-share-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.tf-share-modal-content{background:#fff;border-radius:24px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tf-share-modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:800;color:#1f2937;text-align:center}.tf-share-option-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;margin-bottom:1rem}.tf-share-option-btn:hover{background:#f3f4f6;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.tf-share-option-icon{font-size:2rem;flex-shrink:0}.tf-share-option-text{flex:1;text-align:left;display:flex;flex-direction:column;gap:.25rem}.tf-share-option-text strong{font-size:1rem;font-weight:700;color:#1f2937}.tf-share-option-text small{font-size:.875rem;color:#6b7280}.tf-share-cancel-btn{width:100%;padding:.875rem;background:#f3f4f6;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-top:.5rem}.tf-share-cancel-btn:hover{background:#e5e7eb;color:#374151}.tf-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#fff;z-index:999}.tf-spinner{width:60px;height:60px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite}.tf-loading p{font-size:1.125rem;font-weight:600}.tf-loading-sub{font-size:.875rem;opacity:.7;margin-top:-.5rem}@media (max-width: 768px){.today-fortune{padding:1rem .75rem 3rem}.tf-hero{margin-bottom:2rem}.tf-hero h1{font-size:2rem}.tf-hero p{font-size:1rem}.tf-card,.tf-unified-card{padding:1.5rem}.tf-unified-header{gap:.5rem;padding:0 .5rem}.tf-share-btn-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:36px;height:36px}.tf-share-btn-icon:hover{transform:translateY(-50%) scale(1.05)}.tf-unified-title{font-size:1.5rem;padding-right:3rem}.tf-card-container{width:280px;height:476px}.tf-overlay-left{left:-1rem}.tf-overlay-right{right:-1rem}.tf-element-info{padding:.75rem;min-width:85px;max-width:100px}.tf-he-value{font-size:1rem}.tf-ei-badge{font-size:.625rem;padding:.1875rem .5rem}.tf-overlay-right .tf-ei-elements{font-size:.875rem!important;gap:0!important}.tf-overlay-right .tf-ei-my,.tf-overlay-right .tf-ei-today{font-size:.8125rem!important;padding:.25rem .4375rem!important}.tf-card-name-overlay{font-size:1.125rem;padding:.625rem 1.25rem}.tf-interpretation{padding:1.5rem}.tf-interpretation-header h4{font-size:1.125rem}.tf-interpretation-content{font-size:1rem}.tf-worry-box{padding:1.25rem}.tf-worry-text{font-size:1rem}.tf-form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.tf-card-stage{padding:1rem .5rem}.tf-card-container{width:240px;height:408px}.tf-overlay-left{left:-.75rem}.tf-overlay-right{right:-.75rem}.tf-element-info{padding:.625rem;min-width:80px;max-width:95px;gap:.625rem}.tf-he-label{font-size:.625rem}.tf-he-value{font-size:.9375rem}.tf-ei-badge{font-size:.5625rem;padding:.1875rem .4375rem}.tf-overlay-right .tf-ei-elements{font-size:.8125rem!important;gap:0!important}.tf-overlay-right .tf-ei-my,.tf-overlay-right .tf-ei-today{font-size:.75rem!important;padding:.1875rem .375rem!important}.tf-bio-compact{padding:.625rem}.tf-bio-emoji{font-size:1.125rem}.tf-bio-bar-tiny{width:50px}.tf-card-name-overlay{font-size:1rem;padding:.5rem 1rem}.tf-keyword-tag{font-size:.75rem;padding:.25rem .625rem}.tf-chip{font-size:.75rem;padding:.4375rem .75rem}.tf-overlay-bottom{bottom:-1.25rem}}.tarot-app{min-height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8eaed;padding:20px;position:relative;overflow-x:hidden}.tarot-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#a78bfa}.tarot-menu{width:100%;max-width:1400px;margin:0 auto;padding:20px}.tarot-header{text-align:center;margin-bottom:3rem}.tarot-header h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tarot-header h1 .emoji-icon{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;color:initial!important;display:inline-block;filter:drop-shadow(0 0 10px rgba(167,139,250,.6))}.tarot-subtitle{font-size:1.2rem;color:#cbd5e1;font-style:italic}.tarot-notice{font-size:.9rem;color:#94a3b8;margin-top:.5rem;opacity:.8}.master-selection{margin-bottom:3rem;padding:2rem 0;overflow:hidden}.master-selection h2{text-align:center;font-size:2rem;margin-bottom:.5rem;color:#f1f5f9;padding:0 2rem}.master-selection-subtitle{text-align:center;font-size:1rem;color:#94a3b8;margin-bottom:2rem;font-style:italic;padding:0 2rem}.master-cards{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem 2rem 1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.master-cards:active{cursor:grabbing}.master-cards::-webkit-scrollbar{display:none}.master-card{min-width:200px;max-width:200px;background:#ffffff0d;border:2px solid rgba(167,139,250,.3);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;flex-shrink:0;pointer-events:auto}.master-card:hover{transform:translateY(-8px);border-color:#a78bfa;background:#a78bfa1a;box-shadow:0 8px 32px #a78bfa4d}.master-card.selected{border-color:#ec4899;background:linear-gradient(135deg,#ec489933,#a78bfa33);box-shadow:0 8px 32px #ec489966}.master-card.selected:after{content:"✓";position:absolute;top:10px;right:10px;width:28px;height:28px;background:#ec4899;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 2px 8px #ec489999}.master-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(167,139,250,.4))}.master-name{font-size:1.5rem;margin-bottom:.8rem;color:#a78bfa;font-weight:700}.master-description{font-size:.9rem;color:#cbd5e1;margin-bottom:1rem;line-height:1.5;min-height:42px}.master-specialty{font-size:.85rem;color:#94a3b8;padding:.5rem .8rem;background:#0000004d;border-radius:8px;margin-top:auto}.master-specialty strong{color:#ec4899}.spread-selection{margin-bottom:3rem;padding:0 2rem;max-width:1400px;margin-left:auto;margin-right:auto}.spread-selection h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#f1f5f9}.spread-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 0 2rem!important;max-width:100%}.spread-card{background:#ffffff0d;border:2px solid rgba(167,139,250,.3);border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;pointer-events:auto}@media (max-width: 768px){.master-cards{gap:.75rem!important;padding:1rem 1rem 1.5rem!important}.master-card{min-width:75%!important;max-width:75%!important;padding:1rem!important}.master-icon{font-size:2.5rem!important;margin-bottom:.75rem!important}.master-name{font-size:1.3rem!important;margin-bottom:.5rem!important}.master-title{font-size:.8rem!important;margin-bottom:.75rem!important}.master-specialty{font-size:.75rem!important}.spread-cards{gap:.5rem!important;padding:1rem 0 1.5rem!important}.spread-card{padding:.75rem!important}.spread-icon-cards{height:50px!important;margin-bottom:.5rem!important}.card-mini{height:40px!important;width:24px!important}.spread-card h3{font-size:.9rem!important;margin-bottom:.4rem!important;white-space:nowrap!important}.spread-description{font-size:.7rem!important;margin-bottom:.5rem!important;line-height:1.3!important}.spread-detail{font-size:.65rem!important}}.spread-card:hover{transform:translateY(-8px);border-color:#a78bfa;background:#a78bfa1a;box-shadow:0 8px 32px #a78bfa4d}.spread-icon{font-size:4rem;margin-bottom:1rem}.spread-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#a78bfa;white-space:nowrap}.spread-description{font-size:1rem;color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.spread-detail{font-size:.9rem;color:#94a3b8;font-style:italic}.spread-icon-cards{height:120px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.card-mini{height:100px;width:60px;border-radius:6px;transition:transform .3s ease,box-shadow .3s ease}.card-back-css{background:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9);border:2px solid #a78bfa;box-shadow:0 4px 12px #a78bfa66,0 0 20px #a78bfa4d;position:relative;overflow:hidden}.card-back-css:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid rgba(236,72,153,.4);border-radius:4px;z-index:1}.card-back-css:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#ec4899;text-shadow:0 0 10px rgba(236,72,153,.8),0 0 20px rgba(167,139,250,.6);z-index:2;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.spread-card:hover .card-back-css{transform:translateY(-5px);box-shadow:0 6px 16px #a78bfa99,0 0 30px #a78bfa80;border-color:#c4b5fd}.spread-icon-cards .card-mini{display:block}.three-cards{position:relative}.three-cards .card-mini{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.three-cards .card-1{transform:translate(-80%,-50%) rotate(-10deg);z-index:1}.three-cards .card-2{transform:translate(-50%,-50%);z-index:2}.three-cards .card-3{transform:translate(-20%,-50%) rotate(10deg);z-index:1}.spread-card:hover .three-cards .card-1{transform:translate(-80%,-55%) rotate(-10deg)}.spread-card:hover .three-cards .card-2{transform:translate(-50%,-60%)}.spread-card:hover .three-cards .card-3{transform:translate(-20%,-55%) rotate(10deg)}.celtic-cards{position:relative}.celtic-cards .card-mini{position:absolute;top:50%;left:50%;height:80px}.celtic-cards .card-1{transform:translate(-50%,-50%);z-index:5}.celtic-cards .card-2{transform:translate(-90%,-50%) rotate(-15deg);z-index:1}.celtic-cards .card-3{transform:translate(-10%,-50%) rotate(15deg);z-index:1}.celtic-cards .card-4{transform:translate(-50%,-85%) rotate(0);z-index:2}.celtic-cards .card-5{transform:translate(-50%,-15%) rotate(0);z-index:2}.spread-card:hover .celtic-cards .card-1{transform:translate(-50%,-55%)}.spread-card:hover .celtic-cards .card-2{transform:translate(-95%,-50%) rotate(-18deg)}.spread-card:hover .celtic-cards .card-3{transform:translate(-5%,-50%) rotate(18deg)}.spread-card:hover .celtic-cards .card-4{transform:translate(-50%,-90%) rotate(0)}.spread-card:hover .celtic-cards .card-5{transform:translate(-50%,-10%) rotate(0)}.tarot-info{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:3rem}.tarot-info h3{font-size:1.5rem;margin-bottom:1rem;color:#a78bfa}.tarot-info p{line-height:1.8;color:#cbd5e1}.tarot-faq{background:transparent;border-radius:12px;padding:2.5rem 0;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.tarot-faq h2{font-size:2rem;margin-bottom:2rem;color:#a78bfa;text-align:center;font-weight:700}.tarot-faq .faq-item{background:#1e1b4b66!important;border:1px solid rgba(167,139,250,.2)!important;border-left:4px solid #a78bfa!important;padding:1.8rem!important;margin-bottom:1.5rem;border-radius:12px!important;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tarot-faq .faq-item:hover{background:#1e1b4b99!important;border-color:#a78bfa66!important;transform:translate(8px);box-shadow:0 4px 20px #a78bfa33}.faq-item h3{font-size:1.15rem;margin-bottom:1rem;color:#e0e7ff;line-height:1.6;font-weight:600}.faq-item p{line-height:1.9;color:#c7d2fe;white-space:pre-line;font-size:.95rem}.tarot-reading-header{display:flex;flex-direction:column;gap:.8rem;max-width:100%;margin:0 auto 1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.tarot-reading-header h2{font-size:1.2rem;color:#a78bfa;text-align:center;margin:0}.btn-back,.btn-interpret,.btn-new-reading{padding:.7rem 1.2rem;background:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-back:hover,.btn-interpret:hover,.btn-new-reading:hover{transform:scale(1.05);box-shadow:0 4px 20px #a78bfa66}.btn-interpret:disabled{background:linear-gradient(135deg,#6b7280,#9ca3af);cursor:not-allowed;opacity:.6}.btn-interpret:disabled:hover{transform:none;box-shadow:none}.header-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.card-spread{max-width:600px;margin:0 auto 2rem;padding:1rem;display:grid;gap:2rem;min-height:auto}.spread-single{grid-template-columns:1fr;place-items:center}.spread-three{grid-template-columns:repeat(3,1fr);max-width:100%;gap:1rem;padding:1rem .5rem}.spread-three .card-position{padding-bottom:3rem;margin-bottom:1.5rem}.spread-celtic{grid-template-columns:1fr;grid-template-rows:auto;max-width:100%;gap:0;padding:2rem;margin:0 auto}.spread-celtic .card-position:nth-child(1),.spread-celtic .card-position:nth-child(2),.spread-celtic .card-position:nth-child(3),.spread-celtic .card-position:nth-child(4),.spread-celtic .card-position:nth-child(5),.spread-celtic .card-position:nth-child(6),.spread-celtic .card-position:nth-child(7),.spread-celtic .card-position:nth-child(8),.spread-celtic .card-position:nth-child(9),.spread-celtic .card-position:nth-child(10){grid-column:1;grid-row:auto;transform:none}.card-position{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:2.5rem;position:relative}.spread-celtic .card-position{margin-bottom:2.5rem;padding-bottom:1rem}.position-label{font-size:.9rem;color:#a78bfa;font-weight:600;text-align:center;min-height:auto;padding:.4rem .8rem;background:#a78bfa1a;border-radius:8px;width:100%;max-width:300px;line-height:1.4}.spread-celtic .position-label{font-size:.9rem;min-height:auto;padding:.4rem .8rem}.tarot-reading-card{width:120px;height:204px;perspective:1000px;cursor:pointer;transition:all .6s ease;position:relative}.spread-celtic .tarot-reading-card{width:120px;height:204px}.tarot-reading-card:hover:not(.revealed){transform:scale(1.05)}.tarot-reading-card.revealed{cursor:default}.tarot-reading-card.reversed .card-image{transform:rotate(180deg)}.card-back-design{width:100%;height:100%;background:linear-gradient(135deg,#4c1d95,#5b21b6,#6d28d9);border-radius:12px;border:3px solid #a78bfa;box-shadow:0 8px 32px #0006;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-back-design:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:3px solid rgba(236,72,153,.4);border-radius:8px;z-index:1}.card-back-design:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;color:#ec4899;text-shadow:0 0 20px rgba(236,72,153,.9),0 0 40px rgba(167,139,250,.7);z-index:2;animation:pulse 2s ease-in-out infinite}.card-image{width:100%;height:100%;object-fit:cover;border-radius:12px;border:3px solid rgba(167,139,250,.5);box-shadow:0 8px 32px #0006;transition:all .3s ease}.tarot-reading-card.revealed .card-image{border-color:#a78bfa;box-shadow:0 8px 32px #a78bfa99}.card-info{position:absolute;bottom:-28px;left:0;right:0;text-align:center}.card-name{font-size:.85rem;color:#f1f5f9;margin:0;padding:.3rem .5rem;background:#000000b3;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.spread-celtic .card-name{font-size:.7rem;padding:.25rem .35rem;display:none}.spread-celtic .card-info{bottom:-26px}.personalized-answer{max-width:100%;margin:1.5rem auto;padding:1.5rem;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;border:2px solid #4c1d95;box-shadow:0 8px 32px #1e1b4b99}.personalized-answer h3{font-size:1.8rem;color:#f3f4f6;margin-bottom:1.5rem;text-align:center}.question-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #fbbf24}.question-display strong{color:#fcd34d;font-size:1.1rem;margin-right:.5rem}.answer-content{font-size:1.1rem;line-height:1.8;color:#f3f4f6}.answer-content p{margin-bottom:1rem}.answer-content p:last-child{margin-bottom:0}.interpretation-panel{max-width:100%;margin:2rem auto;padding:1.5rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(167,139,250,.3)}.interpretation-panel h3{font-size:2rem;color:#a78bfa;margin-bottom:2rem;text-align:center}.detailed-interpretation-accordion{margin-top:2rem}.accordion-toggle{width:100%;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#a78bfa33,#ec489933);border:2px solid rgba(167,139,250,.4);border-radius:12px;color:#e8eaed;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.accordion-toggle:hover{background:linear-gradient(135deg,#a78bfa4d,#ec48994d);border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 20px #a78bfa4d}.accordion-title{display:flex;align-items:center;gap:.5rem}.accordion-icon{font-size:1rem;transition:transform .3s ease;color:#a78bfa}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{margin-top:1.5rem;animation:slideDown .3s ease-out}.tarot-loading-marquee{width:100%;overflow:hidden;background:linear-gradient(135deg,#a78bfa33,#ec489933);border-radius:12px;padding:2rem 0;margin:2rem 0;position:relative;border:2px solid rgba(167,139,250,.4)}.tarot-loading-marquee:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.marquee-content{display:flex;animation:marqueeScroll 15s linear infinite;white-space:nowrap}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-text{font-size:1.5rem;font-weight:700;color:transparent;background:linear-gradient(90deg,#a78bfa,#ec4899,#fbbf24,#ec4899,#a78bfa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;padding:0 2rem;display:inline-block;text-shadow:0 0 30px rgba(167,139,250,.5)}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@media (max-width: 768px){.marquee-text{font-size:1.1rem;padding:0 1.5rem}}.overall-reading{background:linear-gradient(135deg,#a78bfa26,#ec489926);padding:2rem;border-radius:16px;margin-bottom:3rem;border:2px solid rgba(167,139,250,.4);box-shadow:0 8px 32px #a78bfa33}.overall-content{font-size:1.05rem;line-height:1.6;color:#e2e8f0;text-align:left}.overall-content br{display:block;content:"";margin-top:.5rem}.overall-content strong{color:#fbbf24;font-size:1.15rem;display:inline-block;margin-top:.8rem;margin-bottom:0}.card-interpretation{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #a78bfa}.card-interpretation h4{font-size:1.3rem;color:#ec4899;margin-bottom:1rem}.keywords{font-size:.95rem;color:#a78bfa;margin-bottom:1rem}.meaning{font-size:1rem;line-height:1.8;color:#cbd5e1;margin:0}.btn-new-reading{display:block;margin:2rem auto 0;padding:1rem 2rem;font-size:1.1rem}@media (max-width: 99999px){.tarot-header h1{font-size:2rem}.master-selection{padding:1.5rem 0}.master-selection h2{font-size:1.5rem;padding:0 1rem}.master-selection-subtitle{font-size:.9rem;padding:0 1rem}.master-cards{gap:1rem;padding:1rem}.master-card{min-width:170px;max-width:170px;padding:1.2rem}.master-icon{font-size:2.5rem}.master-name{font-size:1.1rem}.master-description{font-size:.8rem;min-height:36px}.master-specialty{font-size:.75rem}.accordion-toggle{padding:1rem;font-size:1rem}.accordion-title{font-size:.95rem}.spread-selection{padding:0 1rem}.spread-cards{gap:1rem;padding:1rem 0 1.5rem}.spread-card{padding:1.2rem}.spread-three{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem .5rem}.tarot-reading-card{width:160px;height:272px}.spread-three .tarot-reading-card{width:100px;height:170px}.spread-three .position-label{font-size:.75rem;min-height:1.5rem;padding:.3rem}.spread-three .card-name{font-size:.7rem}.tarot-reading-header{flex-direction:column;gap:1rem}.interpretation-panel{margin-top:.5rem}.personalized-answer{margin:1.5rem auto;padding:1.5rem}.personalized-answer h3{font-size:1.5rem}.question-display{padding:.8rem 1rem}.question-display strong,.answer-content{font-size:1rem}.card-spread{min-height:auto;padding:1rem}.spread-celtic{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:.8rem 5rem;max-width:100%;padding:1rem 1rem 1rem 2.5rem;overflow:visible;margin-left:0}.spread-celtic .card-position:nth-child(1){grid-column:2;grid-row:2;margin-left:-20px}.spread-celtic .card-position:nth-child(2){grid-column:2;grid-row:2;transform:rotate(90deg);margin-left:-20px}.spread-celtic .card-position:nth-child(2) .position-label{margin-top:30px}.spread-celtic .card-position:nth-child(3){grid-column:2;grid-row:1}.spread-celtic .card-position:nth-child(4){grid-column:1;grid-row:2;justify-self:start;margin-left:-55px}.spread-celtic .card-position:nth-child(5){grid-column:2;grid-row:3}.spread-celtic .card-position:nth-child(6){grid-column:3;grid-row:2;justify-self:center;margin-right:0;margin-left:-55px}.spread-celtic .card-position:nth-child(7){grid-column:2;grid-row:6}.spread-celtic .card-position:nth-child(8){grid-column:2;grid-row:5}.spread-celtic .card-position:nth-child(9){grid-column:2;grid-row:4}.spread-celtic .card-position:nth-child(9) .position-label{white-space:pre-line;line-height:1.2}.spread-celtic .card-position:nth-child(10){grid-column:2;grid-row:7}.spread-celtic .tarot-reading-card{width:90px;height:153px}.spread-celtic .position-label{font-size:.7rem;min-height:1.6rem}.spread-celtic .card-position{margin-bottom:2.5rem;gap:.5rem}.spread-celtic .card-info{bottom:-28px}.spread-celtic .card-name{font-size:.65rem;padding:.2rem .3rem}}.btn-home{position:fixed;top:20px;left:20px;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(167,139,250,.5);border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:1000}.btn-home:hover{background:#a78bfa4d;transform:scale(1.1)}.btn-coffee{position:fixed;bottom:20px;left:20px;padding:14px 24px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #ff6b6b66;transition:all .3s ease;z-index:1000;display:inline-flex;align-items:center;gap:8px}.card-selection{max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:80vh}.selection-header{text-align:center;margin-bottom:1.5rem;padding:0 1rem}.selection-header h2{font-size:1.5rem;color:#a78bfa;margin-bottom:.8rem}.selection-subtitle{font-size:.95rem;color:#cbd5e1;font-style:italic}.question-input-container{margin-top:.5rem;width:100%;max-width:600px}.question-input{width:100%;padding:1rem 1.5rem;font-size:1rem;background:#ffffff1a;border:2px solid rgba(167,139,250,.3);border-radius:12px;color:#e8eaed;transition:all .3s ease;outline:none}.question-input::placeholder{color:#94a3b8}.question-input:focus{border-color:#a78bfa;background:#ffffff26;box-shadow:0 0 20px #a78bfa4d}.fan-container{position:relative;width:100%;max-width:100%;height:320px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;z-index:1;padding:0 20px}.fan-card{position:absolute;width:60px;height:100px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;transform-origin:center 280px;left:50%;top:calc(50% - 70px);margin-left:-30px;margin-top:-50px;will-change:transform}.fan-card:hover:not(.selected){transform:rotate(var(--rotate)) translateY(-25px) scale(1.1);z-index:50!important;filter:brightness(1.2)}.fan-card.selecting{animation:cardSelect .6s ease-out forwards;z-index:60!important}@keyframes cardSelect{0%{transform:rotate(var(--rotate)) translateY(0) scale(1);opacity:1}50%{transform:rotate(var(--rotate)) translateY(-45px) scale(1.2);opacity:.8}to{transform:rotate(var(--rotate)) translateY(-60px) scale(.5);opacity:0}}.fan-card.selected{opacity:0;pointer-events:none;transform:rotate(var(--rotate)) translateY(-60px) scale(.5)}.fan-card .card-back-design{width:100%;height:100%;pointer-events:none}.btn-back-menu{padding:1.2rem 3rem;background:#ffffff1a;color:#e8eaed;border:2px solid #a78bfa;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:-80px;min-height:56px;display:inline-block;position:relative;z-index:100;pointer-events:auto}.btn-back-menu:hover{background:#a78bfa33;border-color:#c4b5fd;transform:translateY(-2px)}@media (max-width: 768px){.fan-container{width:100%;max-width:100vw;height:280px;padding:0 10px}.fan-card{width:50px;height:83px;transform-origin:center 220px;margin-left:-25px;margin-top:-41.5px;top:calc(50% - 60px)}.fan-card:hover:not(.selected){transform:rotate(var(--rotate)) translateY(-20px) scale(1.08)}@keyframes cardSelect{0%{transform:rotate(var(--rotate)) translateY(0) scale(1);opacity:1}50%{transform:rotate(var(--rotate)) translateY(-40px) scale(1.15);opacity:.8}to{transform:rotate(var(--rotate)) translateY(-50px) scale(.5);opacity:0}}.fan-card.selected{transform:rotate(var(--rotate)) translateY(-50px) scale(.5)}.selection-header h2{font-size:1.3rem}.selection-subtitle{font-size:.85rem}.btn-back-menu{padding:.9rem 1.8rem;font-size:.95rem;margin-top:-50px}}.question-input-wrapper{display:flex;gap:10px;align-items:center;margin-bottom:10px}.question-input{flex:1}.reversed-option{display:flex;gap:20px;margin-bottom:15px;padding:10px 0;justify-content:center}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#e8eaed;transition:color .2s}.radio-option:hover{color:#a78bfa}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#a78bfa}.radio-option span{-webkit-user-select:none;user-select:none}.btn-random-draw{background:linear-gradient(135deg,#a78bfa,#ec4899);border:none;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:1.4rem;transition:all .3s ease;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #a78bfa66}.btn-random-draw:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #ec489999}.btn-random-draw:active{transform:scale(.95) rotate(-5deg)}.btn-question-guide{background:#a78bfa33;border:2px solid rgba(167,139,250,.5);color:#a78bfa;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center}.btn-question-guide:hover{background:#a78bfa4d;transform:scale(1.05);box-shadow:0 0 20px #a78bfa66}.question-guide{background:#10213ecc;border:2px solid rgba(167,139,250,.3);border-radius:16px;padding:20px;margin-top:15px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-guide h4{color:#a78bfa;margin-bottom:15px;font-size:1.1rem;text-align:center}.question-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.question-category{background:#ffffff0d;padding:12px;border-radius:10px}.question-category strong{display:block;color:#ec4899;margin-bottom:8px;font-size:.95rem}.question-category ul{list-style:none;padding:0;margin:0}.question-category li{padding:6px 8px;margin:4px 0;cursor:pointer;border-radius:6px;font-size:.85rem;transition:all .2s ease;color:#e8eaed}.question-category li:hover{background:#a78bfa33;transform:translate(5px);color:#a78bfa}.question-tip{text-align:center;font-size:.9rem;color:#a78bfa;background:#a78bfa1a;padding:10px;border-radius:8px;margin-top:10px}.question-tip strong{color:#ec4899}@media (max-width: 768px){.question-categories{grid-template-columns:1fr}.question-guide{padding:15px}.question-category{padding:10px}.btn-question-guide{padding:10px 14px;min-width:44px;height:44px}}.share-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(167,139,250,.3)}.btn-share,.btn-save-image{background:linear-gradient(135deg,#a78bfa33,#ec489933);border:2px solid rgba(167,139,250,.5);color:#e8eaed;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-share:hover,.btn-save-image:hover{background:linear-gradient(135deg,#a78bfa66,#ec489966);transform:translateY(-2px);box-shadow:0 5px 20px #a78bfa66}.btn-share:active,.btn-save-image:active{transform:translateY(0)}@media (max-width: 768px){.share-actions{flex-direction:column;gap:10px}.btn-share,.btn-save-image{width:100%;justify-content:center}}.review-result{max-width:900px;margin:0 auto;padding:20px}.result-header{text-align:center;margin-bottom:30px}.result-header h2{font-size:28px;color:var(--primary-color, #4a90e2);margin:0}.original-answer-section{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:8px;padding:20px;margin-bottom:30px}.original-answer-section h3{font-size:18px;color:#495057;margin:0 0 15px}.original-answer-content{background:#fff;padding:15px;border-radius:6px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;color:#212529}.result-content{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a;line-height:1.8;font-size:16px;color:#000}.result-section{margin-bottom:25px}.result-section:last-child{margin-bottom:0}.result-content del.deletion{background-color:#ffe6e6;color:#c00;text-decoration:line-through;padding:2px 6px;border-radius:4px;margin:0 2px;font-weight:500}.result-content ins.addition{background-color:#e6f3ff;color:#06c;text-decoration:none;padding:2px 6px;border-radius:4px;margin:0 2px;font-weight:600}.result-content ins.modification{background-color:#e6ffe6;color:#0a0;text-decoration:none;padding:2px 6px;border-radius:4px;margin:0 2px;font-weight:600}.full-pdf-content h1{font-size:24px;margin-top:20px;margin-bottom:10px;color:#000;border-bottom:2px solid #4a90e2;padding-bottom:8px}.full-pdf-content h2{font-size:20px;margin-top:15px;margin-bottom:8px;color:#000}.full-pdf-content h3{font-size:18px;margin-top:12px;margin-bottom:6px;color:#000}.full-pdf-content h1:first-child,.full-pdf-content h2:first-child{margin-top:0}.full-pdf-content li{margin-left:20px;margin-bottom:8px;list-style-type:disc}.full-pdf-content strong{color:#000;font-weight:600}.full-pdf-content em{font-style:italic;color:#000}.pdf-review-notice{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;border-radius:12px;text-align:center;font-size:16px;line-height:1.6;margin-top:30px;margin-bottom:20px;box-shadow:0 4px 12px #667eea4d;border:2px solid rgba(255,255,255,.2)}.pdf-review-notice strong{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.result-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.result-actions .btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #dee2e6;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.result-actions .btn-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.result-actions .btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (prefers-color-scheme: dark){.result-content{background:#2c2c2c;color:#e0e0e0}.result-content del.deletion{background-color:#4d1f1f;color:#ff6b6b}.result-content ins.addition{background-color:#1f3a4d;color:#5eb3ff}.result-content ins.modification{background-color:#1f4d1f;color:#51cf66}.full-pdf-content h1{color:#e0e0e0;border-bottom-color:#4a90e2}.full-pdf-content h2{color:#ccc}.full-pdf-content h3{color:#b8b8b8}.full-pdf-content strong{color:#e0e0e0}.result-actions .btn-secondary{background:#3a3a3a;color:#e0e0e0;border-color:#555}.result-actions .btn-secondary:hover{background:#4a4a4a;border-color:#666}}@media (max-width: 768px){.review-result{padding:15px}.result-header h2{font-size:24px}.result-content{padding:20px;font-size:14px}.result-actions{flex-direction:column;gap:10px}.result-actions .btn-secondary{width:100%;padding:14px}}.document-type-section{margin-bottom:32px;margin-left:-30px;margin-right:-30px;padding:0 30px}.document-type-label{display:block;font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:16px;padding-left:0}.document-type-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 16px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.document-type-grid:active{cursor:grabbing}.document-type-grid::-webkit-scrollbar{display:none}.doc-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px;max-width:140px;height:140px;padding:20px 16px;background:#fff;border:2px solid #e0e7ff;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;flex-shrink:0}.doc-card:hover{transform:translateY(-4px) scale(1.02);border-color:#667eea;box-shadow:0 8px 24px #667eea40;background:linear-gradient(135deg,#fff,#f0f4ff)}.doc-card.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 24px #667eea66;transform:scale(1.05)}.doc-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.doc-icon{font-size:2.5rem;margin-bottom:10px;transition:transform .3s ease}.doc-card:hover .doc-icon{transform:scale(1.15)}.doc-card.active .doc-icon{transform:scale(1.1);filter:brightness(1.2)}.doc-name{font-size:.85rem;font-weight:600;color:#2c3e50;text-align:center;line-height:1.3;transition:color .3s ease;word-break:keep-all}.doc-card.active .doc-name{color:#fff;font-weight:700}.btn-home{position:fixed;top:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid #667eea;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.btn-coffee{position:fixed;bottom:20px;left:20px;padding:14px 24px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}.document-coach-app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column}.app-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff;font-weight:700}.app-subtitle{font-size:1.2rem;color:#fff;font-weight:500}.input-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px}.resume-coach-app{max-width:1000px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-header{text-align:center;margin-bottom:40px}.app-header h1{font-size:36px;color:#fff;margin:0 0 10px}.app-subtitle{font-size:18px;color:#fff;margin:0}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.mode-option{position:relative;cursor:pointer}.mode-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mode-content{display:flex;flex-direction:column;align-items:center;padding:30px 20px;border:3px solid #e0e0e0;border-radius:12px;background:#fff;transition:all .3s ease}.mode-option:hover .mode-content{border-color:#4a90e2;transform:translateY(-3px);box-shadow:0 4px 12px #4a90e233}.mode-option.active .mode-content{border-color:#4a90e2;background:#f0f8ff;box-shadow:0 4px 12px #4a90e24d}.mode-icon{font-size:48px;margin-bottom:15px}.mode-label{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:8px}.mode-desc{font-size:14px;color:#7f8c8d;text-align:center}.input-section{margin-bottom:30px}.pdf-upload-area{margin-bottom:20px}.dropzone{border:3px dashed #cbd5e0;border-radius:12px;padding:60px 20px;text-align:center;background:#f7fafc;cursor:pointer;transition:all .3s ease}.dropzone:hover{border-color:#4a90e2;background:#f0f8ff}.dropzone.has-file{border-style:solid;border-color:#48bb78;background:#f0fff4}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{font-size:64px;margin-bottom:10px}.upload-text{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.upload-hint{font-size:14px;color:#7f8c8d;margin:0}.upload-note{font-size:13px;color:#4a90e2;margin:10px 0 0;padding:8px 16px;background:#e6f2ff;border-radius:6px}.file-info{display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px}.file-icon{font-size:32px}.file-name{font-weight:600;color:#2c3e50}.file-size{color:#7f8c8d}.remove-file{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:10px}.remove-file:hover{background:#c0392b;transform:scale(1.1)}.qa-input-area{display:flex;flex-direction:column;gap:25px}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-size:16px;font-weight:600;color:#2c3e50}.required{color:#e74c3c}.input-group textarea{padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;transition:all .2s ease;color:#000;background:#fff}.input-group textarea::placeholder{color:#999;opacity:1}.input-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.answer-textarea{min-height:250px;line-height:1.6}.char-count{text-align:right;font-size:14px;color:#7f8c8d;margin-top:-5px}.error-message{background:#fee;border:2px solid #e74c3c;border-radius:8px;padding:16px;margin-bottom:20px;color:#c0392b;font-weight:600;display:flex;align-items:center;gap:10px}.error-icon{font-size:24px}.submit-section{text-align:center;margin:30px 0}.submit-button{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;padding:16px 48px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66;display:inline-flex;align-items:center;gap:10px;min-width:200px;max-width:300px;justify-content:center}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99;background:linear-gradient(135deg,#ff7b7b,#ffa363)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.info-section{background:#f8f9fa;border-radius:12px;padding:30px;margin-top:40px}.info-section h3{font-size:20px;color:#2c3e50;margin:0 0 20px}.info-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.info-section li{padding-left:25px;position:relative;line-height:1.6;color:#555}.info-section li:before{content:"•";position:absolute;left:8px;color:#4a90e2;font-size:20px}.info-section strong{color:#2c3e50;font-weight:600}@media (prefers-color-scheme: dark){.resume-coach-app{background:#1a1a1a;color:#e0e0e0}.app-header h1{color:#e0e0e0}.app-subtitle{color:#b0b0b0}.mode-content{background:#2c2c2c;border-color:#444}.mode-option.active .mode-content{background:#1e3a5f;border-color:#4a90e2}.mode-label{color:#e0e0e0}.mode-desc{color:#b0b0b0}.dropzone{background:#2c2c2c;border-color:#555}.dropzone:hover{background:#1e3a5f}.dropzone.has-file{background:#1e4d2b;border-color:#48bb78}.upload-text,.file-name{color:#e0e0e0}.upload-hint,.file-size{color:#b0b0b0}.input-group label{color:#e0e0e0}.input-group textarea{background:#2c2c2c;border-color:#555;color:#e0e0e0}.input-group textarea:focus{border-color:#4a90e2;background:#333}.info-section{background:#2c2c2c}.info-section h3{color:#e0e0e0}.info-section li{color:#b0b0b0}.info-section strong{color:#e0e0e0}}@media (max-width: 99999px){.resume-coach-app{padding:20px 15px}.app-header h1{font-size:28px;color:#fff;font-weight:700}.app-subtitle{font-size:16px;color:#fff;font-weight:500}.document-type-section{margin-left:-15px;margin-right:-15px;padding:0 15px}.document-type-grid{gap:12px;padding:8px 12px 12px}.doc-card{min-width:120px;max-width:120px;height:120px;padding:16px 12px}.doc-icon{font-size:2rem;margin-bottom:8px}.doc-name{font-size:.75rem}.mode-selector{grid-template-columns:1fr;gap:15px}.mode-content{padding:25px 15px}.mode-icon{font-size:40px}.mode-label{font-size:18px}.dropzone{padding:40px 15px}.upload-icon{font-size:48px}.submit-button{width:100%;padding:16px 30px;font-size:16px}.info-section{padding:20px}.info-section h3{font-size:18px}.info-section li{font-size:14px}.btn-home{width:44px;height:44px;font-size:20px}.btn-coffee{padding:10px 16px;font-size:.9rem}.document-type-grid{gap:10px;padding:8px 10px 12px}.doc-card{min-width:110px;max-width:110px;height:110px;padding:14px 10px}.doc-icon{font-size:1.8rem;margin-bottom:6px}.doc-name{font-size:.7rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;min-height:100vh}body.word-battle-mode{background:linear-gradient(135deg,#667eea,#764ba2)}.app{min-height:100vh;display:flex;flex-direction:column;padding:20px;max-width:800px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2)}.app-header{text-align:center;color:#fff;margin-bottom:30px}.app-header h1{font-size:2.5rem;margin-bottom:10px}.stats{display:flex;gap:20px;justify-content:center;font-size:1rem;opacity:.9}.app-main{flex:1;display:flex;align-items:center;justify-content:center}.app-footer{text-align:center;color:#fff;opacity:.8;margin-top:20px;font-size:.9rem}.flashcard-container{width:100%;max-width:500px;perspective:1000px}.flashcard{width:100%;height:400px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:0 10px 40px #0000004d}.flashcard-front{background:#fff;color:#333}.flashcard.review-wrong .flashcard-front{background:#ffcdd2;color:#333}.flashcard.review-hard .flashcard-front{background:#fff9c4;color:#333}.flashcard.review-good .flashcard-front{background:#c8e6c9;color:#333}.flashcard-back{background:#f8f9fa;transform:rotateY(180deg);color:#333}.flashcard.review-wrong .flashcard-back{background:#ffcdd2;color:#333}.flashcard.review-hard .flashcard-back{background:#fff9c4;color:#333}.flashcard.review-good .flashcard-back{background:#c8e6c9;color:#333}.review-badge{position:absolute;top:15px;left:15px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #00000026;pointer-events:none}.review-badge.review-wrong{background:#ef5350;color:#fff}.review-badge.review-hard{background:#ffa726;color:#fff}.review-badge.review-good{background:#66bb6a;color:#fff}.flashcard-favorite-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;z-index:10;transition:transform .2s ease;padding:8px;line-height:1}.flashcard-favorite-btn:hover{transform:scale(1.2)}.flashcard-favorite-btn:active{transform:scale(.95)}.word-display{text-align:center}.word-display h1{font-size:3rem;color:#667eea;margin-bottom:15px}.part-of-speech{color:#666;font-size:1.2rem;margin-bottom:20px}.hint{color:#999;font-size:.9rem;margin-top:30px}.meaning-display{text-align:center}.meaning-display h2{font-size:2rem;color:#333;margin-bottom:20px}.word-small{color:#667eea;font-size:1.5rem;font-weight:600;margin-bottom:10px}.meta{color:#666;font-size:.9rem}.answer-buttons{display:flex;gap:15px;margin-top:30px;justify-content:center}.btn{padding:15px 30px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003}.btn:active{transform:translateY(0)}.btn-wrong{background:#e74c3c}.btn-hard{background:#f39c12}.btn-good{background:#27ae60}.keyboard-hint{text-align:center;margin-top:30px;color:#333;opacity:.7;font-size:.9rem}.loading,.error{text-align:center;color:#333;font-size:1.5rem;padding:50px}.level-test{width:100%;max-width:600px;margin:0 auto;color:#fff}.test-header{text-align:center;margin-bottom:30px}.test-header h2{font-size:2rem;margin-bottom:10px}.test-progress{font-size:1.2rem;opacity:.9;margin-top:10px}.test-card{background:#fff;color:#333;border-radius:20px;padding:50px;box-shadow:0 10px 40px #0000004d;cursor:pointer;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.test-word h1{font-size:3rem;color:#667eea;margin-bottom:10px}.test-meaning{margin-top:30px;text-align:center}.test-meaning h2{font-size:2rem;color:#333;margin-bottom:15px}.level-badge{display:inline-block;background:#667eea;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem}.test-buttons{display:flex;gap:20px;margin-top:30px;justify-content:center}.test-footer{text-align:center;margin-top:30px;opacity:.8;font-size:.9rem;color:#fff}.dashboard{width:100%;max-width:800px;margin:0 auto;color:#fff}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:3rem;margin-bottom:10px}.subtitle{font-size:1.2rem;opacity:.9}.level-info{background:#ffffff1a;border-radius:20px;padding:30px;margin-bottom:30px;color:#fff}.current-level{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.level-badge-large{font-size:2rem;background:#fff;color:#667eea;padding:15px 40px;border-radius:30px;display:inline-block;font-weight:700;margin-top:10px}.level-badge-large.master-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 5px 20px #ffd70080;animation:shine 2s infinite}.master-subtitle{margin-top:15px;font-size:1.1rem;opacity:.95}@keyframes shine{0%,to{box-shadow:0 5px 20px #ffd70080}50%{box-shadow:0 5px 30px #ffd700cc}}.level-progress-bar{display:flex;gap:5px;margin-top:20px}.level-step{flex:1;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.2rem}.level-step.completed{background:#27ae60;color:#fff}.level-step.current{background:#f39c12;color:#fff}.level-step.locked{background:#fff3;color:#fff}.level-step.master{background:linear-gradient(135deg,gold,#ffed4e);color:#333;animation:shine 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.stat-card{background:#ffffff1a;border-radius:15px;padding:20px;text-align:center;color:#fff}.stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:8px;color:#fff}.stat-card .stat-label{font-size:.9rem;opacity:.9;color:#fff}.milestone-info{background:linear-gradient(135deg,#2ecc7133,#27ae6033);border:2px solid rgba(46,204,113,.5);border-radius:15px;padding:20px;margin-bottom:30px;color:#fff}.milestone-header{font-size:1.1rem;font-weight:600;margin-bottom:15px;text-align:center}.milestone-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.milestone-target{font-size:1.2rem}.milestone-target strong{font-size:1.5rem;color:#2ecc71}.milestone-remaining{font-size:1rem;opacity:.8}.milestone-mini-bar{flex:1;height:10px;background:#fff3;border-radius:5px;overflow:hidden}.milestone-mini-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:5px;transition:width .3s ease}.dashboard .progress-bar-container{margin-bottom:30px!important}.dashboard .progress-bar{width:100%!important;height:30px!important;background:#ffffffd9!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 2px 8px #0000001a!important}.dashboard .progress-bar-fill{height:100%!important;background:linear-gradient(90deg,#27ae60,#2ecc71)!important;background-size:100% 100%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:700!important;font-size:1rem!important;transition:width .5s ease!important;animation:none!important;box-shadow:none!important;border-radius:0!important}.dashboard .progress-text{text-align:center!important;margin-top:10px!important;font-size:.95rem!important;opacity:.9!important;font-weight:500!important;color:#fff!important}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.btn-large{padding:20px;font-size:1.2rem}.btn-primary{background:#27ae60}.btn-exam{background:#f39c12}.btn-exam-challenge{background:linear-gradient(135deg,#e74c3c,#f39c12);animation:pulse-challenge 2s infinite}@keyframes pulse-challenge{0%,to{box-shadow:0 5px 15px #e74c3c66}50%{box-shadow:0 5px 25px #e74c3cb3}}.btn-exam:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.btn-master{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 5px 20px #ffd70066}.btn-master:hover{box-shadow:0 8px 30px #ffd70099}.info-box{background:#ffffff1a;border-radius:15px;padding:25px;color:#fff}.info-box h3{margin-bottom:15px}.info-box ul{list-style:none;padding:0}.info-box li{margin-bottom:10px;padding-left:10px}.reset-section{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.btn-reset{background:#e74c3c;padding:15px 30px;border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-reset:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 5px 20px #e74c3c66}.reset-warning{margin-top:15px;font-size:.9rem;opacity:.8;color:#ffcccb}.exam{width:100%;max-width:700px;margin:0 auto;color:#333}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.exam-header h2{font-size:2rem}.exam-progress{font-size:1.2rem;opacity:.9}.btn-cancel{background:#fff3;border:none;color:#333;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer}.exam-question{background:#fff;color:#333;border-radius:20px;padding:40px;text-align:center;margin-bottom:30px}.exam-question h1{font-size:3rem;color:#667eea;margin-bottom:15px}.exam-choices{display:flex;flex-direction:column;gap:15px}.choice-btn{background:#fff3;border:2px solid #333;color:#333;padding:20px;border-radius:15px;font-size:1.1rem;cursor:pointer;transition:all .3s}.choice-btn:hover:not(:disabled){background:#ffffff4d;transform:translate(5px)}.choice-btn.correct{background:#27ae60;border-color:#27ae60;color:#fff}.choice-btn.wrong{background:#e74c3c;border-color:#e74c3c;color:#fff}.choice-btn:disabled{cursor:not-allowed}.exam-footer{text-align:center;margin-top:30px;opacity:.8;color:#fff}.exam-result{text-align:center;color:#333;padding:50px}.exam-result h1{font-size:3rem;margin-bottom:30px}.score{background:#fff3;border-radius:20px;padding:40px;margin-bottom:30px;color:#333}.score-value{font-size:4rem;font-weight:700;margin-bottom:10px}.score-percentage{font-size:2rem;opacity:.9}.btn-back{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;margin-bottom:20px}.btn-back:hover{background:#ffffff4d}.app-footer-license{text-align:center;padding:20px;margin-top:30px;border-top:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;opacity:.8;line-height:1.6}.app-footer-license p{max-width:800px;margin:0 auto}@media (max-width: 99999px){.app-header h1{font-size:2rem}.flashcard{height:350px}.word-display h1{font-size:2.5rem}.answer-buttons{flex-direction:row;gap:8px}.btn{flex:1;padding:12px 8px;font-size:.9rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px 10px}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}.milestone-info{padding:15px}.milestone-content{flex-direction:column;align-items:stretch;gap:10px}.milestone-target,.milestone-remaining{text-align:center}.level-progress-bar{flex-wrap:wrap}.level-step{min-width:30px}}.btn-home{position:fixed;top:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#fff;color:#333;border:3px solid #667eea;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.btn-home:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003;background:#f0f4ff}.btn-help{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#fff;color:#333;border:3px solid #667eea;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.btn-help:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003;background:#f0f4ff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#fff;color:#333;border-radius:16px;max-width:min(600px,100%);width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;position:relative;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#667eea;font-size:1.5rem}.btn-close{background:none;border:none;font-size:28px;cursor:pointer;color:#999;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close:hover{background:#f0f0f0;color:#333}.help-content{padding:24px}.help-section{margin-bottom:28px}.help-section:last-child{margin-bottom:0}.help-section h3{color:#764ba2;margin-bottom:12px;font-size:1.2rem}.help-section p{color:#555;margin-bottom:12px;line-height:1.6}.help-section ul{margin-left:20px;color:#666}.help-section li{margin-bottom:8px;line-height:1.6}.help-section li strong{color:#333}.modal-footer{padding:20px 24px;border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end}.modal-footer .btn-primary{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 600px){.btn-home,.btn-help{width:44px;height:44px;font-size:20px}.modal-content{max-height:90vh}.modal-header,.help-content,.modal-footer{padding:16px}.btn-coffee{padding:10px 16px;font-size:.9rem}}.btn-coffee{position:fixed;bottom:20px;left:20px;padding:14px 24px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#333;text-decoration:none;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}.btn-coffee:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b80;background:linear-gradient(135deg,#fa6,#ff7b7b)}.test-word-display{background:#fff;color:#333;border-radius:16px;padding:24px;margin:10px 0;box-shadow:0 4px 20px #0000001a;text-align:center}.test-word-display h1{font-size:2.5rem;margin-bottom:8px;color:#333}.timer-bar-container{width:100%;height:6px;background:#0000001a;border-radius:3px;margin-top:16px;overflow:hidden}.timer-bar-fill{height:100%;border-radius:3px;transition:width .01s linear,background-color .3s ease}.verification-section{margin-top:10px}.verification-hint{text-align:center;color:#ff4d4f;font-weight:700;margin-bottom:16px;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-yes,.btn-no{flex:1;padding:16px;font-size:1.1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease}.btn-yes{background:linear-gradient(135deg,#52c41a,#73d13d);color:#333}.btn-yes:hover{transform:translateY(-2px);box-shadow:0 6px 20px #52c41a66}.btn-no{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#333}.btn-no:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4f66}.btn-icon-white{filter:brightness(0) invert(1);display:inline-block;margin-right:8px}.btn-giveup{width:100%;margin-top:12px;padding:14px;font-size:1rem;font-weight:700;border-radius:12px;border:3px solid #e74c3c;background:#e74c3c;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e74c3c80}.btn-giveup:hover{background:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 6px 16px #e74c3c99}.word-with-speaker{display:flex;align-items:center;justify-content:center;gap:16px}.speaker-btn{background:#fff;color:#333;border:2px solid #667eea;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.speaker-btn:hover{background:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.speaker-btn:active{transform:scale(.95)}@media (max-width: 600px){.speaker-btn{width:40px;height:40px;font-size:20px}.word-with-speaker{gap:12px}}.vocabulary-container{background:#fff;color:#333;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000026;width:100%;max-width:1200px;margin:0 auto}.vocabulary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}.vocabulary-header h1{font-size:2rem;color:#667eea;flex:1}.btn-close{background:#ff6b6b;color:#333;border:none;padding:14px 28px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:100px}.btn-close:hover{background:#ee5a52;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.vocabulary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.stat-item{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center;border:2px solid #e9ecef}.stat-item.stat-wrong{border-color:#ffcdd2;background:#fff5f5}.stat-item.stat-hard{border-color:#fff9c4;background:#fffef0}.stat-item.stat-good{border-color:#c8e6c9;background:#f1f8f4}.stat-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#333}.review-calendar{background:linear-gradient(135deg,#a78bfa,#c4b5fd);padding:20px;border-radius:15px;margin-bottom:30px;color:#fff}.review-calendar h3{margin-bottom:15px;font-size:1.2rem;color:#fff}.calendar-items{display:flex;gap:20px;justify-content:space-around}.calendar-item{text-align:center}.calendar-label{display:block;font-size:.9rem;opacity:.95;margin-bottom:8px;color:#fff}.calendar-count{display:block;font-size:1.8rem;font-weight:700;color:#fff}.vocabulary-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.search-input{padding:15px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-filter{padding:10px 20px;border:2px solid #cbd5e0;background:#f7fafc;color:#4a5568;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.btn-filter:hover{border-color:#667eea;background:#edf2f7;color:#2d3748;transform:translateY(-1px)}.btn-filter.active{background:#a78bfa;color:#fff;border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa4d}.sort-select{padding:12px 20px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;cursor:pointer;background:#fff;color:#333;transition:all .3s ease}.sort-select:focus{outline:none;border-color:#667eea}.vocabulary-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding-right:10px}.vocabulary-list::-webkit-scrollbar{width:8px}.vocabulary-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.vocabulary-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.vocabulary-list::-webkit-scrollbar-thumb:hover{background:#5568d3}.vocabulary-item{background:#fff;color:#333;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.vocabulary-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vocabulary-item.grade-wrong{border-color:#ffcdd2;background:#fff5f5}.vocabulary-item.grade-hard{border-color:#fff9c4;background:#fffef0}.vocabulary-item.grade-good{border-color:#c8e6c9;background:#f1f8f4}.vocabulary-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.word-title{display:flex;align-items:center;gap:12px}.word-title h3{font-size:1.5rem;color:#333;margin:0}.btn-favorite{background:none;border:none;font-size:1.8rem;cursor:pointer;transition:transform .2s ease}.btn-favorite:hover{transform:scale(1.2)}.word-meaning{font-size:1.1rem;color:#555;margin-bottom:12px}.word-meta{display:flex;gap:15px;flex-wrap:wrap}.meta-item{padding:6px 12px;background:#f8f9fa;border-radius:8px;font-size:.85rem;color:#666}.meta-item.grade-badge{font-weight:600}.meta-item.grade-badge.grade-wrong{background:#ffcdd2;color:#c62828}.meta-item.grade-badge.grade-hard{background:#fff9c4;color:#f57f17}.meta-item.grade-badge.grade-good{background:#c8e6c9;color:#2e7d32}.empty-message{text-align:center;padding:60px 20px;color:#999;font-size:1.2rem}.btn-vocabulary{background:linear-gradient(135deg,#6ba3d3,#5a8fc4);color:#333;font-weight:700;border:none}.btn-vocabulary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5a8fc466}@media (max-width: 768px){.vocabulary-container{padding:20px}.vocabulary-header{flex-direction:row;align-items:center;justify-content:space-between}.vocabulary-header h1{font-size:1.5rem}.btn-close{padding:10px 20px;font-size:1rem}.vocabulary-stats{grid-template-columns:repeat(2,1fr)}.calendar-items{flex-direction:row;gap:10px;justify-content:space-between}.calendar-item{flex:1}.calendar-label{font-size:.85rem}.calendar-count{font-size:1.5rem}.filter-buttons{gap:4px;justify-content:flex-start}.btn-filter{font-size:.75rem;padding:8px 10px;flex:0 0 auto;white-space:nowrap}.vocabulary-list{max-height:500px}.word-title h3{font-size:1.2rem}.word-meaning{font-size:1rem}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.share-modal-box{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #efefef}.share-modal-header h2{margin:0;font-size:1.2rem;color:#333;font-weight:700}.share-close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.share-close-btn:hover{background:#f0f0f0;color:#333}.share-tabs{display:flex;border-bottom:1px solid #efefef}.share-tab{flex:1;padding:12px;border:none;background:none;font-size:.95rem;font-weight:600;color:#999;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.share-modal-content{padding:20px}.share-text-box{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px}.share-text-box pre{margin:0;font-family:inherit;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;color:#333;font-size:.9rem}.share-buttons{display:flex;flex-direction:column;gap:10px}.share-btn{padding:14px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.share-btn-primary{background:#667eea;color:#fff}.share-btn-primary:hover{background:#5568d3;transform:translateY(-1px)}.share-btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.share-btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.share-btn-secondary:hover{background:#f8f9ff}.share-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;margin-bottom:16px}.share-preview-header{text-align:center;margin-bottom:20px}.share-preview-header h1{margin:0 0 8px;font-size:1.8rem;font-weight:700}.share-preview-header p{margin:0;font-size:.95rem;opacity:.95}.share-preview-body{display:flex;flex-direction:column;gap:16px}.share-level-info{display:flex;justify-content:space-between;align-items:center;background:#ffffff26;padding:12px 16px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-level-info span:first-child{font-size:.95rem;font-weight:600}.share-level-badge{background:#fff;color:#667eea;padding:6px 16px;border-radius:16px;font-weight:700;font-size:1rem}.share-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-stat-item{background:#ffffff26;padding:14px 10px;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.share-stat-label{font-size:.8rem;opacity:.95}.share-progress{background:#fff3;border-radius:8px;height:16px;overflow:hidden}.share-progress-bar{background:linear-gradient(90deg,#4ade80,#22c55e);height:100%;transition:width .3s ease;box-shadow:0 0 8px #4ade8080}.share-footer-text{text-align:center;margin-top:8px}.share-footer-text p{margin:4px 0;font-size:.95rem}.share-url{font-weight:600;opacity:.95}.share-modal{max-width:min(600px,calc(100vw - 40px));min-height:auto;width:100%}.share-mode-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.share-tab{flex:1;padding:12px;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.share-tab:hover{color:#667eea;background:#667eea0d}.share-tab.active{color:#667eea;border-bottom-color:#667eea}.share-content{min-height:350px;display:flex;flex-direction:column;padding:20px}.text-share{display:flex;flex-direction:column;gap:20px;width:100%}.share-text-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px;min-height:200px}.share-text-preview pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;color:#333;margin:0}.share-buttons{display:flex;flex-direction:column;gap:12px}.btn-share{padding:14px 20px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.btn-mobile{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-mobile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.btn-twitter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1da1f266}.btn-facebook{background:linear-gradient(135deg,#1877f2,#0d65d9);color:#fff}.btn-facebook:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1877f266}.btn-copy{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-download-image{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-download-image:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.btn-share:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.image-share{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.image-share .share-buttons{width:100%;max-width:100%}.share-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px 30px;color:#fff;width:100%;max-width:500px;box-shadow:0 10px 30px #0000004d}.share-card-header{text-align:center;margin-bottom:30px}.share-card-header h1{font-size:2.5rem;margin-bottom:8px;font-weight:700}.share-subtitle{font-size:1rem;opacity:.9}.share-card-body{display:flex;flex-direction:column;gap:25px}.share-level{display:flex;justify-content:space-between;align-items:center;background:#ffffff26;padding:15px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-label{font-size:1.1rem;font-weight:600}.share-value.level-badge{background:#fff;color:#333;color:#667eea;padding:8px 20px;border-radius:20px;font-weight:700;font-size:1.2rem}.share-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.share-stat{background:#ffffff26;padding:20px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.share-stat-label{display:block;font-size:.9rem;opacity:.9}.share-progress-bar{background:#fff3;border-radius:10px;height:20px;overflow:hidden;position:relative}.share-progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);height:100%;border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #4ade8080}.share-card-footer{text-align:center;margin-top:10px}.share-card-footer p{margin:5px 0;font-size:1rem}.share-url{font-weight:600;font-size:1.1rem;opacity:.95}.btn-download{width:100%;max-width:500px;padding:16px;font-size:1.1rem}.btn-download:disabled{opacity:.6;cursor:not-allowed}.btn-share.btn-large{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff}.btn-share.btn-large:hover{background:linear-gradient(135deg,#d946ef,#c026d3);transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:90vh;border-radius:12px}.modal-header{padding:16px}.modal-header h2{font-size:1.2rem}.share-modal{max-width:100%;min-height:auto}.share-content{padding:16px;min-height:300px}.share-mode-tabs{margin-bottom:16px}.share-tab{padding:10px;font-size:.9rem}.share-card{padding:24px 16px;max-width:100%}.share-card-header h1{font-size:1.8rem}.share-subtitle{font-size:.9rem}.share-stats-grid{gap:10px}.share-stat{padding:15px 10px}.share-stat-value{font-size:1.5rem}.share-stat-label{font-size:.8rem}.share-label{font-size:1rem}.share-value.level-badge{font-size:1rem;padding:6px 16px}.btn-share{padding:12px 16px;font-size:.9rem}.share-text-preview{padding:16px;min-height:150px}.share-text-preview pre{font-size:.9rem}}.landing-app{max-width:100%;padding:0;background:#fff}.landing-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#fafbfc;overflow-x:hidden}.landing-logo{position:fixed;top:20px;left:20px;z-index:1000;background:#fff;color:#333;padding:10px 15px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.landing-logo img{height:40px;width:auto;display:block}.language-bar{position:sticky!important;top:0!important;width:100%!important;background:#fffffff2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:12px 20px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;z-index:1000!important;box-shadow:0 2px 10px #0000000d!important;border-bottom:1px solid rgba(102,126,234,.1)!important}.language-toggle{background:#fff;color:#333;border:2px solid #667eea;color:#667eea;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.language-toggle:hover{background:#667eea;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.hero-banner{position:relative;height:60vh;min-height:500px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-image .8s ease-in-out;margin-bottom:0}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eead9,#764ba2d9);z-index:1}.hero-overlay{position:relative;z-index:2;text-align:center;color:#fff;max-width:1000px;padding:60px 40px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.4);white-space:normal;letter-spacing:-.02em}.hero-subtitle{font-size:1.4rem;font-weight:300;line-height:1.7;opacity:.98;text-shadow:0 2px 10px rgba(0,0,0,.3);max-width:800px;margin:0 auto 32px}.hero-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:2}.hero-indicators .indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid white;cursor:pointer;transition:all .3s ease;padding:0}.hero-indicators .indicator:hover{background:#fffc;transform:scale(1.2)}.hero-indicators .indicator.active{background:#fff;color:#333;width:32px;border-radius:6px}.hero-ctas{display:flex;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}.docs-center-btn.secondary{background:#ffffff1f;border-color:#fff6}.docs-center-btn.secondary:hover{background:#ffffff40}.section-heading{text-align:center;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto}.section-heading h2{font-size:2.4rem;margin:12px 0 16px;color:#1f2933;font-weight:800}.section-heading p{color:#4b5563;line-height:1.8;margin:0;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.15rem;font-size:.85rem;color:#818cf8;margin-bottom:10px;font-weight:700}.hero-overlay .eyebrow{color:#fff;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.3)}.home-editorial,.guides-section,.research-notes{width:100%;max-width:1300px;margin:0 auto;padding:80px 40px;background:#fff}.editorial-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.featured-article{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);border-radius:20px;padding:48px 40px;min-height:380px;display:flex;flex-direction:column;justify-content:center;color:#1f2933;position:relative;overflow:hidden;border:1px solid #e0e7ff;box-shadow:0 4px 20px #6366f114;transition:transform .3s ease,box-shadow .3s ease}.featured-article:hover{transform:translateY(-4px);box-shadow:0 8px 30px #6366f126}.featured-badge{position:absolute;top:28px;right:28px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.8rem;font-weight:700;padding:8px 18px;border-radius:999px;letter-spacing:.05em;box-shadow:0 4px 12px #6366f14d}.featured-article h3{font-size:2.2rem;margin-bottom:20px;line-height:1.3;font-weight:800;color:#111827}.featured-article p{margin-bottom:20px;color:#4b5563;line-height:1.8;font-size:1.05rem}.article-meta{display:flex;gap:16px;font-size:.9rem;color:#9ca3af;margin-bottom:12px}.article-link{margin-top:16px;font-weight:700;color:#6366f1;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}.article-link:hover{gap:12px;color:#4f46e5}.article-link:after{content:"→";font-size:1.2rem}.latest-articles{display:grid;gap:24px}.article-card{border:1px solid #e5e7eb;border-radius:16px;padding:28px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.article-card:hover{transform:translate(8px);box-shadow:0 4px 16px #00000014;border-color:#c7d2fe}.article-card h3{margin:0;font-size:1.3rem;color:#111827;font-weight:700;line-height:1.4}.article-card p{margin:0;color:#6b7280;line-height:1.7;font-size:.95rem}.article-card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.article-placeholder{border:2px dashed #c7d2fe;border-radius:16px;padding:40px;color:#6366f1;background:#fafbff;text-align:center;font-size:.95rem;line-height:1.6}.guides-grid{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.guide-card{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#1f2937;border-radius:16px;padding:32px;min-height:240px;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:all .3s ease;border:1px solid #c7d2fe;box-shadow:0 4px 16px #6366f11a;flex:0 1 400px;max-width:400px}.guide-card:focus{outline:3px solid #818cf8;outline-offset:2px}.guide-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #6366f140;border-color:#818cf8;background:linear-gradient(135deg,#eef2ff,#ddd6fe)}.guide-card h3{font-size:1.4rem;font-weight:700;line-height:1.3;margin:0;color:#1f2937}.guide-card p{font-size:.95rem;line-height:1.6;margin:0;flex-grow:1;color:#4b5563}.guide-badge{align-self:flex-start;padding:6px 14px;border-radius:999px;border:1px solid #818cf8;font-size:.75rem;font-weight:600;letter-spacing:.05em;background:#fff;color:#6366f1}.guide-link{margin-top:auto;font-weight:700;color:#6366f1;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}.guide-link:after{content:"→";font-size:1.1rem}.guide-card:hover .guide-link{gap:10px;color:#4f46e5}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.resource-card{border:1px solid #e5e7eb;border-radius:16px;padding:32px;background:#fff;display:flex;flex-direction:column;gap:14px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.resource-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#c7d2fe}.resource-card h3{margin:0;font-size:1.35rem;color:#111827;font-weight:700;line-height:1.3}.resource-card p{margin:0;color:#6b7280;line-height:1.7;font-size:.95rem;flex-grow:1}.resource-link{margin-top:auto;align-self:flex-start;border:none;background:transparent;color:#6366f1;font-weight:700;cursor:pointer;font-size:.95rem;padding:0;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}.resource-link:after{content:"→";font-size:1.1rem}.resource-link:hover{color:#4f46e5;gap:10px}.projects-showcase{width:100%;max-width:1300px;margin:0 auto;padding:80px 40px;background:#fafbfc;color:#333;box-sizing:border-box}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.showcase-card{position:relative;height:220px;min-height:220px;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 8px 24px #0000001f}.showcase-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #0003}.showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;transition:background .3s ease;z-index:1}.showcase-card:hover:before{background:#0009}.click-badge{position:absolute;top:20px;right:20px;background:#fffffff2;color:#667eea;border:none;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;z-index:2;pointer-events:none;transition:all .3s ease;box-shadow:0 2px 8px #0003}.showcase-card:hover .click-badge{background:#667eea;color:#333;transform:scale(1.05)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px;color:#fff;z-index:2}.showcase-title{font-size:2rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.showcase-description{font-size:1rem;line-height:1.6;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.5)}.guide-link-btn{margin-top:15px;padding:10px 20px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.8);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.guide-link-btn:hover{background:#ffffff59;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.docs-center-btn{margin-top:2rem;padding:1rem 2.5rem;background:#ffffff40;color:#333;border:2px solid rgba(255,255,255,.8);border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 15px #0003}.docs-center-btn:hover{background:#fff6;border-color:#333;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.todayfortune-showcase{background:linear-gradient(135deg,#8b5cf6b3,#7c3aedb3),url(/pj_today_fortune_img.png);background-size:cover;background-position:center}.tarot-showcase{background:linear-gradient(135deg,#a78bfab3,#ec4899b3),url(/pj_tarot_img.png);background-size:cover;background-position:center}.todaytone-showcase{background:linear-gradient(135deg,#2c2c2e99,#48484a99),url(/pj_today_img.png);background-size:cover;background-position:center}.dreamlens-showcase{background:linear-gradient(135deg,#fbbf24b3,#f59e0bb3),url(/pj_dream_img.png);background-size:cover;background-position:center}.wordbattle-showcase{background:linear-gradient(135deg,#667eeab3,#764ba2b3),url(/pj_word_img.png);background-size:cover;background-position:center}.resumecoach-showcase{background:linear-gradient(135deg,#4a90e2cc,#2d6cb5cc),url(/pj_coach_img.png);background-size:cover;background-position:center}.documentcoach-showcase{background:linear-gradient(135deg,#4a90e2cc,#2d6cb5cc),url(/pj_coach_img.png);background-size:cover;background-position:center}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#2d3748;font-weight:700}.landing-footer{padding:40px 20px;background:#2d3748;color:#333;text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer-text{margin-bottom:20px;opacity:.8}.footer-links{display:flex;justify-content:center;gap:30px}.footer-link{color:#333;text-decoration:none;transition:opacity .3s ease}.footer-link:hover{opacity:.7}@media (max-width: 1024px){.hero-banner{height:50vh;min-height:400px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.home-editorial,.guides-section,.research-notes,.projects-showcase{padding:60px 30px}.editorial-grid{grid-template-columns:1fr;gap:32px}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:24px}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.guides-grid{gap:24px}.guide-card{flex:0 1 360px;max-width:360px}}@media (max-width: 768px){.landing-logo{top:12px;left:12px;padding:8px 12px}.landing-logo img{height:28px}.language-bar{padding:10px 15px}.language-toggle{padding:7px 18px;font-size:.85rem}.hero-banner{height:45vh;min-height:350px}.hero-overlay{padding:30px 20px}.hero-title{font-size:2rem;white-space:normal;line-height:1.25}.hero-subtitle{font-size:1.05rem;line-height:1.6}.hero-ctas{flex-direction:column;gap:12px}.docs-center-btn{padding:.9rem 2rem;font-size:1rem}.hero-indicators{bottom:20px;gap:8px}.hero-indicators .indicator{width:10px;height:10px}.hero-indicators .indicator.active{width:24px}.home-editorial,.guides-section,.research-notes{padding:50px 20px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:1.8rem;line-height:1.3}.section-heading p{font-size:.95rem}.editorial-grid{grid-template-columns:1fr;gap:24px}.featured-article{padding:32px 24px;min-height:auto}.featured-article h3{font-size:1.6rem}.featured-article p{font-size:1rem}.latest-articles{gap:20px}.article-card{padding:24px}.article-card h3{font-size:1.2rem}.guides-grid{gap:20px}.guide-card{padding:28px;min-height:auto;flex:1 1 100%;max-width:100%}.guide-card h3{font-size:1.3rem}.resources-grid{grid-template-columns:1fr;gap:20px}.resource-card{padding:28px}.resource-card h3{font-size:1.25rem}.projects-showcase{padding:50px 20px}.showcase-grid{grid-template-columns:1fr;gap:24px}.showcase-card{height:200px;min-height:200px;border-radius:16px}.click-badge{top:16px;right:16px;padding:7px 16px;font-size:.85rem}.showcase-overlay{padding:28px}.showcase-title{font-size:1.6rem;margin-bottom:12px}.showcase-description{font-size:.95rem;line-height:1.5}.guide-link-btn{margin-top:12px;padding:9px 18px;font-size:.85rem}.section-title{font-size:1.8rem}.info-compact{padding:50px 15px}.footer-links{flex-direction:column;gap:15px}}@media (max-width: 480px){.hero-banner{min-height:300px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.95rem}.docs-center-btn{padding:.8rem 1.6rem;font-size:.95rem}.home-editorial,.guides-section,.research-notes,.projects-showcase{padding:40px 16px}.section-heading h2{font-size:1.5rem}.featured-article{padding:24px 20px}.featured-article h3{font-size:1.4rem}.article-card,.guide-card,.resource-card{padding:20px}.showcase-card{height:180px;min-height:180px}.showcase-title{font-size:1.4rem}.showcase-description{font-size:.9rem}}.info-compact{background:#f9fafb;padding:80px 40px}.info-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.info-block{background:#fff;color:#333;padding:36px;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.info-block:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#c7d2fe}.info-title{font-size:1.6rem;color:#111827;margin-bottom:24px;font-weight:800;border-bottom:3px solid #6366f1;padding-bottom:12px;letter-spacing:-.01em}.info-list,.info-steps{list-style:none;padding:0;margin:0}.info-list li,.info-steps li{padding:14px 0;color:#6b7280;line-height:1.7;border-bottom:1px solid #f3f4f6;font-size:.95rem}.info-list li:last-child,.info-steps li:last-child{border-bottom:none}.info-icon{font-size:1.4rem;margin-right:10px;vertical-align:middle}.info-list strong,.info-steps strong{color:#111827;font-weight:700}.info-steps{counter-reset:step-counter;list-style:none}.info-steps li{counter-increment:step-counter;position:relative;padding-left:48px}.info-steps li:before{content:counter(step-counter);position:absolute;left:0;top:10px;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;box-shadow:0 4px 12px #6366f14d}.about-block p{color:#6b7280;line-height:1.8;margin-bottom:16px;font-size:.95rem}@media (max-width: 768px){.info-compact{padding:40px 15px}.info-container{grid-template-columns:1fr;gap:25px}.info-block{padding:20px}.info-title{font-size:1.3rem}.info-list li,.info-steps li{font-size:.95rem}}.dream-lens-app{min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#312e81,#1e1b4b);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dream-header{text-align:center;padding:2rem 1rem 1.5rem;position:relative;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.dream-title{font-size:2.5rem;font-weight:700;margin:.5rem 0;background:linear-gradient(135deg,#fbbf24,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dream-icon{font-size:2rem;margin-right:.5rem}.dream-subtitle{font-size:1rem;color:#ffffffb3;margin:.5rem 0 0}.dream-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.section-heading{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#fbbf24}.category-section{margin-bottom:2rem}.category-label{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#ffffffe6}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.category-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.category-button:hover{background:#ffffff26;transform:translateY(-2px)}.category-button.active{background:var(--category-color, #667eea);border-color:var(--category-color, #667eea);box-shadow:0 0 20px #667eea66}.category-icon{font-size:1.8rem}.category-name{font-size:.9rem;font-weight:500}.dream-text-section{margin-bottom:2rem}.input-label{display:block;font-size:1rem;font-weight:500;margin-bottom:.75rem;color:#ffffffe6}.dream-textarea{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;padding:1rem;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.dream-textarea:focus{outline:none;border-color:#fbbf24;background:#ffffff26;box-shadow:0 0 0 3px #fbbf241a}.dream-textarea::placeholder{color:#fff6}.character-count{text-align:right;font-size:.85rem;color:#ffffff80;margin-top:.5rem}.symbols-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.symbols-label{font-size:.95rem;margin-bottom:1rem;color:#fffc}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.symbol-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.3rem}.symbol-button:hover{background:#fff3;transform:scale(1.05);border-color:#fbbf24}.symbol-icon{font-size:1.5rem}.symbol-name{font-size:.8rem}.analyze-button{width:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1e1b4b;padding:1.25rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #fbbf2466}.analyze-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{font-size:1.3rem}.tips-section{background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:12px;padding:1.5rem}.tips-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#c4b5fd}.tips-list{margin:0;padding-left:1.5rem;color:#fffc}.tips-list li{margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.dream-interpreting-section{min-height:60vh;display:flex;align-items:center;justify-content:center}.interpreting-animation{display:flex;gap:1rem;margin-bottom:2rem}.dream-orb{width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#a78bfa);border-radius:50%;animation:dreamPulse 1.5s ease-in-out infinite}.dream-orb:nth-child(2){animation-delay:.3s}.dream-orb:nth-child(3){animation-delay:.6s}@keyframes dreamPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.interpreting-title{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:#fbbf24}.interpreting-subtitle{font-size:1rem;text-align:center;color:#ffffffb3}.dream-result-section{padding-bottom:3rem}.result-header{text-align:center;margin-bottom:2rem}.result-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#fbbf24}.result-category{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.user-dream-box,.interpretation-box,.disclaimer-box{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.box-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fbbf24;display:flex;align-items:center;gap:.5rem}.user-dream-text{line-height:1.8;color:#ffffffe6;font-size:1rem}.interpretation-content{line-height:1.8;color:#ffffffe6}.interpretation-paragraph{margin-bottom:1rem;font-size:1rem}.interpretation-paragraph:last-child{margin-bottom:0}.disclaimer-box{background:#fbbf241a;border-color:#fbbf244d}.disclaimer-text{font-size:.85rem;color:#ffffffb3;line-height:1.6;margin:0}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.action-button{padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.action-button.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b4b}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #fbbf244d}.action-button.secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff}.action-button.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.dream-footer{text-align:center;padding:2rem 1rem;color:#ffffff80;font-size:.9rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 99999px){.dream-title{font-size:2rem}.section-heading{font-size:1.5rem}.category-grid{grid-template-columns:repeat(2,1fr)}.symbols-grid{grid-template-columns:repeat(4,1fr)}.result-actions{grid-template-columns:1fr}.dream-header{padding:1.5rem 1rem 1rem}.dream-title{font-size:1.6rem}.dream-icon{font-size:1.5rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.category-button{padding:.75rem}.category-icon{font-size:1.5rem}.category-name{font-size:.8rem}.symbols-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.symbol-button{padding:.5rem}.symbol-icon{font-size:1.2rem}.symbol-name{font-size:.7rem}}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-bg)}.onboarding-container{max-width:480px;width:100%}.onboarding-header{text-align:center;margin-bottom:var(--spacing-xl)}.onboarding-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-header p{color:var(--color-text-dim);font-size:var(--font-body)}.onboarding-form{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-body);color:var(--color-text)}.form-group input,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-body);transition:border-color .2s}.form-group input[type=date]{color-scheme:dark;cursor:pointer;position:relative;padding-right:40px}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238ab4f8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;padding:0;margin:0;opacity:1;filter:none}.form-group input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.8}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group input.error,.form-group select.error{border-color:#f87171}.error-message{display:block;color:#f87171;font-size:var(--font-small);margin-top:var(--spacing-xs)}.submit-button{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-bg);font-size:var(--font-body);font-weight:600;border-radius:var(--radius-sm);transition:opacity .2s}.submit-button:hover{opacity:.9}.onboarding-footer{margin-top:var(--spacing-lg);text-align:center}.privacy-note{font-size:var(--font-small);color:var(--color-text-dim);line-height:1.5}.biorhythm-chart{width:100%;background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.biorhythm-chart canvas{display:block}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.settings-container{max-width:500px;width:100%;max-height:90vh;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-card);z-index:10}.settings-header h2{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);font-size:1.5rem;transition:background .2s}.close-button:hover{background:var(--color-bg)}.settings-form{padding:var(--spacing-lg)}.settings-form input[type=date]{color-scheme:dark;cursor:pointer;position:relative;padding-right:40px}.settings-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238ab4f8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;padding:0;margin:0;opacity:1;filter:none}.settings-form input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.8}.danger-zone{padding:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}.danger-zone h3{font-size:1.125rem;font-weight:600;color:#f87171;margin-bottom:var(--spacing-sm)}.danger-description{font-size:var(--font-small);color:var(--color-text-dim);margin-bottom:var(--spacing-md);line-height:1.5}.danger-button{width:100%;padding:var(--spacing-md);background:transparent;border:1px solid #f87171;color:#f87171;font-size:var(--font-body);font-weight:600;border-radius:var(--radius-sm);transition:all .2s}.danger-button:hover{background:#f871711a}.danger-button.confirm{background:#f87171;color:#fff}.danger-button.confirm:hover{background:#ef4444}.delete-confirm{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirm-text{font-size:var(--font-body);color:var(--color-text);font-weight:600;text-align:center}.confirm-buttons{display:flex;gap:var(--spacing-md)}.confirm-buttons .danger-button{flex:1;min-width:0}.cancel-button{flex:1;min-width:0;padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-body);font-weight:600;border-radius:var(--radius-sm);transition:opacity .2s;white-space:nowrap}.cancel-button:hover{opacity:.8}@media (max-width: 640px){.settings-overlay{padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.settings-container{max-height:calc(100vh - var(--spacing-xl) * 2 - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg)}.settings-header{padding:var(--spacing-lg) var(--spacing-lg);padding-top:var(--spacing-xl)}.settings-form{padding:var(--spacing-lg);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.danger-zone{padding:var(--spacing-lg);padding-bottom:var(--spacing-xl);margin-top:0}}.birth-date-inputs{display:flex;align-items:center;gap:8px}.birth-year{width:35%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-body);text-align:center;transition:border-color .2s}.birth-month,.birth-day{width:25%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-body);text-align:center;transition:border-color .2s}.birth-separator{color:var(--color-text-dim);font-weight:500;font-size:1.2rem}.birth-year:focus,.birth-month:focus,.birth-day:focus{outline:none;border-color:var(--color-primary)}.birth-year.error,.birth-month.error,.birth-day.error{border-color:#f87171}.daily-view{max-width:800px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:var(--color-bg)}.daily-view.loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-dim)}.daily-header{margin-bottom:var(--spacing-xl)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-text{flex:1;text-align:center}.daily-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.daily-header .date{color:var(--color-text-dim);font-size:var(--font-body)}.daily-header .streak{margin-top:var(--spacing-sm);color:var(--color-accent);font-weight:600}.settings-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1.25rem;transition:all .2s;flex-shrink:0}.settings-button:hover{background:var(--color-bg);transform:rotate(45deg)}.section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-primary)}.biorhythm-values{display:flex;justify-content:space-around;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.value-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.value-item .label{font-size:var(--font-small);color:var(--color-text-dim)}.value-item .value{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace}.summary-section{background:linear-gradient(135deg,#8ab4f81a,#fde2931a)}.summary-text{font-size:1.125rem;line-height:1.7;color:var(--color-text)}.color-outfit{display:flex;flex-direction:column;gap:var(--spacing-lg)}.color-swatch{height:120px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.color-name{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:var(--spacing-sm) var(--spacing-md);background:#0003;border-radius:var(--radius-sm)}.outfit-text{font-size:var(--font-body);line-height:1.6;color:var(--color-text)}.fortune-section{background:linear-gradient(135deg,#a8a2d61a,#c7ceea1a)}.fortune-text{font-size:var(--font-body);line-height:1.8;color:var(--color-text)}.lotto-section{background:linear-gradient(135deg,#ffb4a21a,#ffdac11a)}.lotto-numbers{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.lotto-ball{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;color:var(--color-bg);box-shadow:0 4px 8px #0000004d}.actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:center}.action-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-body);font-weight:600;transition:all .2s;white-space:nowrap;flex:1;max-width:200px}.action-button.secondary{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.action-button:hover{opacity:.8;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.daily-footer{text-align:center;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border)}.daily-footer p{font-size:var(--font-small);color:var(--color-text-dim);line-height:1.6;margin-bottom:var(--spacing-xs)}.daily-footer .copyright{font-size:var(--font-small);color:var(--color-text-dim);margin-top:var(--spacing-md);line-height:1.6}@media (max-width: 99999px){.daily-view{padding:var(--spacing-md)}.actions{gap:var(--spacing-sm);flex-direction:column}.action-button{max-width:100%;padding:var(--spacing-md);font-size:var(--font-body)}.lotto-numbers{gap:6px;flex-wrap:nowrap}.lotto-ball{width:42px;height:42px;font-size:1rem}}:root{--color-bg: #0a0e1a;--color-bg-card: #141822;--color-text: #e8eaed;--color-text-dim: #9aa0a6;--color-primary: #8ab4f8;--color-border: #2d3139;--color-accent: #fde293;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-title: 22px;--font-body: 14px;--font-small: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn-coffee{position:fixed;bottom:20px;left:20px;padding:14px 24px;background:linear-gradient(135deg,#ff9a56,#ff6b6b);color:#fff!important;text-decoration:none!important;border-radius:12px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}.btn-coffee:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b80;background:linear-gradient(135deg,#fa6,#ff7b7b);text-decoration:none!important}.btn-coffee:active{transform:translateY(-1px)}@media (max-width: 99999px){.btn-coffee{padding:10px 16px;font-size:.9rem;bottom:16px;left:16px}}.tarot-guide{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;min-height:100vh}.intro-section{background:#f9f9f9;padding:2rem;border-radius:8px;margin-bottom:2rem;line-height:1.8}.search-input:focus{outline:none;border-color:#6366f1}.category-filters button{padding:.5rem 1rem;border:2px solid #6366f1;background:#fff;color:#333;border-radius:20px;cursor:pointer;transition:all .2s;font-weight:500}.category-filters button:hover{border-color:#6366f1;background:#eef2ff;color:#6366f1}.category-filters button.active{background:#6366f1;color:#fff;border-color:#6366f1}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.card-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s;cursor:pointer;border:2px solid transparent}.card-item:hover{transform:translateY(-8px);box-shadow:0 8px 24px #6366f126;border-color:#6366f1}.card-image-container{height:320px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden;background:#f5f5f5;padding:1rem}.card-image{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.card-item h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.card-name-en{color:#666;font-size:.9rem;margin-bottom:1rem}.keywords{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.keyword-badge{background:#e0e7ff;color:#4338ca;padding:.25rem .75rem;border-radius:12px;font-size:.85rem}.view-detail-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem;transition:all .3s}.view-detail-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.card-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-modal{background:#fff;border-radius:16px;width:90vw;max-width:700px;max-height:85vh;height:85vh;overflow:hidden;position:relative;animation:slideUp .3s;display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:all .3s;z-index:10;color:#333;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f5f5f5;transform:rotate(90deg)}.modal-content{display:contents}.modal-card-image{background:#1a1a1a;border-radius:16px 0 0 16px;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center}.modal-tarot-img{width:100%;height:auto;object-fit:contain;border-radius:8px}.modal-info{padding:2rem 2rem 2rem 1.5rem;overflow-y:auto;position:relative;background:#fff;border-radius:0 16px 16px 0;min-height:0}.modal-info::-webkit-scrollbar{width:5px}.modal-info::-webkit-scrollbar-track{background:transparent}.modal-info::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:3px}.modal-info::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.modal-info h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:.5rem;padding-right:2.5rem}.modal-name-en{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.modal-keywords{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.modal-keyword-badge{background:#e0e7ff;color:#4338ca;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.modal-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-section h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:.75rem;font-weight:600}.modal-section p{color:#555;line-height:1.8;font-size:1rem}@media (max-width: 768px){.card-modal{grid-template-columns:1fr;grid-template-rows:auto 1fr;width:95vw;max-height:90vh}.modal-card-image{border-radius:16px 16px 0 0;padding:1.5rem 1rem;height:auto;max-height:none;display:flex;align-items:center;justify-content:center}.modal-tarot-img{height:auto;width:100%;max-width:180px;max-height:280px;object-fit:contain}.modal-info{padding:1.5rem;border-radius:0 0 16px 16px}.modal-info h2{padding-right:3rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-image-container{height:250px}}.how-to-section{background:#fff;padding:3rem 2rem;border-radius:12px;border:2px solid #e0e0e0;margin-bottom:2rem}.how-to-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:#111}.step{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #6366f1}.step h3{margin-bottom:.5rem;font-size:1.2rem;color:#111}.step p{line-height:1.7;color:#333}.cta-section h2{color:#111;margin-bottom:.5rem;font-size:2rem}.cta-section p{color:#333;margin-bottom:1.5rem;font-size:1.1rem}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.cta-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@media (max-width: 768px){.tarot-guide{padding:1rem}.guide-header h1{font-size:1.8rem}.cards-grid{grid-template-columns:1fr;gap:1rem}.how-to-section{padding:2rem 1rem}}.dream-guide{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;min-height:100vh}.guide-header{text-align:center;margin-bottom:3rem;position:relative}.guide-header h1{font-size:2.5rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.guide-header .subtitle{font-size:1.1rem;color:#555}.intro-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;line-height:1.8}.intro-section h2{margin-bottom:1rem}.intro-section p{margin-bottom:1rem;opacity:.95}.dream-tips{background:#fffffff2;color:#333;padding:1.5rem;border-radius:8px;margin-top:1.5rem;border:2px solid rgba(255,255,255,.3)}.dream-tips h3{margin-bottom:1rem;font-size:1.2rem;color:#1a1a1a;font-weight:600}.dream-tips ul{list-style:none;padding:0}.dream-tips li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;color:#333}.dream-tips li:before{content:"✨";position:absolute;left:0}.dream-tips strong{font-weight:600;color:#1a1a1a}.filter-section{margin-bottom:2rem}.search-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;margin-bottom:1rem;color:#111;font-weight:500}.search-input:focus{outline:none;border-color:#667eea}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-filters button{padding:.5rem 1rem;border:2px solid #667eea;background:#fff;color:#333;border-radius:20px;cursor:pointer;transition:all .2s;font-weight:500}.category-filters button:hover{border-color:#667eea;background:#f0f0ff;color:#667eea}.category-filters button.active{background:#667eea;color:#fff;border-color:#667eea}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.symbol-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.symbol-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.symbol-item h3{color:#333;margin-bottom:.5rem;font-size:1.5rem}.category-badge{display:inline-block;background:#f0f0f0;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;color:#666;margin-bottom:1rem}.meaning-section{margin-bottom:1rem}.meaning-section h4{color:#555;font-size:.95rem;margin-bottom:.5rem;font-weight:600}.meaning-section p{color:#666;line-height:1.6;font-size:.95rem}.interpretation{padding:1rem;border-radius:6px;margin-bottom:.75rem}.interpretation.positive{background:#f0fdf4;border-left:3px solid #10b981}.interpretation.negative{background:#fef2f2;border-left:3px solid #ef4444}.interpretation h4{color:#333;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.interpretation p{color:#666;line-height:1.6;font-size:.9rem}.understanding-section{background:#f9f9f9;padding:2rem;border-radius:8px;margin-bottom:2rem}.understanding-section h2{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.principle{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.principle h3{color:#667eea;margin-bottom:.75rem;font-size:1.2rem}.principle p{color:#666;line-height:1.7}.cta-section{text-align:center;padding:3rem 2rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px}.cta-section h2{margin-bottom:.5rem;font-size:2rem;color:#111}.cta-section p{margin-bottom:1.5rem;font-size:1.1rem;color:#333}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.dream-guide{padding:1rem}.guide-header h1{font-size:1.8rem}.symbols-grid{grid-template-columns:1fr;gap:1rem}.understanding-section{padding:1.5rem 1rem}}.guide-index{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;min-height:100vh}.guide-index-header{text-align:center;margin-bottom:3rem;position:relative}.back-button{position:absolute;left:0;top:0;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.back-button:hover{background:#5568d3;transform:translate(-4px)}.guide-index-header h1{font-size:2.5rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.guide-index-header .subtitle{font-size:1.1rem;color:#555}.intro-section{background:#f9f9f9;padding:2rem;border-radius:8px;margin-bottom:3rem;line-height:1.8}.intro-section h2{color:#333;margin-bottom:1rem}.intro-section p{color:#555;margin-bottom:1rem}.category-section{margin-bottom:3rem}.category-title{font-size:1.8rem;color:#1a1a1a;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;font-weight:600}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.guide-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s;cursor:pointer;border:2px solid transparent}.guide-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border-color:#667eea}.guide-icon{font-size:3rem;margin-bottom:1rem}.guide-title{color:#333;margin-bottom:1rem;font-size:1.4rem}.guide-description{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.read-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.read-button:hover{background:#5568d3;transform:translate(4px)}.benefits-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:12px;margin-bottom:3rem}.benefits-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-item{text-align:center;background:#ffffff1a;padding:2rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-icon{font-size:2.5rem;margin-bottom:1rem}.benefit-item h3{margin-bottom:.75rem;font-size:1.2rem}.benefit-item p{opacity:.95;line-height:1.6}.faq-section{margin-bottom:3rem}.faq-section h2{text-align:center;color:#333;margin-bottom:2rem;font-size:2rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.faq-item h3{color:#667eea;margin-bottom:.75rem;font-size:1.1rem}.faq-item p{color:#666;line-height:1.7}@media (max-width: 768px){.guide-index{padding:1rem}.guide-index-header h1{font-size:1.8rem}.guides-grid{grid-template-columns:1fr;gap:1rem}.benefits-grid{grid-template-columns:1fr}.benefits-section{padding:2rem 1rem}}.guide-index-simple{padding:2rem;max-width:1200px;margin:0 auto}.guides-grid-simple{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.guide-card-simple{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s;cursor:pointer;border:2px solid #e0e0e0;text-align:center}.guide-card-simple:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:#667eea}.guide-icon-simple{font-size:5rem;margin-bottom:1.5rem}.guide-title-simple{color:#1a1a1a;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.guide-description-simple{color:#666;line-height:1.8;margin-bottom:2rem;font-size:1rem}.read-button-simple{padding:1rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;width:100%}.read-button-simple:hover{background:#5568d3;transform:scale(1.02)}@media (max-width: 768px){.guides-grid-simple{grid-template-columns:1fr;gap:1.5rem}.guide-index-simple{padding:1rem}.guide-icon-simple{font-size:4rem}}.docs-layout{display:flex;min-height:100vh;background:#fff;position:relative}.sidebar-toggle-inline{position:fixed;top:50%;left:294px;transform:translateY(-50%);z-index:1002;width:30px;height:60px;background:#667eea;color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-weight:700;font-size:1.2rem;box-shadow:2px 0 8px #667eea4d;transition:all .3s;display:flex;align-items:center;justify-content:center}.sidebar-toggle-inline:hover{background:#5568d3;box-shadow:2px 0 12px #667eea80;width:32px}.docs-sidebar{width:300px;background:#fff;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto;position:fixed;left:0;top:0;transition:transform .3s ease;box-shadow:2px 0 10px #0000000d;z-index:1000}.docs-sidebar.closed{transform:translate(-300px)}.sidebar-toggle-inline.closed{left:-6px}.sidebar-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0;text-align:center}.sidebar-logo{width:100%;max-width:180px;height:auto;margin:0 auto;display:block}.tree-nav{padding:1rem 0}.tree-node{margin:0}.tree-item{display:flex;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;color:#333;font-size:.95rem;-webkit-user-select:none;user-select:none}.tree-node.level-0>.tree-item{font-weight:600;color:#1a1a1a;padding-left:1.5rem}.tree-node.level-1>.tree-item{padding-left:2.5rem;font-size:.9rem}.tree-node.level-2>.tree-item{padding-left:3.5rem;font-size:.85rem}.tree-item:hover{background:#f5f7ff;color:#667eea}.tree-item.active{background:linear-gradient(to right,#e0e7ff,transparent);color:#667eea;font-weight:600;border-left:3px solid #667eea}.expand-icon{margin-right:.5rem;font-size:.7rem;color:#999;transition:transform .2s;min-width:12px}.tree-label{flex:1}.tree-children{margin:0}.docs-content{flex:1;margin-left:300px;padding:0 4rem 3rem;max-width:100%;transition:margin-left .3s ease;background:#fff;position:relative}.docs-sidebar.closed~.docs-content{margin-left:0}.docs-language-bar{position:sticky;top:0;width:100%;background:transparent;padding:4px 0 0;display:flex;justify-content:flex-end;align-items:center;z-index:100;margin-bottom:0}.docs-lang-button{padding:6px 18px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:none}.docs-lang-button:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.docs-main-content{padding-top:0;margin-top:0}.docs-page{background:#fff;padding:2rem 0 0;min-height:100vh;max-width:1400px;margin:0 auto}.docs-page h1{font-size:2.5rem;color:#1a1a1a;margin-top:0;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.docs-page h2{font-size:1.8rem;color:#333;margin-top:2.5rem;margin-bottom:1rem}.docs-page h3{font-size:1.4rem;color:#444;margin-top:2rem;margin-bottom:.75rem}.docs-page h4{font-size:1.2rem;color:#000;margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}.docs-page p{line-height:1.8;color:#555;margin-bottom:1rem;font-size:1.05rem}.docs-page ul,.docs-page ol{margin:1rem 0;padding-left:2rem}.docs-page li{line-height:1.8;color:#555;margin-bottom:.5rem}.feature-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #667eea4d;margin:1rem 0}.feature-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.button-group,.button-section{display:flex;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.button-group .feature-button{margin:0}.page-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-top:1px solid #e0e0e0;margin-top:3rem}.nav-button{padding:.75rem 1.5rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.nav-button:hover{background:#667eea;color:#fff}.nav-button:disabled{opacity:.5;cursor:not-allowed}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.docs-sidebar{width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.docs-sidebar.closed{transform:translate(-280px)}.sidebar-toggle-inline{left:274px;width:28px;height:50px;font-size:1rem}.sidebar-toggle-inline.closed{left:-6px}.docs-content{margin-left:0;padding:0 1.5rem 2rem}.docs-language-bar{padding:4px 0 0;margin-bottom:0}.docs-lang-button{padding:5px 15px;font-size:.8rem}.docs-page{padding:1.5rem 0 0}.docs-page h1{font-size:2rem}.button-group{flex-direction:column}.button-group .feature-button{width:100%}.features-grid{grid-template-columns:1fr;gap:1rem}.home-feature-card{min-height:180px;padding:1.5rem}.home-feature-card h3{font-size:1.3rem}}.docs-sidebar::-webkit-scrollbar{width:6px}.docs-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.docs-sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:#999}.welcome-section{background:#fff;padding:2rem 0;margin-bottom:-4rem}.lead-text{font-size:1.25rem;line-height:1.8;margin:0;color:#555}.features-overview{margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;border:2px solid #d0d3d9;transition:all .3s}.feature-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.home-feature-card{position:relative;border-radius:12px;padding:2rem;transition:all .3s;min-height:200px;overflow:hidden;background-size:cover;background-position:center;color:#fff;border:none;margin-bottom:0}.home-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:0;transition:all .3s}.home-feature-card:hover:before{background:#0000008c}.home-feature-card>*{position:relative;z-index:1}.home-feature-card:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-6px)}.home-feature-card.feature-card-tarot{background-image:url(/pj_tarot_img.png)}.home-feature-card.feature-card-dream{background-image:url(/pj_dream_img.png)}.home-feature-card.feature-card-biorhythm{background-image:url(/pj_today_img.png)}.home-feature-card.feature-card-coach{background-image:url(/pj_coach_img.png)}.home-feature-card.feature-card-vocab{background-image:url(/pj_word_img.png)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#111;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.feature-card p{color:#333;line-height:1.8;margin-bottom:1.5rem;font-size:1rem}.home-feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.home-feature-card p{color:#fff;line-height:1.6;margin-bottom:1rem;font-size:.9rem;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.8),0 0 15px rgba(0,0,0,.5);display:none}.home-feature-card:hover p{display:block}.home-feature-card .feature-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.feature-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.feature-button.secondary:hover{background:#667eea;color:#fff}.getting-started{background:#fafbfc;padding:3rem;border-radius:8px;margin-bottom:3rem;border:1px solid #e8e9eb}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:.5rem}.step p{color:#666;line-height:1.6}.about-section{background:#fafbfc;padding:3rem;border-radius:8px;text-align:center;border:1px solid #e8e9eb}.about-section h2{margin-top:0;margin-bottom:1.5rem}.about-section p{max-width:800px;margin:0 auto 2rem;line-height:1.8}.traditional-blog{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,"Apple Color Emoji",sans-serif;width:100%;margin:0;padding:0}.blog-header{background:#fff;border-bottom:none;padding:5px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.blog-header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.blog-logo{cursor:pointer;transition:opacity .2s;flex-shrink:0}.blog-logo:hover{opacity:.8}.blog-logo img{width:200px;height:200px;object-fit:contain}.blog-center{flex:1;text-align:center}.blog-center h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.blog-tagline{font-size:16px;color:#666;margin:0}.blog-nav{display:flex;align-items:center;gap:10px}.nav-link{background:none;border:none;padding:8px 16px;font-size:15px;font-weight:500;color:#555;cursor:pointer;border-radius:6px;transition:all .2s}.nav-link:hover{background:#f0f0f0;color:#000}.nav-link.active{background:#000;color:#fff}.lang-toggle-btn{background:#f0f0f0;border:1px solid #ddd;padding:6px 12px;font-size:13px;font-weight:600;color:#333;cursor:pointer;border-radius:6px;transition:all .2s}.lang-toggle-btn:hover{background:#e0e0e0}.services-bar{background:#fff;padding:8px 20px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-start;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;position:sticky;top:0;z-index:999;scrollbar-width:thin;scrollbar-color:#667eea #f5f5f5}.services-bar::-webkit-scrollbar{height:6px}.services-bar::-webkit-scrollbar-track{background:#f5f5f5}.services-bar::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.services-bar::-webkit-scrollbar-thumb:hover{background:#5568d3}.service-btn{background:#f5f5f5;border:1px solid #e0e0e0;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.service-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.service-btn.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 4px 8px #667eea4d}.service-app-container{width:100%;min-height:600px;background:#fff;border-radius:10px;padding:0;margin-bottom:20px;overflow:hidden}.service-app-container .docs-page .button-group,.service-app-container .docs-page .feature-button,.service-app-container .docs-page .nav-button{display:none}.service-app-container .btn-home,.service-app-container .btn-help,.service-app-container .btn-coffee,.service-app-container .coffee-button,.service-app-container .buy-coffee-btn{display:none!important}.blog-container{width:100%;margin:0;padding:20px;display:grid;grid-template-columns:1fr 300px;gap:40px}.blog-main{min-width:0}.category-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding:20px;background:#fff;border-radius:0;box-shadow:none;border-bottom:1px solid #e0e0e0;margin-top:0}.category-btn{background:#f5f5f5;border:1px solid #e0e0e0;padding:10px 18px;border-radius:20px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.category-btn:hover{background:#e8e8e8;border-color:#ccc}.category-btn.active{background:#000;color:#fff;border-color:#000}.cat-icon{font-size:16px}.featured-post{background:#fff;border-radius:0;padding:40px;margin-bottom:30px;box-shadow:none;border:none;border-bottom:1px solid #e0e0e0;position:relative}.featured-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.featured-badge{display:inline-block;background:#000;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.list-toggle-container{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 40px}.list-toggle-btn{background:#fff;border:2px solid #000;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;color:#000;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.list-toggle-btn:hover{background:#000;color:#fff;box-shadow:0 4px 8px #00000026}.featured-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:15px 0;line-height:1.3}.featured-description{font-size:16px;color:#666;line-height:1.6;margin:10px 0 20px;font-style:italic;border-left:3px solid #000;padding-left:15px}.featured-content{margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0;font-size:16px;line-height:1.8;color:#333}.featured-content h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:30px 0 15px;line-height:1.3}.featured-content h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:25px 0 12px;line-height:1.4}.featured-content h3{font-size:20px;font-weight:600;color:#333;margin:20px 0 10px;line-height:1.4}.featured-content p{margin:15px 0;line-height:1.8}.featured-content ul,.featured-content ol{margin:15px 0;padding-left:30px}.featured-content li{margin:8px 0;line-height:1.7}.featured-content strong{font-weight:700;color:#000}.featured-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.featured-content pre{background:#f8f8f8;padding:15px;border-radius:6px;overflow-x:auto;margin:20px 0}.featured-content pre code{background:none;padding:0}.featured-content blockquote{border-left:4px solid #0066cc;padding-left:20px;margin:20px 0;color:#555;font-style:italic}.featured-content hr{border:none;border-top:2px solid #e0e0e0;margin:30px 0}.featured-content a{color:#06c;text-decoration:none;border-bottom:1px solid #0066cc}.featured-content a:hover{color:#0052a3;border-bottom-color:#0052a3}.featured-content img{max-width:100%!important;width:auto!important;height:auto!important;display:block;border-radius:8px;margin:20px 0;box-sizing:border-box!important}.featured-read-more{display:inline-block;margin-top:30px;padding:12px 24px;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s}.featured-read-more:hover{background:#333;transform:translate(5px)}.post-list-drawer{margin:0 40px 30px;background:#fafafa;border-radius:8px;padding:20px;border:2px solid #000;box-shadow:0 4px 12px #0000001a}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.drawer-header h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.drawer-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.drawer-close:hover{background:#e0e0e0;color:#000}.drawer-post-list{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.drawer-post-item{padding:15px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:all .2s;background:#fff;margin-bottom:8px;border-radius:6px}.drawer-post-item:hover{background:#f5f5f5;transform:translate(5px)}.drawer-post-item.active{background:#000;color:#fff;border-color:#000}.drawer-post-item.active .drawer-post-title,.drawer-post-item.active .drawer-post-date,.drawer-post-item.active .drawer-post-category{color:#fff}.drawer-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.drawer-post-title{font-size:15px;font-weight:600;color:#1a1a1a;flex:1}.drawer-post-count{font-size:13px;color:#999;font-weight:500;margin-left:10px}.drawer-post-meta{display:flex;gap:15px;font-size:12px;color:#666}.drawer-post-date,.drawer-post-category{font-size:12px;color:#666}.posts-grid{display:grid;gap:20px}.post-card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 8px #0000000f;transition:all .3s;border:1px solid #f0f0f0}.post-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.post-link{text-decoration:none;color:inherit;display:block}.post-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.post-category{font-size:13px;font-weight:600;color:#666;background:#f5f5f5;padding:6px 12px;border-radius:4px}.post-date{font-size:13px;color:#999}.post-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.4}.post-card:hover .post-title{color:#06c}.post-excerpt{font-size:15px;color:#555;line-height:1.6;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0;margin-bottom:10px}.post-author{font-size:13px;font-weight:600;color:#333}.post-read-time{font-size:13px;color:#999}.post-meta-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0}.post-tag{font-size:12px;color:#06c;font-weight:500}.no-posts{text-align:center;padding:80px 20px;color:#999;font-size:16px}.blog-sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-widget{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 6px #0000000d;border:1px solid #f0f0f0}.widget-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #000}.widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.widget-list li{border-bottom:1px solid #f0f0f0;padding-bottom:15px}.widget-list li:last-child{border-bottom:none;padding-bottom:0}.widget-post{text-decoration:none;color:inherit;display:block}.widget-post h4{font-size:14px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-post:hover h4{color:#06c}.widget-date{font-size:12px;color:#999}.widget-categories{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.widget-categories button{width:100%;text-align:left;background:#f8f9fa;border:1px solid #e0e0e0;padding:10px 15px;border-radius:6px;font-size:14px;color:#555;cursor:pointer;transition:all .2s}.widget-categories button:hover{background:#e8e8e8;border-color:#ccc}.widget-categories button.active{background:#000;color:#fff;border-color:#000;font-weight:600}.about-widget p{font-size:14px;color:#666;line-height:1.6;margin:0 0 15px}.about-btn,.coffee-btn{width:100%;background:#000;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;text-decoration:none;display:inline-block;text-align:center;font-weight:600;cursor:pointer;transition:all .2s}.about-btn:hover,.coffee-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.coffee-widget{background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid #f5a623}.coffee-widget .widget-title{color:#d2691e}.coffee-widget p{font-size:14px;color:#666;line-height:1.6;margin:0 0 15px}.coffee-btn{background:linear-gradient(135deg,#f5a623,#e09200);box-shadow:0 2px 8px #f5a6234d}.coffee-btn:hover{background:linear-gradient(135deg,#e09200,#cc8400);transform:translateY(-2px);box-shadow:0 4px 12px #f5a62366}.blog-footer{background:#1a1a1a;color:#fff;padding:40px 20px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footer-links a{color:#ccc;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{font-size:13px;color:#999;margin:0}.blog-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-loading-state p{font-size:16px;color:#666}@media (max-width: 968px){.blog-container{grid-template-columns:1fr;gap:30px}.blog-sidebar{order:2}.blog-main{order:1}}@media (max-width: 768px){.blog-header{padding:10px 0}.blog-header-content{flex-direction:column;gap:10px;padding:0 10px;align-items:flex-start}.blog-logo{display:none}.blog-center{text-align:left;width:100%}.blog-center h1{font-size:26px;margin-bottom:6px;line-height:1.2;word-break:keep-all}.blog-tagline{font-size:14px;word-break:keep-all;line-height:1.4}.blog-nav{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px}.nav-link,.lang-toggle-btn{padding:8px 16px;font-size:14px}.blog-container{padding:15px 5px}.post-card{padding:20px}.post-title{font-size:20px}.category-bar{padding:15px 10px}.featured-post{padding:20px 15px}.post-meta-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-links{flex-direction:column;gap:15px}.services-bar{padding:10px 10px 14px;gap:8px}.service-btn{padding:10px 16px;font-size:13px;gap:6px}.list-toggle-container{padding:0 10px}.post-list-drawer{margin:0 10px 30px;padding:15px}.drawer-post-item{padding:12px}}@media (max-width: 480px){.blog-header{padding:8px 0}.blog-header-content{padding:0 8px}.blog-container{padding:10px 3px}.blog-center h1{font-size:22px}.blog-tagline{font-size:13px}.nav-link,.lang-toggle-btn{padding:7px 14px;font-size:13px}.post-title{font-size:18px}.category-bar{padding:12px 8px}.featured-post{padding:15px 12px}.category-btn{font-size:13px;padding:8px 14px}.service-btn{padding:8px 14px;font-size:12px}.services-bar{padding:8px 8px 12px}.list-toggle-container{padding:0 5px}.post-list-drawer{margin:0 5px 30px;padding:12px}.drawer-post-item{padding:10px}}.site-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e8eaed;padding:2rem 2rem 1rem;margin-top:0;writing-mode:horizontal-tb!important}.footer-content{max-width:1200px;margin:0 auto;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;writing-mode:horizontal-tb!important}.footer-section{flex:1 1 auto;min-width:150px;max-width:350px;display:block!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}.footer-section h3{color:#667eea;font-size:1rem;margin-bottom:.75rem;font-weight:600;writing-mode:horizontal-tb!important;white-space:normal!important}.footer-links{list-style:none;padding:0;margin:0;writing-mode:horizontal-tb!important}.footer-links li{margin-bottom:.5rem;writing-mode:horizontal-tb!important;display:block!important}.footer-links a{color:#b8b9bd;text-decoration:none;transition:color .3s ease;font-size:.95rem;writing-mode:horizontal-tb!important;display:inline-block;word-break:keep-all;overflow-wrap:normal}.footer-links a:hover{color:#667eea;text-decoration:underline}.footer-description{color:#b8b9bd;line-height:1.6;font-size:.95rem}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1rem;border-top:1px solid #2d3139;text-align:center;color:#9aa0a6;font-size:.85rem;writing-mode:horizontal-tb!important}.footer-bottom p{margin:.5rem 0;writing-mode:horizontal-tb!important;display:block!important}@media (max-width: 768px){.site-footer{padding:2rem 1rem 1rem;overflow-x:hidden}.footer-content{flex-direction:column!important;gap:1.5rem;width:100%}.footer-section{min-width:100%!important;max-width:100%!important;width:100%;flex:1 1 100%!important}.footer-section h3{font-size:1rem}.footer-links a{font-size:.85rem;word-break:break-word}.footer-description{font-size:.85rem}.footer-bottom{width:100%;overflow-x:hidden}.footer-bottom p{word-break:break-word}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;overflow-x:hidden;background:#f5f5f5}#root{width:100%;max-width:500px;overflow-x:hidden;background:#fff;min-height:100vh}body.full-width-layout{justify-content:flex-start;background:#f5f5f5;padding:0}body.full-width-layout #root{max-width:none;border-radius:0;box-shadow:none}@media (min-width: 768px){body{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}#root{box-shadow:0 0 60px #0003;border-radius:20px;overflow:hidden}body.full-width-layout{background:#f5f5f5;padding:0}body.full-width-layout #root{box-shadow:none;border-radius:0}}