:root{--tool-bg:#041a2f;--tool-surface:#0a1f36cc;--tool-surface-strong:#08182beb;--tool-card:#ffffff14;--tool-card-strong:#ffffff1f;--tool-line:#ffffff1f;--tool-text:#eff7ff;--tool-text-soft:#b8cadc;--tool-accent:#6dd3b6;--tool-accent-strong:#b8f082;--tool-accent-warm:#f3c37a;--tool-danger:#ff9c88;--tool-shadow:0 24px 80px #00000047;--tool-radius-xl:32px;--tool-radius-lg:24px;--tool-radius-md:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--tool-text);background:radial-gradient(circle at top,#6dd3b62e,#0000 32%),radial-gradient(circle at 100%,#f3c37a29,#0000 26%),linear-gradient(#08213d 0%,#041425 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.tools-app{min-height:100vh;padding:24px}.tools-header,.tools-nav,.tools-main,.tools-actions{width:min(1200px,100%);margin-inline:auto}.tools-header{border:1px solid var(--tool-line);border-radius:var(--tool-radius-xl);background:linear-gradient(135deg,#6dd3b62e,transparent 38%),linear-gradient(135deg,#f3c37a24,transparent 56%),var(--tool-surface-strong);box-shadow:var(--tool-shadow);grid-template-columns:minmax(0,1fr) auto;gap:20px;margin-bottom:18px;padding:28px 30px;display:grid}.tools-brand{align-items:flex-start;gap:18px;display:flex}.tools-brand h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.tools-brand-badge{letter-spacing:.08em;background:linear-gradient(135deg,#6dd3b64d,#b8f0824d);border:1px solid #ffffff29;border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:800;display:inline-flex}.tools-kicker{color:var(--tool-accent-strong);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem}.tools-subtitle{max-width:760px;color:var(--tool-text-soft);margin:10px 0 0;line-height:1.65}.tools-header-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lang-switch,.tools-nav,.tool-toolbar,.tool-inline-actions,.tool-badges,.tool-meta,.tool-action-row{flex-wrap:wrap;gap:10px;display:flex}.lang-switch button,.ghost-link,.tools-nav a,.tool-chip,.tool-filter{border:1px solid var(--tool-line);color:var(--tool-text);background:#ffffff0f;border-radius:999px}.lang-switch button,.ghost-link,.tools-nav a{padding:10px 14px;transition:all .2s}.lang-switch button.active,.lang-switch button:hover,.ghost-link:hover,.tools-nav a:hover,.tools-nav a.tool-nav-active{background:#6dd3b629;border-color:#6dd3b666}.tool-nav-home{align-items:center;gap:8px;font-weight:700;display:inline-flex}.tools-nav{padding:10px 0 22px}.tools-main{gap:20px;display:grid}.tools-actions{margin-bottom:18px}.tool-section,.tool-card,.tool-panel,.tool-empty{border:1px solid var(--tool-line);border-radius:var(--tool-radius-lg);background:var(--tool-surface);box-shadow:var(--tool-shadow)}.tool-section,.tool-panel,.tool-empty{padding:22px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.tool-grid--compact-start,.tool-grid--month-events{grid-template-columns:repeat(auto-fit,minmax(240px,320px));place-content:start;justify-items:start}.tool-grid--month-events>*{width:min(100%,320px)}.tool-grid--wide{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr)}.tool-study-notes-layout{grid-template-columns:1fr;max-width:min(880px,100%);margin-inline:auto}.tool-contributor-layout{flex-direction:column;gap:22px;width:100%;max-width:880px;margin-inline:auto;display:flex}.tool-contributor-guidelines{border-radius:22px}@media (min-width:960px){.tool-contributor-layout{gap:28px;max-width:min(920px,100%)}.tool-contributor-draft{min-height:300px}.tool-contributor-guidelines{padding:24px 26px}}.tool-card{gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.tool-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6dd3b638,#0000 68%);border-radius:999px;width:140px;height:140px;position:absolute;inset:auto -40px -60px auto}.tool-card-home{background:linear-gradient(135deg,#6dd3b629,#77e0bf0f),var(--tool-surface)}.tool-card-home:after{background:radial-gradient(circle,#b8f08242,#0000 68%)}.tool-home-icon{justify-content:center;align-items:center;display:inline-flex}.tool-card h2,.tool-card h3,.tool-panel h2,.tool-section h2,.tool-section h3{margin:0}.tool-eyebrow{color:var(--tool-accent-strong);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.82rem}.tool-title-link{align-items:center;gap:8px;font-size:1.16rem;font-weight:700;display:inline-flex}.tool-copy,.tool-muted,.tool-list,.tool-list li,.tool-prose p{color:var(--tool-text-soft);line-height:1.7}.tool-badges{align-items:center}.tool-chip{align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;display:inline-flex}.tool-chip--accent{background:#6dd3b624;border-color:#6dd3b657}.tool-chip--warm{background:#f3c37a24;border-color:#f3c37a57}.tool-toolbar{align-items:center}.tool-search,.tool-select,.tool-input,.tool-textarea{border:1px solid var(--tool-line);width:100%;color:var(--tool-text);background:#ffffff14;border-radius:18px;outline:none;padding:14px 16px}.tool-search::-moz-placeholder{color:#eff7ff80}.tool-input::-moz-placeholder{color:#eff7ff80}.tool-textarea::-moz-placeholder{color:#eff7ff80}.tool-search::placeholder,.tool-input::placeholder,.tool-textarea::placeholder{color:#eff7ff80}.tool-search:focus,.tool-select:focus,.tool-input:focus,.tool-textarea:focus{border-color:#6dd3b680;box-shadow:0 0 0 4px #6dd3b61f}.tool-button,.tool-button-secondary,.tool-button-danger{border:0;border-radius:16px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s}.tool-button:hover,.tool-button-secondary:hover,.tool-button-danger:hover{transform:translateY(-1px)}.tool-button{color:#072238;background:linear-gradient(135deg,#77e0bf,#d6f19b)}.tool-button-secondary{color:var(--tool-text);border:1px solid var(--tool-line);background:#ffffff1a}.tool-button-danger{color:#ffd1c8;background:#ff9c8829;border:1px solid #ff9c884d}.tool-layout-split{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:18px;display:grid}.tool-panel-stack,.tool-list-stack,.tool-form-stack{gap:16px;display:grid}.tool-list{margin:0;padding-inline-start:18px}.tool-list li+li{margin-top:8px}.tool-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.tool-stat{border:1px solid var(--tool-line);background:#ffffff12;border-radius:20px;padding:16px}.tool-stat strong{margin-bottom:6px;font-size:1.6rem;display:block}.tool-image-circle{-o-object-fit:cover;object-fit:cover;border:2px solid #ffffff3d;border-radius:999px;width:88px;height:88px}.tool-bookmark{align-items:center;gap:8px;display:inline-flex}.tool-progress{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.tool-progress>span{border-radius:inherit;background:linear-gradient(90deg,#77e0bf,#f3c37a);height:100%;display:block}.tool-option{text-align:start;border:1px solid var(--tool-line);width:100%;color:var(--tool-text);background:#ffffff0f;border-radius:18px;padding:16px 18px}.tool-option.is-selected,.tool-option:hover{background:#6dd3b624;border-color:#6dd3b666}.tool-option:focus-visible{outline-offset:2px;outline:2px solid #6dd3b6a6}.tool-note-card,.tool-comment-card,.tool-result-card{border:1px solid var(--tool-line);background:#ffffff0f;border-radius:20px;padding:18px}.tool-note-card header,.tool-comment-card header,.tool-result-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tool-comment-thread{gap:12px;display:grid}.tool-comment-replies{border-inline-start:1px solid #ffffff24;margin-inline-start:18px;padding-inline-start:14px}.tool-category-tabs{flex-wrap:wrap;gap:10px;display:flex}.tool-category-tab{flex:0 auto;width:auto}.tool-discussion-section{margin-bottom:28px;padding-bottom:8px}.tool-comment-card--nested{background:#ffffff0a}.tool-comment-reply-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;margin-top:14px;margin-bottom:20px;padding:16px 18px;box-shadow:inset 0 1px #ffffff0f}.tool-discussion-compose{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:20px}.tool-discussion-compose__title{color:var(--tool-text);margin:0;font-size:1.05rem;font-weight:600}.tool-summary-points{margin:0;padding-inline-start:18px}.tool-summary-points li+li{margin-top:8px}.tool-empty{text-align:center;justify-items:center;gap:10px;display:grid}.tool-empty strong{font-size:1.1rem}.tool-kpi{color:var(--tool-text-soft);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.tool-hero-card{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:18px;display:grid}.tool-hero-card aside{border:1px solid var(--tool-line);background:#ffffff0f;border-radius:22px;padding:20px}.tool-skeleton{background:#ffffff14;min-height:110px;position:relative;overflow:hidden}.tool-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.2s infinite tool-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes tool-shimmer{to{transform:translate(100%)}}html[dir=rtl] .tools-brand,html[dir=rtl] .tool-toolbar,html[dir=rtl] .tool-badges,html[dir=rtl] .tool-action-row,html[dir=rtl] .tool-meta{direction:rtl}html[dir=rtl] .tools-header-actions{align-items:flex-start}html[dir=rtl] .tool-option{text-align:right}html[dir=rtl] .tool-comment-replies{border-inline-start:0;border-inline-end:1px solid #ffffff24;margin-inline:0 18px;padding-inline:0 14px}@media (max-width:960px){.tools-header,.tool-layout-split,.tool-grid--wide,.tool-hero-card{grid-template-columns:1fr}}@media (max-width:720px){.tools-app{padding:18px 16px}.hajj-journey-layout>*{padding-inline:6px}.hajj-journey-map-column{gap:14px}.hajj-journey-canvas-shell,.hajj-journey-static-shell,.hajj-journey-mobile-copy,.hajj-journey-detail-card{width:100%;max-width:100%;margin-inline:0}.hajj-journey-canvas-shell,.hajj-journey-static-shell{min-height:356px}.hajj-journey-mobile-copy{margin-top:2px}.hajj-journey-detail-card{padding:20px}.tools-header{padding:22px}.tools-brand{flex-direction:column}.tools-header-actions{align-items:stretch}.tool-card,.tool-panel,.tool-section,.tool-empty{padding:18px}}.hajj-journey-layout{align-items:stretch}.hajj-journey-canvas-shell{justify-self:stretch;margin-inline:0}.hajj-journey-detail-card{align-self:stretch;height:100%}.hajj-journey-static-shell,.hajj-journey-detail-card,.hajj-journey-mobile-copy{width:100%}.hajj-journey-canvas-shell canvas{display:block}