*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #06008b;--primary-red: #e62305;--primary-orange: #f3a95a;--background: #f5f5f5;--text-dark: #262626;--text-light: #ffffff;--border-color: #e0e0e0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-blue);color:var(--text-dark);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:var(--primary-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;padding:1rem;padding-bottom:80px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.page-container{padding:.5rem}}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:#06008b;transition:all .2s ease;padding:.5rem .75rem;border-radius:8px;min-width:60px}.nav-item:hover{color:#1a0fb8;background:#06008b0d}.nav-item.active{color:#06008b;background:#06008b1a}.nav-item.active .nav-icon{color:#e62305;transform:scale(1.1)}.nav-icon{font-size:1.5rem;transition:all .2s ease}.nav-label{font-size:.7rem;font-weight:500;text-align:center}.profile-btn{background:none;border:none;cursor:pointer}.profile-menu-overlay{position:fixed;inset:0;background:transparent;z-index:999}.profile-menu{position:fixed;bottom:80px;right:10px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1001;min-width:200px;animation:slideUpSmall .2s ease}.profile-menu-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:.75rem}.profile-avatar{font-size:2rem}.profile-info{flex:1}.profile-name{font-weight:600;color:#06008b;font-size:.95rem}.profile-email{font-size:.8rem;color:#666}.profile-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;color:#e62305;cursor:pointer;transition:background .2s}.profile-menu-item:hover{background:#e623051a}@keyframes slideUpSmall{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.nav-icon{font-size:1.3rem}.nav-label{font-size:.65rem}.nav-item{padding:.4rem .5rem;min-width:50px}.profile-menu{right:5px;min-width:180px}}.daily-tip-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.daily-tip-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;margin:1rem;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.daily-tip-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 1.5s infinite}.daily-tip-title{font-size:1.5rem;color:#06008b;margin-bottom:1rem;font-family:Georgia,Times New Roman,serif}.daily-tip-text{font-size:1.05rem;line-height:1.6;color:#333;margin-bottom:1.5rem}.daily-tip-button{padding:.75rem 2rem;background:#06008b;color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.daily-tip-button:hover{background:#1a0fb8;transform:scale(1.05)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.daily-tip-modal{max-width:90%}.daily-tip-title{font-size:1.3rem}.daily-tip-text{font-size:1rem}}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}.auth-modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.auth-modal-close:hover{background:#0000001a;color:#333}.auth-modal-title{font-size:1.8rem;color:#06008b;margin-bottom:1.5rem;font-family:Georgia,Times New Roman,serif;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-weight:600;color:#333;font-size:.9rem}.auth-form input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.auth-form input:focus{outline:none;border-color:#06008b}.auth-form input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-error{padding:.75rem;background:#e623051a;border:1px solid rgba(230,35,5,.3);border-radius:4px;color:#e62305;font-size:.9rem;text-align:center}.auth-submit-btn{padding:.75rem;background:#06008b;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){background:#1a0fb8}.auth-submit-btn:disabled{background:#999;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#666}.auth-switch-btn{background:none;border:none;color:#06008b;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.9rem}.auth-switch-btn:hover:not(:disabled){color:#1a0fb8}.auth-switch-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-container{max-width:900px;margin:0 auto;padding:0 0 100px}.tabs{display:flex;justify-content:center;gap:0;border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:2rem}.tab{background:none;border:none;color:#ffffffb3;font-size:1.1rem;font-weight:500;padding:1rem 2rem;cursor:pointer;position:relative;transition:all .3s}.tab:hover,.tab.active{color:#fff}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff}.timing-view{padding:1rem}.start-time-display{background:#fff;border-radius:16px;padding:2rem;margin-bottom:1.5rem;text-align:center}.start-time-display h3{color:#06008b;font-size:1.2rem;margin-bottom:1rem}.time-display-large{display:flex;justify-content:center;align-items:center;gap:1rem}.time-input-large{font-size:3rem;font-weight:700;color:#06008b;border:none;background:none;text-align:center;font-family:Courier New,monospace;width:auto;padding:0}.time-input-large:disabled{color:#06008b;opacity:1}.time-input-large:focus{outline:none}.next-step-info{background:#ffffff26;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.1rem}.next-step-time{font-weight:700;font-family:Courier New,monospace;font-size:1.3rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.btn{padding:1rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn-start{background:#e62305;color:#fff}.btn-start:hover{background:#c41e04;transform:translateY(-2px);box-shadow:0 4px 12px #e6230566}.btn-pause{background:#f3a95a;color:#fff}.btn-pause:hover{background:#e19849}.btn-reset{background:#fff3;color:#fff}.btn-reset:hover{background:#ffffff4d}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.step-card{background:#06008b99;border-radius:12px;padding:1.5rem;color:#fff;transition:all .3s}.step-card.active{background:linear-gradient(135deg,#e62305,#c41e04);transform:scale(1.05);box-shadow:0 8px 16px #e6230566}.step-card.completed{background:#4caf504d}.step-title{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.step-time{font-size:2.5rem;font-weight:700;font-family:Courier New,monospace}.step-countdown{font-size:1.2rem;font-weight:700;color:#ffffffe6;margin-top:.5rem;font-family:Courier New,monospace}.timer-hint{background:#ffffff1a;border-radius:12px;padding:1.5rem;color:#fff}.timer-hint h4{font-size:1.1rem;margin-bottom:.5rem}.timer-hint p{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.hint-instruction{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.steps-view{padding:1rem}.step-indicators{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.step-indicator{width:36px;height:36px;border-radius:50%;border:2px solid white;background:none;color:#fff;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s}.step-indicator:hover{background:#ffffff1a}.step-indicator.active{background:#fff;color:#06008b}.steps-carousel{overflow:hidden;width:100%}.steps-carousel-wrapper{display:flex;transition:transform .3s ease-in-out}.step-card-detail{min-width:100%;background:#fff;border-radius:12px;padding:1.5rem;box-sizing:border-box}.step-card-detail h3{color:#06008b;font-size:1.3rem;margin-bottom:1rem}.step-number{font-weight:700}.step-content{color:#333}.step-duration-text{color:#666;font-size:.95rem;margin:.5rem 0}.step-list{list-style-position:outside;padding-left:1.5rem;margin:0}.step-list li{color:#333;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.step-list li strong{color:#06008b}.alarm-alert{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:pulse 1s infinite}@keyframes pulse{0%,to{background:#e62305e6}50%{background:#e62305b3}}.alarm-content{background:#fff;padding:3rem;border-radius:16px;text-align:center;box-shadow:0 8px 16px #0000004d}.alarm-content h2{color:#e62305;font-size:2rem;margin-bottom:1rem}.alarm-content p{font-size:1.2rem;margin-bottom:1.5rem;color:#333}.alarm-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.btn-secondary{background:#0000001a;color:#333;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border:2px solid #ddd;border-radius:12px;cursor:pointer}.btn-secondary:hover{background:#00000026}.btn-primary{background:#e62305;color:#fff;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer}.btn-primary:hover{background:#c41e04}@media(max-width:768px){.step-time{font-size:2rem}.time-input-large{font-size:2.5rem}.action-buttons{grid-template-columns:1fr}}.lexikon-container{max-width:900px;margin:0 auto;padding:2rem 1rem 100px}.lexikon-header{text-align:left;margin-bottom:2rem}.lexikon-header h1{font-family:Georgia,Times New Roman,serif;font-size:3.6rem;color:#fff;margin:0 0 1.5rem}.search-section{margin-bottom:2rem}.search-box{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem}.search-box input{flex:1;max-width:500px;padding:12px 16px;border:none;border-radius:8px;font-size:1rem;background:#fff;color:#06008b}.search-box input::placeholder{color:#06008b80}.search-box button{background:#e62305;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:opacity .2s}.search-box button:hover{opacity:.9}.search-info{font-size:.9rem;color:#ffffffb3}.search-info strong{color:#fff}.lexikon-entries{display:grid;gap:1.2rem}.entry{background:#ffffff0f;border-radius:8px;padding:1rem}.entry-title{font-weight:700;color:#fff;font-size:1.1rem;margin:0 0 .5rem}.entry-desc{color:#ffffffe6;line-height:1.6;margin:0}.highlight{background:#e62305;color:#fff;padding:0 2px;border-radius:2px;font-weight:600}.no-results{text-align:center;color:#ffffffb3;padding:2rem}.no-results strong{color:#fff}.entries-placeholder{text-align:center;color:#fff9;padding:2rem;font-size:.95rem}@media(max-width:768px){.lexikon-header h1{font-size:2.5rem}.search-box{flex-direction:column;align-items:stretch}.search-box input{max-width:100%}.search-box button{width:100%}}.upload-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-overlay-content{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.upload-overlay-header h2{margin:0;color:#06008b;font-size:1.5rem}.upload-overlay-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.upload-overlay-close:hover:not(:disabled){background:#f5f5f5;color:#333}.upload-overlay-close:disabled{opacity:.5;cursor:not-allowed}.upload-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input[type=file]{width:100%;padding:.75rem;border:2px dashed #ddd;border-radius:8px;background:#f9f9f9;cursor:pointer;transition:all .2s}.form-group input[type=file]:hover:not(:disabled){border-color:#06008b;background:#fff}.form-group input[type=file]:disabled{opacity:.5;cursor:not-allowed}.file-info{margin-top:.5rem;font-size:.9rem;color:#666}.image-preview{margin-bottom:1.5rem;border-radius:8px;overflow:hidden;max-height:300px}.image-preview img{width:100%;height:auto;display:block}.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:#06008b}.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.upload-progress{margin-bottom:1rem}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#06008b,#1a0fb8);transition:width .3s ease}.progress-text{text-align:center;font-size:.9rem;color:#666;margin:0}.error-message{color:#e62305;background:#e623051a;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.upload-button{width:100%;padding:1rem;background:#e62305;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.upload-button:hover:not(:disabled){background:#c41e04;transform:translateY(-2px);box-shadow:0 4px 12px #e623054d}.upload-button:disabled{background:#999;cursor:not-allowed;transform:none}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .2s ease}.modal-close-btn{position:fixed;top:1rem;right:1rem;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3001;transition:all .2s}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}.image-modal-container{display:flex;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;animation:slideUp .3s ease}.image-modal-left{flex:0 0 60%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-modal-left img{max-width:100%;max-height:90vh;object-fit:contain;display:block}.image-modal-right{flex:1;display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.modal-user-info{display:flex;align-items:center;gap:.75rem}.modal-avatar{font-size:1.5rem}.modal-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.modal-username{display:block;font-weight:600;color:#333;font-size:.95rem}.modal-date{display:block;font-size:.8rem;color:#999}.modal-delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.modal-delete-btn:hover{background:#e623051a}.modal-description{padding:1rem;color:#333;line-height:1.5;border-bottom:1px solid #e0e0e0}.modal-description strong{color:#06008b}.modal-actions{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0}.modal-action-btn{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1.3rem;transition:transform .2s}.modal-action-btn:hover{transform:scale(1.2)}.modal-action-btn.liked .action-icon{animation:heartPulse .3s ease}.modal-likes{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0}.modal-comments-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-comments-list{flex:1;overflow-y:auto;padding:1rem}.no-comments{text-align:center;color:#999;font-size:.9rem;padding:2rem}.modal-comment{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.comment-content{flex:1;color:#333;font-size:.9rem;line-height:1.4}.comment-content strong{color:#06008b}.comment-delete-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:0 .25rem;line-height:1}.comment-delete-btn:hover{color:#e62305}.modal-comment-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e0e0e0}.modal-comment-form input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;outline:none}.modal-comment-form input:focus{border-color:#06008b}.modal-comment-form button{padding:.75rem 1.5rem;background:#06008b;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.modal-comment-form button:hover:not(:disabled){background:#1a0fb8}.modal-comment-form button:disabled{background:#999;cursor:not-allowed}.login-prompt{padding:1rem;text-align:center;color:#999;font-size:.9rem;border-top:1px solid #e0e0e0}@media(max-width:768px){.image-modal-container{flex-direction:column;max-width:100vw;max-height:100vh;border-radius:0}.image-modal-left{flex:0 0 auto;max-height:50vh}.image-modal-right{flex:1}.modal-close-btn{background:#ffffffe6}}.post-card{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s}.post-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.post-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0}.post-user-info{display:flex;align-items:center;gap:.75rem}.post-avatar{font-size:1.5rem}.post-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.post-username{display:block;font-weight:600;color:#333;font-size:.95rem}.post-date{display:block;font-size:.8rem;color:#999}.post-delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.post-delete-btn:hover:not(:disabled){background:#e623051a}.post-delete-btn:disabled{opacity:.5;cursor:not-allowed}.post-image-container{position:relative;width:100%;background:#f0f0f0}.post-image-container img{width:100%;height:auto;display:block}.post-description{padding:1rem;color:#333;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.post-actions{display:flex;gap:1rem;padding:.75rem 1rem;border-top:1px solid #f0f0f0}.post-action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.95rem}.post-action-btn:hover{background:#06008b0d}.post-action-btn.liked .action-icon{animation:heartPulse .3s ease}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-icon{font-size:1.2rem}.action-text{color:#666;font-weight:500}.post-card.grid-view{margin-bottom:0}.post-card.grid-view .post-header,.post-card.grid-view .post-description,.post-card.grid-view .post-actions{display:none}.post-card.grid-view{aspect-ratio:1;cursor:pointer}.post-card.grid-view .post-image-container{height:100%}.post-card.grid-view .post-image-container img{width:100%;height:100%;object-fit:cover}.profile-overlay-bg{position:fixed;inset:0;background:#00000080;z-index:999}.profile-overlay{position:fixed;inset:0;background:#fff;z-index:1000;width:100%;height:100vh;overflow:hidden}.profile-modal{background:#fff;width:100%;height:100%;overflow-y:auto;padding-bottom:150px;position:relative}.profile-overlay:before{content:"";position:fixed;top:0;left:0;right:0;height:35px;background:#fff;z-index:1001}.profile-close{position:fixed;top:0;right:1rem;background:#fff;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:.25rem;z-index:1002;border-radius:4px;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.profile-close:hover{color:#333;background:#f9f9f9}.profile-tabs{display:flex;gap:0;border-bottom:1px solid #e0e0e0;background:#fff;position:fixed;top:35px;left:0;right:0;z-index:1001;width:100%}.profile-tab-btn{flex:1;padding:1rem;border:none;background:#fff;color:#333;cursor:pointer;font-weight:600;border-bottom:3px solid transparent;transition:all .3s}.profile-tab-btn.active{color:#06008b;border-bottom-color:#06008b}.profile-tab-btn:hover{background:#f5f5f5}.profile-tab-content{padding:2rem 1.5rem;margin-top:65px}.profile-title{font-size:1.5rem;color:#06008b;margin-bottom:1.5rem;margin-top:0}.profile-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.profile-section:last-of-type{border-bottom:none}.profile-section-title{font-size:1rem;color:#333;margin-bottom:1rem;margin-top:0;font-weight:700}.profile-info-display{display:flex;flex-direction:column;gap:.75rem}.profile-info-row{display:flex;justify-content:space-between;padding:.75rem;background:#f9f9f9;border-radius:4px}.info-label{font-weight:600;color:#666}.info-value{color:#333}.profile-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:.5rem}.profile-input:focus{outline:none;border-color:#06008b}.profile-file-input{width:100%;padding:.5rem;margin-bottom:.5rem}.profile-button{background:#06008b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;width:100%;margin-top:.5rem;transition:background .2s}.profile-button:hover{background:#04004c}.profile-logout-btn{background:#e62305;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;width:100%;margin-top:1rem;transition:background .2s}.profile-logout-btn:hover{background:#c91f04}.profile-actions{margin-top:2rem;border-top:1px solid #e0e0e0;padding-top:2rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}.no-notifications{text-align:center;color:#999;padding:2rem;font-size:.95rem}.admin-section{margin-bottom:2rem}.admin-section h3{color:#06008b;margin-bottom:1rem}.admin-placeholder{color:#666;padding:1rem;background:#f9f9f9;border-radius:4px;text-align:center}.admin-list{display:flex;flex-direction:column;gap:.75rem}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9f9f9;border-radius:4px;gap:1rem}.admin-list-item>div{flex:1}.community-container{min-height:100vh;padding-bottom:100px;position:relative}.community-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.user-avatar{position:relative}.avatar-btn{font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.avatar-btn .avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}.stream-toggle{display:flex;gap:1rem}.stream-toggle button{background:none;border:none;border-bottom:2px solid transparent;color:#fff;font-weight:700;cursor:pointer;font-size:.9rem;padding:.5rem 0;transition:border-color .2s}.stream-toggle button.active{border-bottom-color:#fff}.view-toggle{display:flex;gap:.5rem;justify-content:flex-end;padding:0 .75rem 1rem}.view-toggle button{background:none;border:none;border-bottom:2px solid transparent;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem .25rem;width:32px;transition:border-color .2s}.view-toggle button.active{border-bottom-color:#fff}.quick-upload-btn{position:fixed;bottom:100px;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#e62305;color:#fff;border:none;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e6230566;transition:all .3s;z-index:100;line-height:1;padding:0}.quick-upload-btn:hover{background:#c41e04;transform:scale(1.05);box-shadow:0 6px 16px #e6230580}.feed-container{padding:0 .75rem}.feed-list{max-width:600px;margin:0 auto}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.grid-item{aspect-ratio:1;overflow:hidden;cursor:pointer;background:#f0f0f0}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.grid-item:hover img{transform:scale(1.05)}.loading-message,.error-message,.empty-message{text-align:center;padding:3rem 2rem;color:#fff;font-size:1.1rem}.error-message{color:#e62305;background:#e623051a;border-radius:12px;margin:2rem 1rem}.empty-message{opacity:.7}@media(max-width:480px){.feed-grid{grid-template-columns:repeat(3,1fr);gap:1px}}.chatbot-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;margin:0;padding:0 0 80px}.chatbot-header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#06008b,#1a0fb8);color:#fff;flex-shrink:0}.chatbot-header h1{margin:0;font-size:2rem;font-family:Georgia,Times New Roman,serif}.chatbot-header p{margin:.5rem 0 0;font-size:.95rem;opacity:.9}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 200px;background:#f9f9f9}.welcome-message{text-align:center;padding:3rem 2rem;color:#666}.welcome-message h2{font-size:1.5rem;margin-bottom:.5rem;color:#06008b}.chat-message{display:flex;gap:.75rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-avatar{font-size:1.5rem;display:flex;align-items:flex-end;justify-content:center;min-width:2rem;min-height:2rem;flex-shrink:0}.message-content{max-width:70%;padding:1rem;border-radius:12px;line-height:1.5;word-wrap:break-word}.message-user .message-content{background:#06008b;color:#fff}.message-assistant .message-content{background:#e8e8e8;color:#262626;text-align:left}.message-content h1,.message-content h2,.message-content h3{margin:.75rem 0 .5rem;color:#06008b}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content h1{font-size:1.25rem}.message-content h2{font-size:1.1rem}.message-content h3{font-size:1rem}.message-content p{margin:.5rem 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:.5rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message-content strong{font-weight:600}.message-content code{background:#0000001a;padding:.1rem .3rem;border-radius:4px;font-family:monospace;font-size:.9em}.message-content pre{background:#0000001a;padding:.75rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.message-content pre code{background:none;padding:0}.chat-loading{display:flex;gap:4px;align-items:center}.chat-loading span{width:8px;height:8px;border-radius:50%;background:#06008b;animation:bounce 1.4s infinite}.chat-loading span:nth-child(1){animation-delay:0s}.chat-loading span:nth-child(2){animation-delay:.2s}.chat-loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5}40%{opacity:1}}.chat-form{position:fixed;bottom:80px;left:0;right:0;display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;z-index:999}.chat-form input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:1rem;outline:none;transition:border-color .2s}.chat-form input:focus{border-color:#06008b}.chat-form input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-form button{padding:.75rem 1.5rem;background:#06008b;color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.chat-form button:hover:not(:disabled){background:#1a0fb8}.chat-form button:disabled{background:#999;cursor:not-allowed}.error-notice{position:fixed;bottom:210px;left:0;right:0;padding:.75rem 1rem;background:#e6230533;border-top:1px solid rgba(230,35,5,.3);text-align:center;flex-shrink:0;z-index:999}.error-notice p{margin:0;font-size:.9rem;font-weight:600;color:#e62305}.api-notice{position:fixed;bottom:145px;left:0;right:0;padding:.5rem 1rem;background:#06008b1a;border-top:1px solid rgba(6,0,139,.2);text-align:center;flex-shrink:0;z-index:999}.api-notice p{margin:0;font-size:.85rem;color:#06008b}@media(max-width:768px){.chatbot-header h1{font-size:1.5rem}.message-content{max-width:80%}}.workshop-container{min-height:100vh;padding-bottom:100px;background:linear-gradient(135deg,#06008b,#1a0fb8)}.workshop-header{padding:2rem 1rem;text-align:center;color:#fff}.workshop-title{font-family:Georgia,Times New Roman,serif;font-size:2rem;margin:0;line-height:1.3}.workshop-content{max-width:800px;margin:0 auto;padding:2rem 1rem;background:transparent;border-radius:12px 12px 0 0}.workshop-intro{margin-bottom:2rem}.intro-text{font-size:1.05rem;line-height:1.7;color:#fff;margin-bottom:1.5rem}.app-info-box{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);padding:1.5rem;border-radius:8px;margin:1.5rem 0;color:#fff}.app-info-box p{margin-bottom:1rem;line-height:1.6}.app-info-box ul{list-style:none;padding:0;margin:0}.app-info-box li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.app-info-box li:before{content:"•";position:absolute;left:0;color:#e62305;font-weight:700}.workshop-section{margin:3rem 0}.section-title{font-size:1.8rem;color:#fff;margin-bottom:1rem;font-family:Georgia,Times New Roman,serif}.workshop-text{font-size:1rem;line-height:1.7;color:#fff;margin-bottom:1rem}.small-text{font-size:.9rem;color:#fffc}.subsection-title{margin-top:1.5rem;margin-bottom:1rem;color:#fff;font-size:1.1rem;font-weight:600}.workshop-list{list-style:none;padding:0;margin:1rem 0 1.5rem}.workshop-list li{padding-left:1.5rem;margin-bottom:.8rem;line-height:1.6;color:#fff;position:relative}.workshop-list li:before{content:"→";position:absolute;left:0;color:#e62305;font-weight:700}.waitlist-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#06008b}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.date-picker-container{display:flex;flex-direction:column;gap:.75rem}.selected-dates{display:flex;flex-wrap:wrap;gap:.5rem}.date-tag{display:inline-flex;align-items:center;gap:.5rem;background:#e62305;color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.9rem}.date-tag button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.date-tag button:hover:not(:disabled){background:#fff3}.date-tag button:disabled{opacity:.5;cursor:not-allowed}.date-picker{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer;transition:border-color .2s}.date-picker:focus{outline:none;border-color:#06008b}.workshop-button{display:inline-block;padding:.75rem 2rem;background:#e62305;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s;margin-top:.5rem}.workshop-button:hover:not(:disabled){background:#c01f04}.workshop-button:disabled{background:#999;cursor:not-allowed}.waitlist-message{margin-top:1rem;padding:1rem;border-radius:4px;font-size:.95rem;text-align:center}.waitlist-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.waitlist-message.error{background:#e623051a;border:1px solid rgba(230,35,5,.3);color:#e62305}.workshop-link{color:#fff;text-decoration:underline;font-weight:600}.workshop-link:hover{color:#fffc}.workshop-cta{text-align:center;margin:2rem 0}.workshop-gallery{margin-top:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.gallery-grid img{width:100%;height:250px;object-fit:cover;border-radius:8px;transition:transform .2s;cursor:pointer}.gallery-grid img:hover{transform:scale(1.05)}@media(max-width:768px){.workshop-title{font-size:1.5rem}.workshop-content{padding:1.5rem 1rem}.section-title{font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-grid img{height:150px}}.workshop-steps-section{margin:3rem 0;overflow:visible}.steps-container{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:1rem}.steps-container::-webkit-scrollbar{height:8px}.steps-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.steps-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.steps-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.step-card{min-width:280px;max-width:280px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;scroll-snap-align:start;transition:transform .2s,border-color .2s}.step-card:hover{transform:translateY(-4px);border-color:#fff6}.step-number{width:50px;height:50px;background:#e62305;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.75rem;line-height:1.3}.step-description{font-size:.95rem;color:#ffffffe6;line-height:1.5;margin:0}@media(max-width:768px){.step-card{min-width:260px;max-width:260px}}#root,.app{width:100%;min-height:100vh}