*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.landing-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.landing-overlay{position:absolute;inset:0;background:#000000b3;z-index:1}.landing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;max-width:600px}.landing-ward-name{font-size:42px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);margin-bottom:12px;letter-spacing:1px}.landing-motto{font-size:20px;color:#ffffffe6;font-style:italic;text-shadow:0 1px 8px rgba(0,0,0,.5);margin-bottom:32px}.landing-meeting-info{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:40px}.meeting-time{font-size:22px;font-weight:600;color:var(--accent-color, #d4a04a);text-shadow:0 1px 6px rgba(0,0,0,.5)}.meeting-location{font-size:17px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.meeting-message{font-size:15px;color:var(--accent-color, #d4a04a);text-shadow:0 1px 4px rgba(0,0,0,.5);margin-top:4px}.landing-buttons{display:flex;flex-direction:column;gap:40px;align-items:center}.landing-wms-btn{padding:8px 24px;font-size:13px;font-weight:600;letter-spacing:1px;color:#ffffffb3;background:#ffffff1f;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 2px 8px #0003}.landing-wms-btn:hover{background:#fff3;color:#ffffffe6;transform:translateY(-1px)}.landing-wms-btn:active{transform:translateY(0)}.landing-enter-btn{padding:14px 56px;font-size:18px;font-weight:700;letter-spacing:3px;color:var(--primary-color, #1a1a2e);background:var(--accent-color, #d4a04a);border-radius:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0000004d}.landing-enter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006}.landing-enter-btn:active{transform:translateY(0)}@media(max-width:600px){.landing-ward-name{font-size:30px}.landing-motto{font-size:16px}.meeting-time{font-size:18px}.meeting-location{font-size:15px}.landing-enter-btn{padding:12px 44px;font-size:16px}}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:540px;margin:0 auto}.tile-card{display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:3 / 2;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #00000026;border:none;cursor:pointer;overflow:hidden}.tile-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.tile-card:active{transform:translateY(0)}.tile-card-icon-only{padding:0}.tile-card-with-name{padding:8px}.tile-name{font-size:16px;font-weight:700;color:#333;text-align:center;line-height:1.3;padding:10px 16px;border-radius:6px;word-break:break-word;background-color:#fafaf5e0}@media(max-width:768px){.tile-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:480px){.tile-grid{grid-template-columns:repeat(2,1fr);gap:6px}.tile-card{border-radius:10px}.tile-name{font-size:14px;padding:6px 10px}}.home-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.home-top-bar{display:flex;align-items:center;padding:10px 16px;gap:12px}.home-back-btn{font-size:33px;color:#fff;padding:4px 8px;opacity:.8;transition:opacity .2s}.home-back-btn:hover{opacity:1}.home-ward-name{flex:1;font-size:18px;font-weight:600;color:#fff;text-align:center}.home-top-spacer{width:36px}.home-content{flex:1;display:flex;flex-direction:column;padding:8px;gap:8px}.home-header-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:120px;padding:16px 20px;border-radius:12px;gap:8px;background-size:cover;background-position:top center;background-repeat:no-repeat;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000026;border:none}.home-header-tile:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.home-header-tile-image{min-height:0;padding:0;position:relative;overflow:hidden;max-width:540px;margin:0 auto;box-sizing:border-box}@media(max-width:768px){.home-header-tile-image{max-width:100%}}.home-header-tile-image .header-tile-name{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.home-header-tile-img{width:100%;height:auto;display:block;border-radius:12px}.header-tile-name{font-size:18px;font-weight:800;color:#333;text-align:center;line-height:1.3;background-color:#fafaf5e0;padding:8px 20px;border-radius:6px}.home-tiles-area{flex:1}@media(max-width:600px){.home-ward-name{font-size:16px}.home-content{padding:6px;gap:6px}.home-header-tile{min-height:100px;padding:12px 16px}.home-header-tile-image{min-height:0;padding:0}.header-tile-name{font-size:16px}}.bishop-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.bishop-top-bar{display:flex;align-items:center;padding:14px 20px;gap:12px}.bishop-back-btn{font-size:15px;color:#fff;padding:6px 12px;opacity:.8;transition:opacity .2s;border-radius:6px;background:#ffffff1a}.bishop-back-btn:hover{opacity:1;background:#ffffff26}.bishop-title{flex:1;font-size:20px;font-weight:600;color:#fff;text-align:center}.bishop-top-spacer{width:72px}.bishop-tiles-area{flex:1;padding:20px 16px 32px}.bishop-empty{text-align:center;color:#ffffff80;font-size:16px;padding:60px 20px}@media(max-width:600px){.bishop-title{font-size:17px}.bishop-tiles-area{padding:16px 12px 24px}.bishop-top-spacer{width:60px}}.image-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;padding:16px;box-sizing:border-box}.image-back-btn{position:fixed;top:12px;left:12px;background:#ffffff26;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:15px;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.image-back-btn:hover{background:#ffffff4d}.image-page-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-page-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.image-page-clickable:hover{transform:scale(1.01);box-shadow:0 4px 20px #ffffff26}.image-page-clickable:active{transform:scale(.99)}.image-page-empty{color:#999;font-size:16px}.app{width:100%;min-height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#1a1a2e}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#d4a04a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background:#1a1a2e;color:#fff;gap:16px}.app-error p{font-size:18px;opacity:.8}.app-error button{padding:10px 28px;background:#d4a04a;color:#1a1a2e;border-radius:6px;font-size:16px;font-weight:600}