.app-modal-overlay{--modal-heading:#2c3e50;--modal-muted:#7f8c8d;--modal-muted-soft:#b0b7bd;--modal-good:#27ae60;--modal-warn:#e67e22;--modal-bad:#c0392b;--modal-accent:#3498db;--modal-rule:#e3e6e8;--modal-rule-soft:#ecf0f1;--modal-rule-control:#ccc;--modal-rule-table:#ddd;--modal-surface:#fff;--modal-surface-inset:#fafbfc;--modal-hover:#f7f9fa;--modal-selected:#eaf4fc}.popup-overlay.app-modal-overlay{z-index:1055;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.popup-overlay.app-modal-overlay.show{display:flex}.app-modal{width:92%;max-width:480px;max-height:calc(var(--vh,1vh) * 88);text-align:left;color:var(--modal-heading);background:#fffffffa;border-radius:16px;padding:24px;overflow-y:auto;box-shadow:0 14px 36px #0000001f}.app-modal:focus{outline:none}.app-modal-header{border-bottom:2px solid var(--modal-rule-soft);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.app-modal .app-modal-header h2{color:var(--modal-heading);margin:0;font-size:1.25em;font-weight:600}.app-modal .close-popup{cursor:pointer;color:var(--modal-muted);background:0 0;border:none;border-radius:50%;padding:5px;font-size:24px;transition:all .3s}.app-modal .close-popup:hover{background:var(--modal-rule-soft);color:#e74c3c}.app-modal-body{font-size:.95rem;line-height:1.45}.app-modal-footer{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.app-modal-overlay .app-modal .btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:0;margin:0;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.app-modal-overlay .app-modal .btn .material-symbols-outlined{font-size:18px;line-height:1}.app-modal-overlay .app-modal .btn-sm{padding:8px 12px;font-size:13px}.app-modal-overlay .app-modal .btn-primary{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.app-modal-overlay .app-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db4d}.app-modal-overlay .app-modal .btn-secondary{color:var(--modal-muted);background:0 0;border:2px solid #bdc3c7}.app-modal-overlay .app-modal .btn-secondary:hover{color:#3498db;border-color:#3498db}.app-modal-overlay .app-modal .btn-danger{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:2px solid #e74c3c}.app-modal-overlay .app-modal .btn-danger:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c4d}.app-modal-overlay .app-modal .btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.app-modal-overlay .app-modal-footer .btn{min-width:110px}.app-modal-body p+form{margin-top:12px}.app-modal-field{flex-direction:column;gap:6px;margin:0 0 10px;display:flex}.app-modal .app-modal-field input,.app-modal .app-modal-field select{border:1px solid var(--modal-rule-control);font:inherit;background:var(--modal-surface);border-radius:6px;padding:8px 10px}.app-modal-error{color:var(--modal-bad);min-height:1em;font-size:.9rem}.app-modal-progress{align-items:center;gap:16px;padding:12px 0;display:flex}.app-modal-spinner{border:3px solid var(--modal-rule-soft);border-top-color:var(--modal-accent);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:.8s linear infinite app-modal-spin}@keyframes app-modal-spin{to{transform:rotate(360deg)}}.app-modal-progress-title{font-weight:600}.app-modal-progress-detail{color:var(--modal-muted);margin-top:2px}html{-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body{color:#1f2933;background:#eef1f5;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}img{max-width:100%;height:auto}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-font-subset-CFsrLMlX.woff)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;visibility:hidden;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}@supports (font-variant-ligatures:normal){.material-symbols-outlined{visibility:visible}}.login-container{text-align:center;background:#fff;border:1px solid #dbe3ec;border-radius:14px;width:95%;max-width:800px;margin:28px auto 36px;padding:40px;box-shadow:0 10px 24px #0f172a14}.logo{color:#3498db;margin-bottom:20px;font-size:4em}@media (width>=1001px){.login-container{max-width:1100px}}.intro-copy{max-width:760px;margin:0 auto 8px}.auth-box{background:#fff;border:1px solid #d9e3f0;border-radius:12px;margin-top:18px;overflow:hidden}.auth-tabs{border-bottom:1px solid #d9e3f0;display:flex}.auth-tab{color:#5a6678;cursor:pointer;background:#f4f7fb;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:1rem;font-weight:600;transition:background .2s,color .2s;display:flex}.auth-tab:not(:last-child){border-right:1px solid #d9e3f0}.auth-tab.is-active{color:#1d4f8c;background:#fff}.auth-tab:hover:not(.is-active){background:#eaf0f8}.auth-panel{padding:28px 30px 24px}.auth-panel .input-group label{color:#2c3e50;text-align:left;margin-bottom:6px;font-size:.9em;font-weight:600;display:block}.auth-panel .input-group{text-align:left;display:block}.btn.btn-primary{color:#2c3e50;background:#3498db26;border:2px solid #3498db59;margin-left:auto;margin-right:auto;display:flex}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db40}.section-title{color:#2c3e50;justify-content:center;align-items:center;gap:10px;margin:0 0 15px;font-size:1.3em;font-weight:600;display:flex}.input-group{max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto}.input-group input{box-sizing:border-box;background:#fff;border:2px solid #e9ecef;border-radius:10px;width:100%;padding:15px;font-size:1em;transition:border-color .3s}.input-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:180px;padding:12px 22px;font-size:1.05em;font-weight:700;transition:all .3s;display:inline-flex}.btn:focus{outline-offset:2px;outline:2px solid #3498db}.help-links{border-top:1px solid #e9ecef;justify-content:center;gap:20px;margin-top:30px;padding-top:20px;display:flex}.help-link{cursor:pointer;font-size:.9em;transition:color .3s}.help-link:hover{color:#2980b9;text-decoration:underline}.help-links .help-link{align-items:center;gap:4px;display:inline-flex}.help-links .help-link .material-symbols-outlined{font-size:18px}a{text-underline-offset:2px;-webkit-text-decoration:underline #2980b959;text-decoration:underline #2980b959;text-decoration-thickness:1px}a:hover{text-decoration-color:#2980b9a6}.loading{color:#7f8c8d;margin-top:10px;display:none}.error{color:#e74c3c;background:#e74c3c1a;border-radius:5px;margin-top:10px;padding:10px;display:none}.forgot-password-link{text-align:center;margin-top:1rem}.forgot-password-link .help-link{color:#667eea;font-size:.9rem;text-decoration:none}.forgot-password-link .help-link:hover{text-decoration:underline}.skip-link{color:#fff;z-index:100;background:#000;padding:8px;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media (width<=768px){.login-container{padding:30px 20px}.logo{font-size:3em}.input-group input{width:100%}.help-links{text-align:center;flex-wrap:nowrap;gap:15px}.help-link{font-size:.85em}.login-section{min-height:auto}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:constant(safe-area-inset-top);padding-right:constant(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);background:#fff;display:block}.login-container{width:100%;max-width:none;min-height:100dvh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:0;padding:20px}}.app-modal.pics-please-modal{padding:28px 32px 36px}.pics-please-modal .app-modal-header h2{color:#2d325a;font-size:24px}.pics-please-modal .pics-gallery{flex-wrap:wrap;justify-content:center;gap:18px;margin:20px 0 0;padding:0;display:flex}.pics-please-modal .pics-gallery__item{cursor:pointer;background:linear-gradient(#f6f7ff 0%,#fff 100%);border:1px solid #666ecf40;border-radius:14px;outline:none;flex-direction:column;flex:240px;max-width:280px;min-height:100%;margin:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 6px 20px #242d611f}.pics-please-modal .pics-gallery__item picture{display:block}.pics-please-modal .pics-gallery__item picture img,.pics-please-modal .pics-gallery__item>img{width:100%;height:auto;display:block}.pics-please-modal .pics-gallery__item:hover,.pics-please-modal .pics-gallery__item:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #242d6133}.pics-please-modal .pics-gallery__item:focus-visible{box-shadow:0 0 0 3px #666ecf59,0 16px 34px #242d612e}.pics-please-modal .pics-gallery__item figcaption{color:#41446d;background:#fff;flex-grow:1;margin:0;padding:12px 14px 16px;font-size:14px;line-height:1.45}.pics-please-modal .pics-gallery__lightbox{z-index:2000;background:#0c1028d6;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.pics-please-modal .pics-gallery__lightbox.is-visible{display:flex}.pics-please-modal .pics-gallery__lightbox-content{background:#fff;border-radius:18px;outline:none;flex-direction:column;width:min(1100px,92vw);max-height:85vh;padding:28px 28px 36px;display:flex;position:relative;box-shadow:0 26px 70px #0d0f2859}.pics-please-modal .pics-gallery__lightbox-picture{flex:1;justify-content:center;align-items:center;display:flex}.pics-please-modal .pics-gallery__lightbox-picture img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:70vh}.pics-please-modal .pics-gallery__lightbox-caption{text-align:center;color:#2d325a;margin:18px 0 0;font-size:15px;line-height:1.5}.pics-please-modal .pics-gallery__lightbox-close{color:#1f2350;cursor:pointer;background:#666ecf1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.pics-please-modal .pics-gallery__lightbox-close:hover,.pics-please-modal .pics-gallery__lightbox-close:focus-visible{color:#12163b;background:#666ecf3d}.pics-please-modal .pics-gallery__lightbox-close .material-symbols-outlined{font-size:22px}@media (width<=600px){.pics-please-modal .app-modal-header h2{display:none!important}.pics-please-modal .pics-gallery__lightbox{padding:max(10px, env(safe-area-inset-top)) 12px 12px}.pics-please-modal .pics-gallery__lightbox-content{width:min(100vw - 24px,480px);max-height:calc(100dvh - 24px);padding:18px 14px 22px;display:block;overflow-y:auto}.pics-please-modal .pics-gallery__lightbox-picture{display:block}.pics-please-modal .pics-gallery__lightbox-picture img{max-height:min(62dvh,420px)}.pics-please-modal .pics-gallery__lightbox-close{width:36px;height:36px;top:8px;right:8px}.pics-please-modal .pics-gallery__lightbox-close .material-symbols-outlined{font-size:20px}.pics-please-modal .pics-gallery__lightbox-caption{margin-top:10px;padding-bottom:2px}.pics-please-modal .pics-gallery{flex-direction:column;align-items:stretch}.pics-please-modal .pics-gallery__item{flex:none;width:100%;max-width:none;min-height:0;display:block}.pics-please-modal .pics-gallery__item figcaption{flex-grow:0;padding:12px 14px 14px}}.hero-header{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.logo-image{float:left;max-height:130px;margin-right:20px}body.index-page{color:#1f2933;background:#f7f9fc}.index-page .login-container{width:min(1120px,94%);max-width:1120px;box-shadow:none;text-align:left;background:0 0;border:none;border-radius:0;margin:0 auto;padding:30px 0 22px}.index-page .hero-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;margin-bottom:8px;display:grid}.index-page .hero-header{justify-content:flex-start;margin-bottom:0}.index-page .logo-image{float:none;max-height:118px;margin-right:0}.index-page .intro-copy{max-width:760px;margin:0}.index-page .intro-heading{color:#111827;max-width:66ch;margin:0;font-size:1.08rem;font-weight:700;line-height:1.45}.hero-actions{display:none}.hero-action-link{border:2px solid #1d4f8c40;border-radius:8px;padding:8px 20px;font-size:1.05rem;font-weight:700;transition:background .2s,border-color .2s;color:#1d4f8c!important;text-decoration:none!important}.hero-action-link:hover{background:#1d4f8c14;border-color:#1d4f8c73}.hero-action-divider{color:#b0bec5;font-weight:300}.flow-grid{flex-direction:column;gap:20px;display:flex}.flow-item{padding:0 0 18px}.flow-item:not(:last-child){border-bottom:1px solid #1f29331f}.flow-icon{color:#1d4f8c;flex:none;font-size:26px}.flow-title{color:#111827;align-items:center;gap:10px;margin:0 0 10px;font-size:1.2rem;line-height:1.3;display:flex}.flow-description{color:#475467;margin:0;font-size:.98rem;line-height:1.65}.features-and-preview{grid-template-rows:auto 1fr;grid-template-columns:1fr 300px;align-items:start;gap:20px 28px;margin:36px 0 22px;display:grid}.features-col{grid-area:1/1;min-width:0}.features-and-preview>.story-expand-panel{grid-area:2/1;align-self:stretch;margin:0}.features-and-preview>.preview-col{grid-area:1/2/-1}.preview-col{text-align:center;position:sticky;top:20px}.preview-screenshot{cursor:pointer;border:1px solid #d6e1ee;border-radius:10px;max-height:420px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 14px #1d4f8c1a}.preview-screenshot:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1d4f8c2e}.preview-caption{text-align:center}.flow-screenshot-img{width:100%;height:auto;display:block}.flow-inline-link{margin:12px 0 0;font-size:.95rem}.flow-inline-link .help-link{color:#2c3e50;margin-right:12px;font-weight:700}.story-expand-panel{margin:0;display:block}.story-expand-inner{background:#fff;border:1px solid #d6e1ee;border-left:4px solid #1d4f8c;border-radius:10px;padding:20px 18px}.story-expand-title{color:#111827;margin:0 0 10px;font-size:1.15rem;line-height:1.3}.story-expand-text{color:#475467;margin:0;line-height:1.6}.story-expand-text+.story-expand-text{margin-top:10px}.index-page #main-content a{color:#2c3e50;text-underline-offset:2px;-webkit-text-decoration:underline dotted #2c3e50;text-decoration:underline dotted #2c3e50;text-decoration-thickness:1px}.index-page #main-content a:hover,.index-page #main-content a:focus{color:#2c3e50;text-decoration-color:#2c3e50}.footer-note{color:#7f8c8d;text-align:center;margin:15px 0 0;font-size:.8em}@media (width<=980px){.index-page .login-container{width:100%;padding:24px 18px 18px}.index-page .hero-row{grid-template-columns:1fr;gap:12px}.hero-actions{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.features-and-preview{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:20px;display:grid}.features-col{order:1;grid-column:1/-1}.features-and-preview>.story-expand-panel{order:2;grid-area:auto/1/auto/-1;margin:0}.features-and-preview>.preview-col{order:3;grid-area:auto/1/auto/-1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:start;gap:8px 20px;display:grid;position:static}.preview-col>.preview-screenshot{grid-area:1/1;max-height:340px}.preview-col>.preview-caption{text-align:center;grid-area:2/1}.preview-col>.auth-box{grid-area:1/2/-1;margin-top:0}}@media (width<=600px){.features-and-preview{grid-template-columns:1fr}.features-col,.features-and-preview>.story-expand-panel,.features-and-preview>.preview-col{grid-column:1}.features-and-preview>.preview-col{flex-direction:column;align-items:center;display:flex}.preview-screenshot{max-width:300px;max-height:260px}.auth-box{width:100%;max-width:400px}}