.qibla-finder{--qf-red:#e91f25;--qf-blue:#2e3193;--qf-dark:#171a2b;--qf-light:#f7f8fc;--qf-border:#e6e8f0;max-width:620px;margin:30px auto;padding:28px;background:#fff;border:1px solid var(--qf-border);border-radius:24px;box-shadow:0 14px 45px rgba(25,35,75,.10);box-sizing:border-box;font-family:inherit;color:var(--qf-dark)}.qibla-finder *{box-sizing:border-box}.qf-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.qf-header h2{margin:0 0 5px;font-size:30px;line-height:1.15;color:var(--qf-blue)}.qf-header p{margin:0;color:#666b7b;font-size:14px;line-height:1.6}.qf-kaaba-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;background:var(--qf-blue);color:#fff;border-radius:50%;font-size:26px}.qf-status{min-height:48px;display:flex;align-items:center;padding:12px 15px;background:var(--qf-light);border-radius:12px;color:#555b6e;font-size:13px;line-height:1.45;margin-bottom:24px}.qf-status.success{background:#eef1ff;color:var(--qf-blue)}.qf-status.error{background:#fff0f1;color:#b0181d}.qf-compass-wrap{display:flex;justify-content:center;padding:8px 0 26px}.qf-compass{width:min(var(--qf-size,330px),76vw);height:min(var(--qf-size,330px),76vw);border-radius:50%;position:relative;background:radial-gradient(circle,#fff 0 52%,#f2f3f9 52.5% 53%,#fff 53.5% 67%,#f0f1f8 67.5% 68%,#fff 68.5%);border:8px solid var(--qf-blue);box-shadow:inset 0 0 0 2px #dfe2f0,0 15px 35px rgba(46,49,147,.16);overflow:hidden}.qf-compass:before{content:"";position:absolute;inset:10%;border:1px dashed #cfd2df;border-radius:50%}.qf-degree-ring{position:absolute;inset:18%;border:1px dotted #c5c8d6;border-radius:50%}.qf-cardinal{position:absolute;z-index:2;font-weight:800;font-size:17px;color:var(--qf-dark);transform:translate(-50%,-50%)}.qf-n{left:50%;top:7%;color:var(--qf-red)}.qf-e{left:93%;top:50%}.qf-s{left:50%;top:93%}.qf-w{left:7%;top:50%}.qf-qibla-marker{position:absolute;left:50%;top:50%;width:78%;height:78%;transform-origin:center;z-index:3;pointer-events:none}.qf-qibla-marker:before{content:"";position:absolute;left:50%;top:3%;width:4px;height:46%;transform:translateX(-50%);background:var(--qf-red);border-radius:999px;box-shadow:0 0 12px rgba(233,31,37,.35)}.qf-qibla-marker:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid var(--qf-red)}.qf-marker-kaaba{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--qf-blue);display:grid;place-items:center;font-size:25px;box-shadow:0 8px 20px rgba(46,49,147,.25)}.qf-qibla-marker span:last-child{position:absolute;left:50%;top:69%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:1px;color:var(--qf-blue)}.qf-center{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);z-index:5;background:#fff;border:3px solid var(--qf-blue);border-radius:50%}.qf-reading{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.qf-reading-item,.qf-location{padding:15px;border:1px solid var(--qf-border);border-radius:14px;background:#fff}.qf-reading-item span,.qf-location strong{display:block;font-size:12px;color:#73788a;margin-bottom:5px}.qf-reading-item strong{font-size:22px;color:var(--qf-blue)}.qf-location span{display:block;font-size:14px;color:var(--qf-dark);word-break:break-word}.qf-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.qf-btn{appearance:none;border:0;min-height:48px;padding:12px 16px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700;transition:transform .2s ease,opacity .2s ease}.qf-btn:hover{transform:translateY(-1px)}.qf-primary{background:var(--qf-red);color:#fff}.qf-secondary{background:var(--qf-blue);color:#fff}.qf-secondary.is-active{background:#22256f}.qf-manual{margin-top:16px;border-top:1px solid var(--qf-border);padding-top:16px}.qf-manual summary{cursor:pointer;font-weight:700;color:var(--qf-blue)}.qf-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.qf-manual label{font-size:12px;font-weight:700;color:#5c6171}.qf-manual input{display:block;width:100%;margin-top:6px;min-height:44px;padding:10px 12px;border:1px solid var(--qf-border);border-radius:10px;font:inherit}.qf-manual button{grid-column:1/-1}.qf-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--qf-border);font-size:11px;line-height:1.6;color:#7b8090}@media(max-width:520px){.qibla-finder{padding:20px 15px;border-radius:18px}.qf-header h2{font-size:25px}.qf-reading{grid-template-columns:1fr}.qf-actions{grid-template-columns:1fr}.qf-manual-grid{grid-template-columns:1fr}.qf-manual button{grid-column:auto}}