code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-dark:#0f0f13;--gradient-bg-main:radial-gradient(circle at top right,#8b5cf626,#0000),radial-gradient(circle at bottom left,#f472b61a,#0000),var(--color-bg-dark);--gradient-accent:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-accent-hover:linear-gradient(135deg,#a78bfa,#f472b6);--color-accent-purple:#a78bfa;--color-accent-pink:#f472b6;--color-text-main:#f3f4f6;--color-text-bright:#fff;--color-text-muted:#94a3b8;--color-text-dark-gray:#4b5563;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff14;--glass-bg-input:#00000059;--glass-bg-input-focus:#00000073;--glass-border:1px solid #ffffff1a;--glass-border-light:1px solid #ffffff14;--glass-border-input:1px solid #ffffff1f;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000004d;--glass-shadow-light:0 4px 15px #0003}body{background-color:#0f0f13;color:#f3f4f6}#root{height:100%}.header{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background-color:#0f0f13cc;border-bottom:var(--glass-border-light);height:50px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{justify-content:flex-start;width:50px}.header-right{align-items:center;display:flex;justify-content:flex-end;min-width:50px}.header-title{color:var(--color-text-bright);flex-grow:1;font-size:1.2rem;font-weight:700;margin:0 10px;text-align:center}.header-link{color:inherit;text-decoration:none}.back-button-header{background:none;border:none;color:var(--color-text-bright);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.user-info-header{align-items:center;color:var(--color-text-muted);display:flex;font-size:.85rem;gap:.8rem}.user-name-link{color:var(--color-text-main);text-decoration:none;transition:color .2s ease}.user-name-link:hover{color:var(--color-accent-purple);text-decoration:underline}.user-name{font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-link-header,.logout-button-header{background-color:var(--glass-bg);border:var(--glass-border-light);border-radius:4px;color:var(--color-text-main);cursor:pointer;font-size:.8rem;font-weight:700;padding:4px 8px;text-decoration:none;transition:all .2s ease}.login-link-header:hover,.logout-button-header:hover{background-color:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-text-bright)}@media (max-width:480px){.user-name{display:none}.header-title{font-size:1.05rem}}.bottom-nav{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background-color:#0f0f13d9;border-top:var(--glass-border);bottom:0;box-sizing:border-box;height:100px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,20px);position:-webkit-sticky;position:sticky;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:var(--color-text-muted);flex-direction:column;flex-grow:1;font-size:14px;gap:4px;height:100%;justify-content:center;text-decoration:none}.nav-item .nav-icon{font-size:26px}.nav-item.active{color:var(--color-accent-purple);font-weight:700}.layout{display:flex;flex-direction:column;height:100vh}.main-content{flex-grow:1;overflow-y:auto;padding-bottom:120px;padding-top:50px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-dark);background:var(--gradient-bg-main);color:var(--color-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{margin:0 auto;max-width:800px;padding:20px;text-align:center}.App-header{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin-bottom:30px;padding:20px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.App-header h1{font-size:2.5rem;margin:0}.App-header p{margin:0}.guide-button{border:var(--glass-border);border-radius:8px;color:var(--color-text-main);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.guide-button,.guide-button:hover{background-color:var(--glass-bg-hover)}.guide-button:hover{border-color:var(--color-accent-purple)}main{align-items:center;display:flex;flex-direction:column;gap:20px}.url-form{display:flex;gap:10px;width:100%}.url-form input[type=text]{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);flex-grow:1;font-size:1rem;padding:12px 16px;transition:all .3s ease}.url-form input[type=text]::placeholder{color:var(--color-text-muted)}.url-form input[type=text]:focus{background:var(--glass-bg-input-focus);border-color:var(--color-accent-purple);box-shadow:0 0 0 2px #a78bfa40;outline:none}.url-form button{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:all .3s ease}.url-form button:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.url-form button:disabled{background:var(--color-text-dark-gray);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;transform:none}.cached-list-container button{align-items:center;background:var(--glass-bg);border:var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow-light);color:var(--color-text-main);cursor:pointer;display:flex;font-size:1rem;margin-bottom:10px;padding:12px;text-align:left;transition:all .3s ease;width:100%}.cached-list-container button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);box-shadow:0 4px 20px #a78bfa26;transform:translateY(-1px)}.cached-list-container button:disabled{background-color:#ffffff05;border-color:#ffffff0d;color:var(--color-text-dark-gray);cursor:not-allowed}.thumbnail{border-radius:4px;flex-shrink:0;height:68px;margin-right:15px;object-fit:cover;width:120px}.video-info{display:flex;flex-direction:column;gap:4px;justify-content:center}.video-title{color:#fff;font-size:1rem;font-weight:600}.video-meta{color:#94a3b8}.search-results-section{margin-bottom:30px;width:100%}.search-results-section h3{border-bottom:1px solid #ffffff1a;color:#fff;margin-bottom:15px;padding-bottom:10px;text-align:left}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f13e6;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 10px 40px #0009;color:#f3f4f6;max-width:90%;padding:30px;text-align:center;width:600px}.modal-content h3{color:#fff;margin-top:0}.modal-content button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.modal-content button:hover{background-color:#0069d9}.sponsorship-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:20px;padding:15px;text-align:left}.sponsorship-info p{margin:0 0 10px}.sponsorship-info p:last-of-type{margin-bottom:15px}.copy-button{background-color:#6c757d!important;font-size:.9rem!important;padding:6px 12px!important}.copy-button:hover{background-color:#5a6268!important}.copy-button:disabled{background-color:#28a745!important;cursor:default!important}.financial-summary-container{margin-bottom:40px;text-align:left;width:100%}.summary-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);color:var(--color-text-main);padding:24px}.financial-summary-container .financial-text{color:var(--color-text-main);font-size:1.15rem;font-weight:600;margin-bottom:14px}.donation-progress{border-radius:6px;height:12px;margin-bottom:24px;overflow:hidden;width:100%}.donation-info-section{background:#0003;border:1px solid #ffffff14;border-radius:10px;padding:18px}.donation-message{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0 0 16px;word-break:keep-all}.account-box{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;box-shadow:inset 0 1px 2px #0003;display:flex;gap:15px;justify-content:space-between;padding:12px 18px}.account-info{color:#e2e8f0;font-size:1rem;line-height:1.4;word-break:keep-all}.account-info strong{color:#f472b6;font-weight:700}.copy-account-button{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:6px;box-shadow:0 4px 12px #8b5cf633;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.copy-account-button:focus,.copy-account-button:hover{background:linear-gradient(135deg,#a78bfa,#f472b6);box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-1px)}.copy-account-button:active{transform:translateY(0)}@media (max-width:600px){.account-box{align-items:stretch;flex-direction:column;gap:10px;text-align:center}.account-number{font-size:1rem}.copy-account-button{padding:12px;width:100%}}.recommended-videos-container{margin-bottom:30px;width:100%}.recommended-videos-container h2{border-bottom:1px solid #ffffff1a;color:#fff;margin-bottom:15px;padding-bottom:10px;text-align:left}.recommended-videos-container ol{list-style:none;margin:0;padding:0}.recommended-videos-container button{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0003;color:#f3f4f6;cursor:pointer;display:flex;font-size:1rem;margin-bottom:10px;padding:12px;text-align:left;transition:all .3s ease;width:100%}.recommended-videos-container button:hover{background:#ffffff14;border-color:#a78bfa;box-shadow:0 4px 20px #a78bfa26;transform:translateY(-1px)}.modal-footer{border-top:1px solid #eee;justify-content:space-between;margin-top:20px;padding-top:15px}.modal-footer,.modal-footer .checkbox-wrapper{align-items:center;display:flex}.modal-footer .checkbox-text{color:#a0aec0;cursor:pointer;font-size:.9rem;margin-left:8px}.featured-videos-container{margin-bottom:40px;text-align:left;width:100%}.section-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.section-subtitle{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.featured-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.featured-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;position:relative;text-align:left;transition:all .3s ease}.featured-card:focus,.featured-card:hover{background:#ffffff14;border-color:#a78bfa;box-shadow:0 4px 20px #a78bfa26;outline:none;transform:translateY(-2px)}.featured-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;overflow:hidden}.featured-badge{align-self:flex-start;background-color:gold;border-radius:4px;color:#000;display:inline-block;font-size:.75rem;font-weight:800;margin-top:10px;padding:2px 8px;text-transform:uppercase}@media (max-width:600px){.featured-grid{grid-template-columns:1fr}}.time-bar-container{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px 0;width:100%}.time-display{color:#f3f4f6;font-size:1.2rem;font-weight:700}.jump-buttons{display:flex;gap:15px}.skip-button{background:var(--glass-bg);border:var(--glass-border-input);border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 18px;transition:all .3s ease}.skip-button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);box-shadow:0 4px 20px #a78bfa26;transform:translateY(-1px)}.skip-button:active{transform:translateY(0)}.control-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;width:100%}.control-label{color:var(--color-text-main);font-size:.95rem;font-weight:700}.control-select{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);cursor:pointer;font-size:.95rem;outline:none;padding:8px 12px;transition:all .3s ease}.control-select:focus{background:var(--glass-bg-input-focus);border-color:var(--color-accent-purple);box-shadow:0 0 0 2px #a78bfa40}.control-select option{background-color:var(--color-bg-dark);color:var(--color-text-bright)}.subtitle-check-container{align-items:center;display:inline-flex;gap:6px;margin-left:15px}.subtitle-checkbox{accent-color:var(--color-accent-purple);cursor:pointer;height:1.2rem;width:1.2rem}.subtitle-label{color:var(--color-text-main);cursor:pointer;font-size:.95rem}.secondary-controls{display:flex;gap:15px;margin-top:10px;width:100%}.toggle-script-button{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px;transition:all .3s ease}.toggle-script-button:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.toggle-script-button:active{transform:translateY(0)}.player-screen-container{box-sizing:border-box;color:var(--color-text-main);margin:20px auto;max-width:800px;padding:70px 20px 20px}.video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.video-header h2{color:var(--color-text-bright);flex-grow:1;margin:0;text-align:center}.back-button,.share-button{background:var(--glass-bg);border:var(--glass-border-light);border-radius:8px;color:var(--color-text-bright);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.back-button:hover,.share-button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.share-button{background:var(--gradient-accent);border:none;box-shadow:var(--glass-shadow-light)}.share-button:hover{box-shadow:0 4px 15px #8b5cf666;color:var(--color-text-bright);transform:translateY(-1px)}.video-container{aspect-ratio:16/9;background-color:#000;border:var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);overflow:hidden;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background-color:#000000a6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.play-overlay.is-playing{opacity:0}.video-container:hover .play-overlay.is-playing{opacity:1}.big-play-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #fff9;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:80px;justify-content:center;padding-left:6px;transition:all .3s ease;width:80px}.big-play-button:hover{background-color:#fff3;border-color:var(--color-accent-purple);color:var(--color-accent-purple);transform:scale(1.1)}.controls-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:20px;width:100%}.controls-container>button{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 16px;transition:all .3s ease}.controls-container>button:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.tts-toggle{align-items:center;color:var(--color-text-main);cursor:pointer;display:flex;font-size:.95rem}.tts-toggle input{accent-color:var(--color-accent-purple);margin-right:10px}.verbosity-control{align-items:center;display:flex;gap:10px}.verbosity-control span{color:var(--color-text-main);font-size:.95rem;font-weight:700}.verbosity-control button{background:var(--glass-bg);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-main);cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .3s ease}.verbosity-control button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-text-bright)}.verbosity-control button[aria-pressed=true]{background:var(--gradient-accent);border-color:#0000;color:var(--color-text-bright);cursor:default;font-weight:700}.script-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);box-sizing:border-box;color:var(--color-text-main);margin-top:20px;padding:20px;text-align:left;width:100%}.script-container h2,.script-container h3{border-bottom:var(--glass-border-light);color:var(--color-text-bright);margin-top:0;padding-bottom:10px}.script-container ul{list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.script-container li{border-bottom:var(--glass-border-light);font-size:.95rem;line-height:1.5;padding:10px 0}.script-container li:last-child{border-bottom:none}.verbosity-tag{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;line-height:1;margin-left:8px;margin-right:8px;padding:2px 6px}.verbosity-1{background-color:#10b981}.verbosity-2{background-color:#f59e0b}.verbosity-3{background-color:#ef4444}.login-required-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin:40px auto;max-width:500px;padding:30px;text-align:center}.login-required-title{color:var(--color-text-bright);font-size:1.5em;margin-bottom:15px;margin-top:0}.login-required-message{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:25px}.login-required-actions{display:flex;gap:15px;justify-content:center}.login-required-btn-primary{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.login-required-btn-primary:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.login-required-btn-secondary{background:#0000;border:var(--glass-border-input);border-radius:8px;color:var(--color-text-main);cursor:pointer;padding:10px 20px;transition:all .3s ease}.login-required-btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-text-bright)}.status-container{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:40px}.status-message{color:var(--color-accent-purple);font-weight:700;margin-top:10px}.spinner{margin-top:20px}.player-screen-container .comments-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);box-sizing:border-box;color:var(--color-text-main);margin-top:20px;padding:20px;text-align:left;width:100%}.player-screen-container .comments-container h3{border-bottom:var(--glass-border-light);color:var(--color-text-bright);margin-bottom:20px;margin-top:0;padding-bottom:10px}.player-screen-container .comment-form{background:#0000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:0!important}.player-screen-container .comment-form .comment-meta{display:flex;gap:10px}.player-screen-container .comment-form input[type=password],.player-screen-container .comment-form input[type=text]{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);flex:1 1;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.player-screen-container .comment-form input[type=password]:focus,.player-screen-container .comment-form input[type=text]:focus,.player-screen-container .comment-form textarea:focus{background:var(--glass-bg-input-focus);border-color:var(--color-accent-purple);box-shadow:0 0 8px #8b5cf666;outline:none}.player-screen-container .comment-form textarea{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);font-size:.95rem;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease}.player-screen-container .comment-form button{align-self:flex-end;background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 24px;transition:all .3s ease}.player-screen-container .comment-form button:hover{box-shadow:0 6px 15px #8b5cf659;transform:translateY(-1px)}.player-screen-container .comment-list{list-style:none;margin:0;padding:0}.player-screen-container .comment-item{border-bottom:var(--glass-border-light);padding:15px 0}.player-screen-container .comment-item:last-child{border-bottom:none}.player-screen-container .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.player-screen-container .comment-header strong{color:var(--color-text-bright);font-size:1rem}.player-screen-container .comment-date{color:var(--color-text-muted);font-size:.8rem}.player-screen-container .comment-item p{color:var(--color-text-main);margin:0 0 10px;text-align:left}.player-screen-container .comment-actions{display:flex;gap:10px}.player-screen-container .comment-actions button{background:none;border:none;color:var(--color-accent-purple);cursor:pointer;font-size:.85rem;padding:0;transition:color .2s ease}.player-screen-container .comment-actions button:hover{color:var(--color-accent-pink)}@media (max-width:600px){.player-screen-container{margin:10px;padding:10px}.login-required-actions,.video-header{flex-direction:column;gap:10px}.login-required-btn-primary,.login-required-btn-secondary{width:100%}}.favorite-button{background:var(--glass-bg);border:var(--glass-border-light);border-radius:8px;color:var(--color-text-bright);cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 16px;transition:all .3s ease}.favorite-button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-pink);box-shadow:0 0 10px #ec48994d;color:var(--color-accent-pink)}.favorite-button.active{background:linear-gradient(135deg,#ec489933,#8b5cf633);border-color:var(--color-accent-pink);color:#f472b6;text-shadow:0 0 5px #ec489980}.favorite-button.active:hover{background:linear-gradient(135deg,#ec48994d,#8b5cf64d);color:var(--color-text-bright)}.board-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin:20px auto;max-width:800px;padding:20px}.board-header{align-items:center;border-bottom:var(--glass-border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.board-header h1{font-size:2em;margin:0}.board-header h1,.btn-primary{color:var(--color-text-bright)}.btn-primary{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.sort-options{margin-bottom:20px;text-align:right}.sort-options button{background:var(--glass-bg);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-main);cursor:pointer;margin-left:5px;padding:8px 12px;transition:all .2s ease}.sort-options button.active{background:var(--gradient-accent)}.sort-options button.active,.sort-options button:hover:not(.active){border-color:var(--color-accent-purple);color:var(--color-text-bright)}.sort-options button:hover:not(.active){background:var(--glass-bg-hover)}.post-list{list-style:none;margin:0;padding:0}.post-list li{background:var(--glass-bg);border:var(--glass-border-light);border-radius:12px;margin-bottom:12px;transition:all .3s ease}.post-list li:hover{border-color:var(--color-accent-purple);box-shadow:0 4px 15px #a78bfa26;transform:translateY(-1px)}.post-link{color:var(--color-text-main);display:block;padding:15px;text-decoration:none}.post-title{color:var(--color-text-bright);font-size:1.2em;font-weight:700;margin-bottom:5px;transition:color .2s ease}.post-link:hover .post-title{color:var(--color-accent-purple)}.post-meta{justify-content:space-between}.post-meta span:not(:last-child){margin-right:15px}.error-message{margin-top:20px;text-align:center}@media (max-width:600px){.board-container{margin:10px;padding:15px}.board-header h1{font-size:1.5em}.btn-primary{font-size:.9em;padding:8px 12px}.sort-options{margin-bottom:15px;text-align:center}.sort-options button{display:inline-block;margin:5px}.post-title{font-size:1.1em}.post-meta{align-items:flex-start;flex-direction:column}.post-meta span{margin-bottom:3px}}.post-list li.notice-post{background:#8b5cf626;border-left:5px solid var(--color-accent-purple);border-color:var(--color-accent-purple) var(--glass-border-light) var(--glass-border-light) var(--color-accent-purple)}.post-list li.notice-post:hover{box-shadow:0 4px 15px #8b5cf64d}.post-list li.notice-post .post-title strong{color:var(--color-accent-purple);margin-right:5px}.post-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin:20px auto;max-width:800px;padding:70px 20px 20px}.post-header{border-bottom:var(--glass-border-light);margin-bottom:20px;padding-bottom:15px}.post-header h1{color:var(--color-text-bright);margin:0 0 10px}.post-meta{color:var(--color-text-muted);display:flex;font-size:.9em;gap:15px;margin-bottom:20px}.post-content{color:var(--color-text-main);line-height:1.6;margin-bottom:30px;white-space:pre-wrap}.post-actions{margin-bottom:20px;text-align:right}.comments-section{margin-top:30px}.comments-section h2,.comments-section h3{color:var(--color-text-bright);margin-bottom:15px;margin-top:0}.comment-list{list-style:none;margin:0 0 30px;padding:0}.comment-item{border-bottom:var(--glass-border-light);padding:15px 0}.comment-header{align-items:center;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:8px}.comment-header strong{color:var(--color-text-bright);font-weight:700}.comment-header span{color:var(--color-text-muted)}.comment-item p{color:var(--color-text-main);margin:0}.comment-form{background:var(--glass-bg);border:var(--glass-border-light);border-radius:12px;box-shadow:var(--glass-shadow-light);margin-top:30px;padding:20px}.comment-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.comment-form label{color:var(--color-text-main);font-size:.9em;font-weight:700;margin-bottom:5px;text-align:left}.comment-form input,.comment-form textarea{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);font-size:1em;padding:10px;transition:all .3s ease}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--color-accent-purple);box-shadow:0 0 8px #8b5cf666;outline:none}.comment-form button[type=submit]{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:all .3s ease;width:100%}.comment-form button[type=submit]:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.comment-form button[type=submit]:disabled{background:var(--glass-bg);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;transform:none}@media (max-width:600px){.post-container{margin:10px;padding:15px}}.create-post-container{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin:20px auto;max-width:800px;padding:70px 20px 20px}.create-post-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-main);display:block;font-weight:700;margin-bottom:8px;text-align:left}.form-group input,.form-group textarea{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;box-sizing:border-box;color:var(--color-text-bright);font-size:1em;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent-purple);box-shadow:0 0 8px #8b5cf666;outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.form-actions button{background:var(--glass-bg);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-main);cursor:pointer;font-size:1em;padding:10px 20px;transition:all .3s ease}.form-actions button:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-text-bright)}.form-actions button[type=submit]{background:var(--gradient-accent);border:none;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);font-weight:700}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.form-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.create-post-container{margin:10px;padding:15px}}.guide-content{color:var(--color-text-main)}.guide-content h3{border-bottom:var(--glass-border-light);color:var(--color-text-bright);font-size:1.5em;margin-bottom:1.5rem;margin-top:0;padding-bottom:10px}.guide-content h4{color:var(--color-text-bright);font-size:1.1em;margin-bottom:.5rem;margin-top:1.5rem}.guide-content p,.guide-content ul{line-height:1.6;margin-bottom:1rem}.guide-content ul{padding-left:20px}.guide-content li{margin-bottom:8px}.guide-content .sponsorship-info{background:#ffffff08;border:var(--glass-border-light);border-radius:12px;margin-top:2rem;padding:1.5rem}.guide-content .copy-button{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-weight:700;margin-top:.8rem;padding:8px 16px;transition:all .3s ease}.guide-content .copy-button:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}.more-screen{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);color:var(--color-text-main);margin:20px auto;max-width:800px;padding:20px}.more-menu{list-style:none;margin:0;padding:0}.more-menu-item{border-bottom:var(--glass-border-light)}.more-menu-item:last-child{border-bottom:none}.more-menu-button,.more-menu-item a{background:none;border:none;box-sizing:border-box;color:var(--color-text-bright);cursor:pointer;display:block;font-family:inherit;font-size:1.1em;padding:1.2rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.more-menu-button:hover,.more-menu-item a:hover{background:var(--glass-bg-hover);color:var(--color-accent-purple);padding-left:1.5rem}.back-button{background:var(--glass-bg);border:var(--glass-border-light);border-radius:8px;color:var(--color-text-bright);cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);color:var(--color-accent-purple)}@media (max-width:600px){.more-screen{margin:10px;padding:15px}}.voice-sample-container{color:#333;margin:0 auto;max-width:800px;padding:20px}.voice-sample-container h1{color:#333;font-size:2rem;margin-bottom:10px}.voice-sample-container .description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.voice-list{list-style:none;padding:0}.voice-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .2s ease}.voice-item.playing{background-color:#f0f7ff;border-color:#007bff;box-shadow:0 4px 8px #007bff33}.voice-info h2{color:#222;font-size:1.2rem;margin:0 0 5px}.voice-info p{color:#666;font-size:.95rem;margin:0}.play-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;min-width:80px;padding:10px 20px;transition:background-color .2s}.play-button:hover{background-color:#0056b3}.voice-item.playing .play-button{background-color:#dc3545}.voice-item.playing .play-button:hover{background-color:#a71d2a}@media (max-width:600px){.voice-item{flex-direction:column;gap:15px;text-align:center}.play-button{width:100%}}.register-container{align-items:center;background-color:var(--color-bg-dark);background:var(--gradient-bg-main);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.register-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);color:var(--color-text-main);max-width:520px;padding:40px;width:100%}.register-title{-webkit-text-fill-color:#0000;background:var(--gradient-accent-hover);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:8px;text-align:center}.register-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:30px;text-align:center}.register-form{display:flex;flex-direction:column;gap:20px}.method-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.method-btn{background:#ffffff05;border:var(--glass-border-light);border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:.95rem;font-weight:600;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.method-btn:hover{background:var(--glass-bg-hover);border-color:#fff3}.method-btn.active{background:linear-gradient(135deg,#8b5cf633,#f472b633);border-color:var(--color-accent-purple);box-shadow:0 0 12px #8b5cf626;color:var(--color-text-bright)}.ocr-upload-box{align-items:center;background:#0003;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center;transition:all .3s ease}.ocr-upload-box:hover{background:#8b5cf605;border-color:var(--color-accent-purple)}.ocr-upload-icon{color:var(--color-accent-purple);font-size:2rem;margin-bottom:10px}.ocr-warning-box{background:#ef44441a;border-left:4px solid #ef4444;border-radius:4px;color:#fca5a5;font-size:.85rem;line-height:1.4;margin-top:10px;padding:12px;text-align:left}.ocr-preview-container{border-radius:8px;margin-top:10px;max-height:200px;overflow:hidden;position:relative;width:100%}.ocr-preview-image{height:100%;object-fit:contain;width:100%}.ocr-remove-btn{background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;position:absolute;right:8px;top:8px}.ocr-remove-btn:hover{background:#ef4444cc}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.login-container{align-items:center;background-color:var(--color-bg-dark);background:var(--gradient-bg-main);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.login-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);color:var(--color-text-main);max-width:440px;padding:40px;width:100%}.login-title{-webkit-text-fill-color:#0000;background:var(--gradient-accent-hover);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-label{color:var(--color-text-main);font-size:.95rem;font-weight:600}.form-input{background:var(--glass-bg-input);border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{background:var(--glass-bg-input-focus);border-color:var(--color-accent-purple);box-shadow:0 0 0 2px #a78bfa40;outline:none}.submit-btn{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:var(--color-text-bright);cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:15px;padding:14px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:var(--color-text-dark-gray);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;transform:none}.error-message{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;padding:12px 16px}.admin-auth-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin:100px auto;max-width:400px;padding:2rem;text-align:center}.admin-auth-container h1{margin-bottom:1.5rem}.admin-auth-container input{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.8rem;width:100%}.admin-auth-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;width:100%}.admin-auth-container button:hover{background-color:#0056b3}.admin-container{font-family:sans-serif;padding:2rem}.admin-container h1{margin-bottom:2rem;text-align:center}.admin-container h2{border-bottom:2px solid #eee;margin-bottom:1.5rem;margin-top:2.5rem;padding-bottom:.5rem}.admin-summary{margin-bottom:3rem}.summary-cards{display:flex;gap:1.5rem;justify-content:space-around}.card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-grow:1;padding:1.5rem;text-align:center}.card h3{color:#333;margin-bottom:.5rem;margin-top:0}.card p{color:#007bff;font-size:1.5rem;font-weight:700;margin:0}.card p.small{color:#666;font-size:.8rem;font-weight:400}.donation-form{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.donation-form input{border:1px solid #ccc;border-radius:4px;padding:.6rem}.date-inputs{align-items:center;display:flex;gap:.5rem}.date-inputs label{margin-left:.5rem}.date-inputs input{width:60px}.date-inputs input[name=year]{width:70px}.donation-form input[type=number]{flex-basis:120px}.donation-form input[type=text]{flex-grow:1}.donation-form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.6rem 1rem}.donation-form button:hover{background-color:#218838}.table-container{overflow-x:auto}table{border-collapse:collapse;margin-top:1rem;width:100%}td,th{border:1px solid #ddd;padding:.8rem;text-align:left}th{background-color:#f2f2f2}tr:nth-child(2n){background-color:#f9f9f9}.delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem}.delete-btn:hover{background-color:#c82333}.system-status-container{display:flex;gap:2rem;justify-content:space-between}.status-list{background-color:#fdfdfd;border:1px solid #eee;border-radius:8px;flex:1 1;padding:1rem 1.5rem}.status-list h3{border-bottom:1px solid #eee;margin-top:0;padding-bottom:.5rem}.status-list ul{margin:0;max-height:200px;overflow-y:auto;padding-left:1.2rem}.status-list li{margin-bottom:.5rem}.filters-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.filters-container input,.filters-container select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.filters-container input[type=search]{width:250px}.pagination-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination-container button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.pagination-container button:disabled{background-color:#6c757d;cursor:not-allowed}.dashboard-table{margin-top:20px}.dashboard-table h4{border-bottom:1px solid #dee2e6;color:#495057;margin-bottom:10px;margin-top:0;padding-bottom:5px}.pagination-container button:hover:not(:disabled){background-color:#f0f0f0}.pagination-container span{font-weight:700;padding:0 .5rem}.comment-content-cell{max-width:300px}.comment-content-cell,.fail-reason-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fail-reason-cell{color:#dc3545;max-width:200px}.no-data-msg{background-color:#fcfcfc;border:1px dashed #ddd;border-radius:8px;color:#888;font-size:1.1rem;padding:3rem;text-align:center}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-align:center}.method-siloam{background-color:#e3f2fd;border:1px solid #bbdefb;color:#0d47a1}.method-ocr{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#1b5e20}.method-manual{background-color:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.ocr-details-container{display:flex;flex-direction:column;gap:.4rem}.ocr-score{color:#555;font-size:.85rem}.ocr-badges{display:flex;flex-wrap:wrap;gap:.25rem}.badge-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-muted{color:#6c757d}.action-buttons{display:flex;gap:.5rem}.approve-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.4rem .8rem;transition:background-color .2s}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.4rem .8rem;transition:background-color .2s}.reject-btn:hover{background-color:#c82333}.mypage-container{box-sizing:border-box;color:var(--color-text-main);margin:20px auto;max-width:800px;padding:70px 20px 40px}.mypage-title{color:var(--color-text-bright);font-size:2rem;font-weight:800;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #8b5cf666}.mypage-section{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);margin-bottom:30px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.mypage-section:hover{box-shadow:0 8px 30px #8b5cf626;transform:translateY(-2px)}.mypage-section h2{border-left:4px solid var(--color-accent-purple);color:var(--color-text-bright);font-size:1.35rem;font-weight:700;margin-bottom:20px;margin-top:0;padding-left:10px}.mypage-form{gap:16px}.form-group,.mypage-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label,.label-simulation{color:var(--color-text-bright);font-size:.95rem;font-weight:600}.form-group input{background:#ffffff0d;border:var(--glass-border-input);border-radius:8px;color:var(--color-text-bright);font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#ffffff1a;border-color:var(--color-accent-purple);box-shadow:0 0 10px #8b5cf64d;outline:none}.form-group input.input-readonly{background:#0003;border-color:#ffffff0d;color:#ffffff80;cursor:not-allowed}.status-badge{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;color:#c4b5fd;display:inline-block;font-weight:700;max-width:-webkit-max-content;max-width:max-content;padding:8px 16px;text-align:center}.btn-submit{background:var(--gradient-accent);border:none;border-radius:8px;box-shadow:var(--glass-shadow-light);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 4px 20px #8b5cf680;transform:translateY(-1px)}.btn-logout-mypage:focus,.btn-submit:focus,.btn-toggle-more:focus{outline:3px solid var(--color-accent-pink);outline-offset:2px}.activity-list,.video-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.activity-item-card,.video-item-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;transition:all .3s ease}.activity-item-card:hover,.video-item-card:hover{background:#ffffff12;border-color:#8b5cf64d;transform:translateX(4px)}.activity-link,.video-link{color:var(--color-text-main);display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none}.activity-title,.video-title{color:var(--color-text-bright);font-size:1.05rem;font-weight:600}.video-meta{align-items:center;color:#fff9;display:flex;font-size:.85rem;justify-content:space-between}.status-tag{border-radius:6px;font-size:.8rem;font-weight:700;padding:4px 8px}.status-completed{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.status-processing{animation:pulse 1.5s ease-in-out infinite;background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.status-failed{background:#ef444426;border:1px solid #ef44444d;color:#f87171}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.comment-bubble{background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.comment-text{color:var(--color-text-bright);font-size:.95rem;font-style:italic}.comment-target{color:#ffffff80;font-size:.8rem}.activity-date,.fav-date,.watch-date{align-self:flex-end;color:#fff6;font-size:.85rem;text-align:right}.btn-toggle-more{background:#ffffff0d;border:1px dashed #ffffff26;border-radius:8px;color:var(--color-text-main);cursor:pointer;font-size:.9rem;font-weight:600;margin-top:15px;padding:10px;transition:all .3s ease;width:100%}.btn-toggle-more:hover{background:#8b5cf61a;border-color:var(--color-accent-purple);color:var(--color-text-bright)}.empty-list-text{color:#fff6;font-size:.95rem;font-style:italic;margin:10px 0 0}.mypage-logout-area{display:flex;justify-content:center;margin-top:40px}.btn-logout-mypage{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:var(--color-text-bright);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 40px;transition:all .3s ease}.btn-logout-mypage:hover{background:#ef44444d;box-shadow:0 0 15px #ef444466}.mypage-loading{align-items:center;color:var(--color-text-bright);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--color-accent-purple);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.success-message{color:#10b981}.error-message,.success-message{font-size:.9rem;font-weight:700;margin:0}.error-message{color:#ef4444}@media (max-width:600px){.mypage-container{margin:10px;padding-top:60px}.mypage-section{padding:16px}}
/*# sourceMappingURL=main.b94cc4f5.css.map*/