*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f6;color:#111827;font-size:19px;line-height:1.5}html,body{height:100%}body{background-image:var(--app-bg);background-position:center;background-repeat:no-repeat;background-size:cover}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:100%;max-width:1080px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen{padding:32px 16px}.screen--center{min-height:100vh;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center}.screen--center h1{font-size:28px;letter-spacing:.03em;text-transform:uppercase;font-weight:700;color:#f9fafb;text-shadow:0 2px 8px rgba(0,0,0,.8);margin:0 0 4px}.screen--center p{font-size:15px;color:#e5e7eb;text-shadow:0 1px 6px rgba(0,0,0,.8);margin:0 0 20px}.pilgrim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;max-width:600px}.pilgrim-card{border:1px solid rgba(148,163,184,.4);border-radius:18px;padding:18px 14px;background:#f9fafbf5;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 25px #0f172a26;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pilgrim-card:hover{box-shadow:0 14px 32px #0f172a40;transform:translateY(-3px);border-color:#10b981b3}.pilgrim-name{font-weight:600;font-size:20px;text-align:center;color:#0f172a}.avatar-large,.avatar{border-radius:999px;background:#e5f3ea;display:flex;align-items:center;justify-content:center;color:#064e3b;font-weight:700}.avatar-large{width:64px;height:64px;font-size:24px}.avatar{width:40px;height:40px;font-size:18px;border-radius:999px;background:#e5f3ea;display:flex;align-items:center;justify-content:center;color:#064e3b;font-weight:700}.avatar-img-inner{width:100%;height:100%;border-radius:999px;object-fit:cover}.shell-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a;color:#f9fafb;justify-content:space-between}.back-button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:18px}.shell-user{display:flex;align-items:center;gap:8px;flex:1}.shell-user-name{font-weight:600}.shell-user-subtitle{font-size:16px;opacity:.8}.profile-icon-button{border:none;background:transparent;cursor:pointer;padding:0}.profile-icon-avatar,.profile-icon-initial{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e5f3ea;color:#064e3b;font-weight:700;font-size:14px}.profile-icon-generic{width:32px;height:32px;border-radius:999px;background:#0b1120;border:1px solid #e5f3ea;display:flex;align-items:center;justify-content:center;position:relative}.profile-icon-head{width:10px;height:10px;border-radius:999px;background:#e5f3ea;position:absolute;top:7px}.profile-icon-body{width:16px;height:8px;border-radius:999px 999px 0 0;background:#e5f3ea;position:absolute;bottom:7px}.shell-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff}.tab-link{padding:10px 16px;flex:1;text-align:center;font-size:16px;cursor:pointer;border-bottom:2px solid transparent}.tab-link.active,.tab-link[aria-current=page]{border-bottom-color:#059669;color:#047857;font-weight:600}.shell-main{padding:16px;flex:1;overflow-y:auto}.tab-header h2{margin:0 0 4px;font-size:22px;letter-spacing:.01em;font-weight:700;color:#fff}.tab-header p{margin:0 0 16px;color:#fff}.itinerary-timeline{display:flex;flex-direction:column;gap:12px}.day-card{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #e5e7eb}.day-card--single{padding:12px 14px}.day-card-header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:6px}.day-chip{background:#ecfdf3;color:#047857;padding:2px 8px;border-radius:999px;font-size:14px;font-weight:500}.day-date{font-size:14px;color:#6b7280}.day-location{font-weight:600}.day-activity{margin-top:4px;font-size:14px}.day-accommodation{margin-top:4px;font-size:13px;color:#4b5563}.day-note-block{margin-top:10px}.day-note-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.day-note-textarea{width:100%;min-height:60px;resize:vertical;border-radius:8px;border:1px solid #ffffff;padding:6px 8px;font-size:13px;font-family:inherit}.itinerary-controls{margin-bottom:8px;display:flex;justify-content:flex-end}.itinerary-jump-label{font-size:13px;color:#fff;display:inline-flex;align-items:center;gap:4px}.itinerary-jump-select{font-size:13px;padding:4px 8px;border-radius:999px;border:1px solid #d1d5db}.day-card--collapsible{padding:0}.day-card-header--button{width:100%;border:none;background:none;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.day-card-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.day-toggle-icon{font-size:14px;color:#6b7280}.day-card--expanded .day-card-body{border-top:1px solid #e5e7eb;padding:8px 10px 10px}.steps-list{display:flex;flex-direction:column;gap:12px}.step-card{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #e5e7eb}.step-order{font-size:12px;color:#6b7280}.step-title{font-weight:600}.step-where{font-size:13px;color:#4b5563;margin-top:2px}.step-description{margin-top:6px;font-size:14px}.step-tips{margin:8px 0 0;padding-left:18px;font-size:13px;color:#374151}.hajj-day-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hajj-chip{border-radius:999px;border:1px solid #d1d5db;padding:4px 10px;background:#f9fafb;font-size:12px;cursor:pointer}.hajj-chip--active{background:#ecfdf3;color:#047857;border-color:#059669}.hajj-day-card{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #e5e7eb}.hajj-date{font-size:12px;color:#6b7280}.hajj-summary{margin-top:6px;font-size:14px}.hajj-section{margin-top:10px}.hajj-section h3{margin:0 0 4px;font-size:14px}.hajj-section ul{margin:0;padding-left:18px;font-size:13px}.primary-button{margin-bottom:12px;background:#059669;color:#fff;border:none;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px}.secondary-button{background:#e5e7eb;border-radius:999px;border:none;padding:6px 12px;font-size:13px;cursor:pointer}.link-button{background:transparent;border:none;color:#ef4444;font-size:12px;cursor:pointer}.profile-form{display:flex;flex-direction:column;gap:16px;max-width:360px}.profile-avatar-section{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.profile-avatar-wrapper{cursor:pointer}.profile-field label{display:block;font-size:13px;margin-bottom:4px}.profile-field input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;font-size:14px}.dua-grid{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.dua-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.dua-image{width:100%;display:block;max-height:220px;object-fit:cover}.dua-meta{padding:8px 10px;font-size:12px}.dua-caption{font-weight:500}.dua-uploader{color:#fff;margin-top:2px}.dua-empty{font-size:14px;color:#fff;margin-top:8px}.dua-upload-row{display:flex;gap:8px;margin-bottom:12px;align-items:center}.dua-caption-input{flex:1;padding:6px 8px;border-radius:999px;border:1px solid #d1d5db;font-size:13px}.dua-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.dua-row .dua-card{min-width:180px;max-width:220px}.dua-section-title{margin-top:16px;margin-bottom:8px;font-size:14px;font-weight:600}.dua-image-wrapper{cursor:pointer}.dua-section-title{margin-top:16px;margin-bottom:8px;font-size:14px;font-weight:600;color:#fff}.dua-meta-bottom{margin-top:4px;display:flex;justify-content:space-between;align-items:center}.favorite-button{border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;color:#9ca3af}.favorite-button--active{color:#f59e0b}.dua-actions{display:flex;align-items:center;gap:4px}.dua-delete-button{border:none;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:2px 8px;font-size:11px;cursor:pointer}.dua-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:40}.dua-modal-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.dua-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px #0f172a80;background:#000}.dua-modal-caption{color:#e5e7eb;font-size:14px}.pretrip-hero{margin-top:12px;padding:20px 16px;border-radius:16px;background:#0f172a;color:#e5e7eb}.pretrip-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#022c22;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.pretrip-title{margin:0 0 4px;font-size:20px}.pretrip-subtitle{margin:0 0 12px;font-size:14px;color:#cbd5f5}.pretrip-countdown{display:inline-flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:12px;background:#0f766e40;margin-bottom:12px}.pretrip-countdown-number{font-size:24px;font-weight:700}.pretrip-countdown-label{font-size:12px}.pretrip-list{font-size:13px;margin-bottom:10px}.pretrip-list-title{margin:0 0 4px}.pretrip-list ul{margin:0;padding-left:18px}.pretrip-footer{font-size:12px;color:#9ca3af;margin:0}.tab-header p,.day-date,.day-accommodation,.hajj-date,.hajj-summary,.dua-meta,.dua-empty,.itinerary-jump-label,.pretrip-footer,.pretrip-subtitle,.day-note-label,.day-note-textarea,.dua-caption-input,.profile-field input,.itinerary-jump-select{font-size:14px}.primary-button,.secondary-button,.tab-link{font-size:15px}@media (max-width: 480px){body{font-size:17px}.tab-header h2{font-size:20px}.tab-header p{font-size:15px}.day-location,.hajj-summary,.step-title{font-size:16px}.primary-button,.secondary-button,.tab-link{font-size:16px;padding:10px 16px}.day-note-textarea,.dua-caption-input,.profile-field input,.itinerary-jump-select{font-size:15px}.dua-meta,.day-accommodation,.day-date{font-size:14px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:inherit;background-position:inherit;background-repeat:inherit;background-size:inherit}