.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-selector select{padding:.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:var(--text-color);font-size:.9rem}.main-content{padding:1rem;text-align:center;max-width:800px;width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.title{font-size:3rem;margin-bottom:1rem}.subtitle{font-size:1.5rem;color:var(--text-color);margin-bottom:3rem}.recent-divinations{max-width:80%;width:100%;height:480px;margin:1rem auto;display:flex;position:relative;perspective:800px;overflow:hidden;background:radial-gradient(circle at center,rgba(110,69,226,.1) 0%,transparent 70%);border-radius:16px;box-shadow:0 8px 32px #6e45e233;border:1px solid rgba(110,69,226,.1);align-items:center;justify-content:center;min-height:280px;max-height:600px}.text-sphere{width:100%;height:100%;position:relative;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;display:flex;align-items:center;justify-content:center}.text-sphere:active{cursor:grabbing}.text-item{position:absolute;left:50%;top:50%;transform-origin:center;color:#ffffffe6;font-size:.8rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:default;transition:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem .5rem;border-radius:6px;background:#6e45e226;border:1px solid rgba(110,69,226,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.8;max-width:180px;overflow:hidden;text-overflow:ellipsis;will-change:transform,opacity;pointer-events:none;box-shadow:0 2px 8px #0003}.text-item:hover{background:#6e45e240;border-color:#6e45e280}.text-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(110,69,226,.3),transparent);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.text-item:hover:before{opacity:1}.divination-scroll{display:none}.divination-item{padding:1rem;margin:.5rem 0;background:#6e45e21a;border-radius:12px;text-align:left;border:1px solid rgba(110,69,226,.2);transition:all .3s ease}.divination-item:hover{background:#6e45e226;transform:translateY(-2px)}.divination-time{font-size:.8rem;color:var(--text-color-light);margin-bottom:.5rem}.divination-user{color:var(--primary-color);font-weight:700;margin-bottom:.5rem}.divination-question{color:var(--text-color);font-size:.9rem;line-height:1.4}.action-button{font-size:1.2rem;padding:1rem 3rem;margin-top:1rem;background:var(--primary-color);color:var(--text-color-white);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);font-weight:600}.action-button:hover{background:var(--secondary-color);transform:translateY(-3px);box-shadow:0 8px 20px #0003}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fffffff2;padding:2rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2);color:#333}.modal-content h3{margin-bottom:1.5rem;text-align:center;color:#333;font-size:1.5rem}.modal-content input{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;background:#fff;color:#333;font-size:1rem;margin-bottom:1.5rem;box-shadow:0 2px 6px #0000000d}.modal-content input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem}.hidden{display:none}@keyframes scroll{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@media (max-width: 768px){.main-content{width:100%;padding:.5rem;max-width:100%}.recent-divinations{margin:1rem auto;max-width:95%;width:100%}.text-item{padding:.2rem .4rem;max-width:150px}.action-button{font-size:1rem;padding:.8rem 2rem;width:100%;margin-top:1.5rem;margin-bottom:2rem}}@media (max-width: 480px){.recent-divinations{max-width:98%;margin:.5rem auto}.text-item{padding:.15rem .3rem;max-width:120px}.action-button{margin-top:2rem;margin-bottom:2.5rem}}.sphere-hint{text-align:center;margin-bottom:2rem;color:#ffffffb3;font-size:.9rem;animation:pulse 2s ease-in-out infinite}.sphere-hint p{margin:0;padding:.5rem 1rem;background:#6e45e21a;border-radius:20px;border:1px solid rgba(110,69,226,.2);display:inline-block}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.contact-section{margin-top:0rem;padding:1rem 0}.contact-link{display:inline-flex;align-items:center;color:#ffffffb3;font-size:.9rem;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;background:#6e45e21a;border:1px solid rgba(110,69,226,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;font-weight:500;position:relative;overflow:hidden}.contact-link:before{content:"📱";margin-right:.5rem;font-size:1rem}.contact-link:hover{color:var(--text-color-white);background:#6e45e233;border-color:#6e45e266;transform:translateY(-2px);box-shadow:0 4px 12px #6e45e24d}.contact-link:active{transform:translateY(0)}@media (max-width: 768px){.contact-section{margin-top:0rem}.contact-link{font-size:.85rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.contact-section{margin-top:0rem}.contact-link{font-size:.8rem;padding:.5rem 1rem}}