.splash-container{cursor:pointer;background:#0a1628;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-image{object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;animation:6s ease-out .2s forwards splashImageIn;transform:scale(1.2)}@keyframes splashImageIn{0%{opacity:0;transform:scale(1.2)}40%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.splash-stars{pointer-events:none;z-index:2;position:absolute;inset:0}.splash-star{opacity:0;will-change:opacity;animation:starFade var(--dur) ease-in-out var(--delay) infinite;background:#fff;border-radius:50%;position:absolute}.splash-star.dim{box-shadow:0 0 8px 4px #c8d2ff80}.splash-star.mid{box-shadow:0 0 12px 5px #c8d7ff99,0 0 25px 10px #b4c8ff33}.splash-star.bright{box-shadow:0 0 14px 6px #ffffffb3,0 0 35px 14px #c8d2ff40,0 0 55px 20px #b4beff1a}@keyframes starFade{0%,to{opacity:.05}50%{opacity:var(--peak)}}.splash-shooting-star{opacity:0;z-index:2;filter:blur(.2px);background:linear-gradient(90deg,#ffffffe6,#c8c8ff4d,#0000);width:120px;height:2px;animation:1.5s ease-out 1s forwards shoot;position:absolute;top:12%;left:70%;transform:rotate(-38deg)}.splash-shooting-star:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0;box-shadow:0 0 8px 3px #fff9}@keyframes shoot{0%{opacity:0;transform:rotate(-38deg)translate(40px)}8%{opacity:1}80%{opacity:.3}to{opacity:0;transform:rotate(-38deg)translate(-300px)}}.splash-text{text-align:center;z-index:3;opacity:0;animation:2s ease-out 2.5s forwards splashTextIn;position:absolute;bottom:55px;left:0;right:0}.splash-text-sub{color:#ffffff59;letter-spacing:3px;font-size:12px}@keyframes splashTextIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-glow{z-index:1;opacity:0;background:radial-gradient(circle,#8c6edc1f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:5s ease-in-out 1s infinite glowPulse;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.bible-search{overscroll-behavior:none;flex-direction:column;height:100%;display:flex;overflow:hidden}.search-body{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.search-input-row{gap:8px;margin-bottom:16px;display:flex}.search-input-row input{border:1px solid var(--text-hint);border-radius:4px;outline:none;flex:1;padding:10px 12px;font-size:15px}.search-input-row input:focus{border-color:var(--nav-active)}.search-input-row button{color:var(--accent);background:0 0;border:none;padding:0 4px;font-size:28px}.search-results{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;margin-bottom:12px;overflow-y:auto}.search-results-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:15px;display:flex}.search-result-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:flex-start;padding:10px 4px;display:flex}.search-result-item:active{background:var(--selection-bg)}.search-result-text{flex:1}.search-result-key{color:var(--nav-active);margin-bottom:2px;font-size:14px;font-weight:500}.search-result-value{color:var(--text-secondary);font-size:14px;line-height:1.4}.search-result-star{color:var(--text-hint);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:22px}.search-result-star.active{color:var(--accent)}.search-bottom-btn{color:#fff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:100%;height:35px;font-size:14px;display:flex}.search-bottom-btn.read{background:var(--bg-btn-confirm)}.search-bottom-btn.full{background:#455a64}.search-bottom-btn.keyboard-up{z-index:100;width:calc(100% - 32px);max-width:468px;transition:bottom .15s;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -2px 8px #00000026}.bible-reader{flex-direction:column;height:100%;display:flex;overflow:hidden}.reader-list{flex:1;padding:0;overflow-y:auto}.reader-item{cursor:pointer;color:var(--text-primary);border-bottom:none;border-radius:10px;align-items:center;margin:2px 8px;padding:14px 16px;font-size:15px;display:flex}.reader-item+.reader-item{border-top:1px solid var(--border-color)}.reader-item:active{background:var(--selection-bg)}.reader-item-text{flex:1}.reader-item .material-icons{color:var(--accent-secondary);font-size:20px}.verse-item{border-bottom:1px solid var(--border-color);padding:10px 16px;-webkit-tap-highlight-color:transparent!important}.verse-item:active{background:var(--selection-bg)}.verse-key{color:var(--text-hint);margin-bottom:4px;font-size:13px;font-weight:500}.verse-key.bookmarked{color:#e65100}.verse-text{color:var(--text-primary);font-size:15px;line-height:1.5}.bookmark-info{color:#e65100;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.bookmark-info .material-icons{color:var(--accent-secondary);font-size:16px}.chapter-subtitle{color:#4caf50;font-size:12px}.chapter-subtitle.skipped{color:#f44336}.custom-dialog-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s cdOverlayIn;display:flex;position:fixed;inset:0}@keyframes cdOverlayIn{0%{opacity:0}to{opacity:1}}.custom-dialog{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card-end) 100%);width:100%;min-width:280px;max-width:320px;box-shadow:0 20px 60px #00000040, 0 0 0 1px var(--border-color);border-radius:20px;flex-direction:column;align-items:center;padding:28px 24px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) cdDialogIn;display:flex}@keyframes cdDialogIn{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-dialog-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.custom-dialog-icon .material-icons{color:#fff;font-size:28px}.custom-dialog-icon.brown{background:linear-gradient(135deg,#8d6e63,#5d4037);box-shadow:0 4px 12px #5d403759}.custom-dialog-icon.red{background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 4px 12px #c6282859}.custom-dialog-icon.amber{background:linear-gradient(135deg,#ffb300,#ff8f00);box-shadow:0 4px 12px #ff8f0059}.custom-dialog-icon.green{background:linear-gradient(135deg,#66bb6a,#388e3c);box-shadow:0 4px 12px #388e3c59}.custom-dialog-icon.blue{background:linear-gradient(135deg,#42a5f5,#1565c0);box-shadow:0 4px 12px #1565c059}.custom-dialog-title{color:var(--text-primary);text-align:center;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.custom-dialog-message{color:var(--text-secondary);text-align:center;margin:0 0 20px;font-size:14px;line-height:1.5}.custom-dialog-body{width:100%;margin-bottom:20px}.custom-dialog-input{border:2px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--bg-input);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.custom-dialog-input:focus{border-color:var(--text-tertiary);box-shadow:0 0 0 3px var(--shadow-color);outline:none}.custom-dialog-input::placeholder{color:var(--text-hint)}.custom-dialog-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .custom-dialog-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.custom-dialog-list-item{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:10px;padding:14px 16px;font-size:15px;transition:background .15s}.custom-dialog-list-item:last-child{border-bottom:none}.custom-dialog-list-item:active{background:var(--selection-bg)}.custom-dialog-actions{gap:10px;width:100%;margin-top:4px;display:flex}.custom-dialog-btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:15px;font-weight:600;transition:transform .12s,opacity .15s;position:relative;overflow:hidden}.custom-dialog-btn:active{transition:transform;transform:scale(.96)}.custom-dialog-btn.cancel{background:var(--bg-input);color:var(--text-secondary)}.custom-dialog-btn.cancel:active{background:var(--selection-bg)}.custom-dialog-btn.confirm{background:linear-gradient(135deg, var(--text-tertiary), var(--bg-appbar));color:#fff;box-shadow:0 2px 8px var(--shadow-color)}.custom-dialog-btn.confirm:active{background:linear-gradient(135deg, var(--nav-active), var(--bg-btn-confirm-active))}.custom-dialog-btn.danger{color:#fff;background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 2px 8px #c628284d}.custom-dialog-btn.danger:active{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.custom-dialog-actions:has(.custom-dialog-btn:only-child) .custom-dialog-btn{max-width:200px;margin:0 auto}.favorites-screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.favorites-list{flex:1;padding:12px;overflow-y:auto}.favorites-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:16px;display:flex}.favorite-card{background:var(--bg-card);box-shadow:0 2px 6px var(--shadow-color);border-radius:12px;margin-bottom:10px;padding:12px 16px;transition:transform .15s}.favorite-card:active{transform:scale(.98)}.favorite-card-header{align-items:flex-start;gap:8px;display:flex}.favorite-card-text{flex:1}.favorite-card-key{color:var(--text-primary);margin-bottom:4px;font-weight:700}.favorite-card-value{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.favorite-card-actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.favorite-card-actions button{border:1px solid var(--border-color);color:var(--nav-active);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.favorite-card-actions button .material-icons{font-size:16px}.favorite-star-btn{color:var(--accent);background:0 0;border:none;padding:4px}.favorite-star-btn .material-icons{font-size:22px}.full-chapter{flex-direction:column;height:100%;display:flex;overflow:hidden}.full-chapter-content{flex:1;padding:12px;overflow-y:auto}.full-chapter-paragraph{white-space:pre-wrap;padding:8px 0;font-size:16px;line-height:1.6}.bible-helper{flex-direction:column;height:100%;display:flex;overflow:hidden}.helper-tabs{border-bottom:2px solid var(--border-color);flex-shrink:0;display:flex}.helper-tab{color:var(--text-hint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;margin-bottom:-2px;padding:10px;font-size:13px;transition:color .2s,border-bottom-color .2s;display:flex}.helper-tab.active{color:var(--nav-active);border-bottom-color:var(--nav-active)}.helper-tab .material-icons{font-size:20px}.helper-content{flex:1;overflow:hidden auto}.helper-slide.from-left{animation:.25s slideFromLeft}.helper-slide.from-right{animation:.25s slideFromRight}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.recent-search{padding:16px}.recent-search-title{margin-bottom:12px;font-size:15px;font-weight:700}.recent-search-empty{text-align:center;color:var(--text-tertiary);padding:40px 0}.recent-search-item{border-bottom:1px solid var(--border-color);align-items:center;padding:12px 4px;display:flex}.recent-search-item span{flex:1;font-size:15px}.recent-search-item button{color:#d32f2f;background:0 0;border:none;padding:8px}.recent-search-item button .material-icons{font-size:22px}.calendar-section{padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header h3{font-size:18px;font-weight:700}.calendar-header button{background:var(--bg-btn-confirm);color:#fff;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.calendar-header button .material-icons{font-size:16px}.calendar-verse{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.calendar-verse-key{color:var(--nav-active);margin-bottom:8px;font-size:16px;font-weight:700}.calendar-verse-text{font-size:14px;line-height:1.5}.calendar-wrapper{overflow:hidden}@keyframes calSlideInLeft{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes calSlideInRight{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.calendar-wrapper.cal-slide-left{animation:.22s cubic-bezier(.25,.46,.45,.94) calSlideInLeft}.calendar-wrapper.cal-slide-right{animation:.22s cubic-bezier(.25,.46,.45,.94) calSlideInRight}.react-calendar{background:0 0;border:none;width:100%;font-family:inherit;line-height:1.2}.react-calendar__navigation{align-items:center;margin-bottom:8px;display:flex}.react-calendar__navigation button{color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:8px 4px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s}.react-calendar__navigation button:focus,.react-calendar__navigation button:active,.react-calendar__navigation button:hover{box-shadow:none!important;background:0 0!important;outline:none!important}.react-calendar__navigation button:active{opacity:.5;transform:scale(.88)}.react-calendar__navigation__label{color:var(--text-primary);flex:1;font-size:15px;font-weight:700}.react-calendar__navigation__arrow{color:var(--text-secondary);min-width:36px;font-size:20px}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__month-view__weekdays{text-align:center;margin-bottom:4px}.react-calendar__month-view__weekdays__weekday{color:var(--text-hint);padding:4px 0;font-size:12px;font-weight:600}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.react-calendar__tile{height:44px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;padding:4px 0;font-family:inherit;font-size:14px;display:flex;position:relative;box-shadow:none!important;background:0 0!important}.react-calendar__tile:focus,.react-calendar__tile:active,.react-calendar__tile:hover{box-shadow:none!important;background:0 0!important;outline:none!important}.react-calendar__tile abbr{z-index:1;line-height:1;text-decoration:none;position:relative}.react-calendar__month-view .react-calendar__tile:before{content:"";pointer-events:none;background:0 0;border:2px solid #0000;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.react-calendar__month-view__days__day--neighboringMonth{opacity:.3}.react-calendar__month-view__days__day--weekend{color:#e57373}.react-calendar__month-view .react-calendar__tile--now:before{background:linear-gradient(150deg, color-mix(in srgb, var(--nav-active) 20%, transparent) 0%, color-mix(in srgb, var(--nav-active) 38%, transparent) 100%);border:1.5px solid color-mix(in srgb, var(--nav-active) 50%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--nav-active) 22%, transparent), inset 0 1px 0 #ffffff2e}.react-calendar__month-view .react-calendar__tile--now abbr{color:var(--nav-active);letter-spacing:-.3px;font-weight:700}.react-calendar__month-view .react-calendar__tile--active:before{background:var(--bg-btn-confirm)!important;border-color:#0000!important}.react-calendar__month-view .react-calendar__tile--active abbr{font-weight:700;color:#fff!important}.react-calendar__month-view .react-calendar__tile--now.react-calendar__tile--active:before{background:var(--bg-btn-confirm)!important;border-color:#0000!important}.react-calendar__month-view .react-calendar__tile--now.react-calendar__tile--active abbr{color:#fff!important}.react-calendar__year-view .react-calendar__tile--active,.react-calendar__decade-view .react-calendar__tile--active,.react-calendar__century-view .react-calendar__tile--active,.react-calendar__year-view .react-calendar__tile--hasActive,.react-calendar__decade-view .react-calendar__tile--hasActive,.react-calendar__century-view .react-calendar__tile--hasActive{font-weight:700;color:var(--nav-active)!important;background:0 0!important}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{border-radius:8px;height:48px}.full-schedule{flex-direction:column;height:100%;display:flex;overflow:hidden}.full-schedule-list{flex:1;padding:12px;overflow-y:auto}.full-schedule-empty{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:16px}.schedule-card{background:var(--bg-card);box-shadow:0 1px 4px var(--shadow-color);border-radius:10px;align-items:flex-start;margin-bottom:10px;padding:12px 16px;display:flex}.schedule-card-text{flex:1}.schedule-card-title{color:var(--nav-active);margin-bottom:6px;font-size:15px;font-weight:700}.schedule-card-body{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.schedule-card button{color:#d32f2f;background:0 0;border:none;flex-shrink:0;padding:4px}.drawing-pad{flex-direction:column;height:100%;display:flex;overflow:hidden}.drawing-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:8px;display:flex}.drawing-toolbar button{color:var(--nav-active);background:0 0;border:none;border-radius:6px;padding:6px}.drawing-toolbar button.active{color:#e65100;background:#ffe0b2}.drawing-info{flex-shrink:0;align-items:center;gap:8px;padding:0 8px 8px;font-size:14px;display:flex}.color-circle{border:2px solid var(--border-color);border-radius:50%;width:30px;height:30px;display:inline-block}.drawing-canvas-wrapper{background:var(--bg-main);flex:1;position:relative;overflow:hidden}.drawing-canvas-wrapper canvas{touch-action:none;display:block}.drawing-save-fab{background:var(--accent-secondary);color:#fff;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;animation:.4s cubic-bezier(.34,1.56,.64,1) fabSlideIn;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 12px #0000004d}@keyframes fabSlideIn{0%{opacity:0;transform:scale(.3)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.drawing-save-fab:active{transform:scale(.92);box-shadow:0 2px 8px #00000040}.color-picker-grid{flex-wrap:wrap;gap:10px;padding:8px;display:flex}.color-picker-item{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px}.color-picker-item.selected{border-color:var(--text-primary)}.drawing-gallery{flex-direction:column;height:100%;display:flex;overflow:hidden}.gallery-list{flex:1;padding:0 12px 80px;overflow-y:auto}.gallery-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.gallery-card{background:var(--bg-card);box-shadow:0 2px 6px var(--shadow-color);border-radius:10px;align-items:center;gap:12px;margin:6px 0;padding:8px;transition:transform .15s;display:flex}.gallery-card:active{transform:scale(.98)}.gallery-card img{object-fit:cover;border-radius:8px;width:60px;height:60px}.gallery-card-info{flex:1}.gallery-card-title{margin-bottom:2px;font-size:15px;font-weight:500}.gallery-card-date{color:var(--text-tertiary);font-size:12px}.gallery-card-actions{gap:4px;display:flex}.gallery-card-actions button{color:var(--text-tertiary);background:0 0;border:none;padding:6px}.gallery-card-actions button.delete{color:#d32f2f}.gallery-fab{background:var(--bg-btn-confirm);color:#fff;z-index:10;border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.gallery-fab:active{transform:translate(-50%)scale(.95);box-shadow:0 2px 8px #00000040}.gallery-fab .material-icons{font-size:20px}.note-list{flex-direction:column;height:100%;display:flex;overflow:hidden}.note-list-content{flex:1;overflow-y:auto}.note-list-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:14px 16px;transition:transform .1s,background .15s}.note-list-item:active{background:var(--selection-bg);transition:background}.note-list-title{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:500}.note-list-preview{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.note-fab{background:var(--bg-btn-confirm);color:#fff;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:84px;right:16px;box-shadow:0 4px 12px #0000004d}.note-fab:active{transform:scale(.92);box-shadow:0 2px 8px #00000040}.note-edit{background:var(--bg-main);flex-direction:column;height:100%;display:flex;overflow:hidden}.note-edit-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.note-title-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:20px 20px 12px;font-family:inherit;font-size:20px;font-weight:600}.note-title-input::placeholder{color:var(--text-hint);font-weight:500}.note-divider{background:var(--border-color);height:1px;margin:0 20px}.note-content-input{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-family:inherit;font-size:15px;line-height:1.8}.note-content-input::placeholder{color:var(--text-hint)}.note-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.note-detail-body{flex:1;padding:16px;overflow-y:auto}.note-detail-text{white-space:pre-wrap;font-size:16px;line-height:1.6}.note-detail-fabs{z-index:10;gap:12px;display:flex;position:absolute;bottom:16px;right:16px}.note-detail-fabs button{color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #0000004d}.note-detail-fabs button:active{transform:scale(.9);box-shadow:0 2px 6px #0000004d}.note-detail-fabs .draw-btn{background:var(--accent-secondary)}.note-detail-fabs .edit-btn{background:var(--bg-btn-confirm)}.bottom-sheet-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--bg-nav);border-radius:16px 16px 0 0;width:100%;max-width:500px;padding:8px 0;animation:.25s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;font-size:15px;transition:background .15s;display:flex}.bottom-sheet-item:active{background:var(--selection-bg);transition:background}.bottom-sheet-item .material-icons{font-size:22px}.chat-tab{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-login-bar{border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;justify-content:center;align-items:center;padding:12px 16px;display:flex}.chat-login-btn{border:1px solid var(--border-color);background:var(--bg-nav);color:var(--text-primary);cursor:pointer;box-shadow:0 1px 3px var(--shadow-color);border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:flex}.chat-login-btn:active{background:var(--selection-bg)}.chat-login-btn:disabled{opacity:.6}.channel-list{flex:1;overflow-y:auto}.channel-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;padding:14px 16px;transition:transform .1s,background .15s;display:flex}.channel-item:active{background:var(--selection-bg);transition:background}.channel-name{flex:1;font-size:15px;font-weight:500}.channel-creator{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.role-tag{border-radius:8px;padding:2px 6px;font-size:12px}.role-admin{color:#c62828;background:#ffcdd2}.role-mine{color:#2e7d32;background:#c8e6c9}.role-owner{color:#e65100;background:#fff9c4}.chat-fab{background:var(--bg-btn-confirm);color:#fff;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:84px;right:16px;box-shadow:0 4px 12px #0000004d}.chat-fab:active{transform:scale(.92);box-shadow:0 2px 8px #00000040}.locked-tab{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:32px;display:flex}.chat-room{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-messages{flex:1;padding:8px;overflow-y:auto}.system-message{text-align:center;color:var(--text-hint);padding:8px 0;font-size:13px;font-style:italic}.message-row{margin:4px 0;display:flex}.message-row.mine{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{border-radius:12px;max-width:70%;padding:10px;position:relative}.message-row.mine .message-bubble{background:var(--selection-bg);border-bottom-right-radius:0}.message-row.other .message-bubble{background:var(--bg-input);border-bottom-left-radius:0}.message-text{word-break:break-word;font-size:15px}.message-emoji{width:48px;height:48px}.message-image{cursor:pointer;border-radius:8px;max-width:160px}.message-meta{align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.message-sender{color:var(--text-secondary);font-weight:700}.message-time{color:var(--text-hint)}.admin-badge{color:#c62828;align-items:center;gap:2px;font-size:12px;display:flex}.admin-badge .material-icons{font-size:14px}.owner-badge{color:#e65100;align-items:center;gap:2px;font-size:12px;display:flex}.owner-badge .material-icons{color:var(--accent);font-size:14px}.chat-input-area{border-top:1px solid var(--border-color);flex-shrink:0}.chat-input-row{align-items:center;padding:4px;display:flex}.chat-input-row button{color:var(--nav-active);background:0 0;border:none;padding:8px}.chat-input-row input{background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:15px}.chat-options{background:var(--bg-input);justify-content:space-evenly;padding:12px;display:flex}.chat-option{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.chat-option-icon{background:var(--bg-nav);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.emoji-picker{background:var(--bg-input);grid-template-columns:repeat(6,1fr);gap:10px;height:200px;padding:10px;display:grid;overflow-y:auto}.emoji-picker img{cursor:pointer;width:32px;height:32px}.drawer-overlay{z-index:1000;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--bg-nav);z-index:1001;flex-direction:column;width:280px;animation:.25s slideInFromRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #0003}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer .app-bar{background:var(--bg-appbar)}.drawer-list{flex:1;overflow-y:auto}.participant-item{border-bottom:1px solid var(--border-color);padding:12px 16px}.participant-name{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.participant-name .material-icons{font-size:16px}.participant-info{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.participant-info .material-icons{font-size:14px}.kicked-label{color:#d32f2f;align-items:center;gap:4px;font-weight:700;display:flex}.kicked-label .material-icons{font-size:16px}.kick-btn{cursor:pointer;color:#d32f2f;background:#ffebee;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.kick-btn.unkick{color:#2e7d32;background:#e8f5e9}.image-viewer{z-index:2000;background:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-viewer img{object-fit:contain;max-width:95%;max-height:90%}.image-viewer-close{color:#fff;z-index:2001;background:0 0;border:none;position:absolute;top:10px;right:10px}.admin-panel{background:var(--bg-main);flex-direction:column;height:100%;display:flex}.admin-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-nav);display:flex}.admin-tabs button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px;font-size:14px;display:flex}.admin-tabs button .material-icons{font-size:18px}.admin-tabs button.active{color:var(--nav-active);border-bottom:2px solid var(--nav-active);font-weight:700}.admin-content{flex:1;padding:8px;overflow-y:auto}.admin-filter-row{gap:6px;margin-bottom:8px;display:flex}.admin-filter-row select{border:1px solid var(--border-color);background:var(--bg-nav);color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:13px}.admin-filter-row input{border:1px solid var(--border-color);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.admin-filter-row button{background:var(--bg-btn-confirm);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:6px 10px;display:flex}.admin-filter-row button .material-icons{font-size:18px}.admin-log-count{color:var(--text-hint);margin-bottom:6px;padding-left:4px;font-size:12px}.admin-loading{text-align:center;color:var(--text-tertiary);padding:32px}.admin-log-list{flex-direction:column;gap:6px;display:flex}.admin-log-item{background:var(--bg-card);box-shadow:0 1px 3px var(--shadow-color);border-radius:10px;padding:10px 12px}.admin-log-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.admin-log-type{color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.admin-log-action{color:var(--text-primary);font-size:13px;font-weight:600}.admin-log-time{color:var(--text-hint);margin-left:auto;font-size:11px}.admin-log-user{color:var(--nav-active);margin-bottom:2px;font-size:12px}.admin-log-detail{color:var(--text-tertiary);word-break:break-all;font-size:11px;line-height:1.4}.admin-pager{justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.admin-pager button{background:var(--bg-card);cursor:pointer;box-shadow:0 1px 3px var(--shadow-color);border:none;border-radius:8px;align-items:center;padding:4px 8px;display:flex}.admin-pager button:disabled{opacity:.3}.admin-pager span{color:var(--text-secondary);font-size:13px}.admin-user-list{flex-direction:column;gap:6px;display:flex}.admin-user-item{background:var(--bg-card);box-shadow:0 1px 3px var(--shadow-color);border-radius:10px;padding:10px 12px}.admin-user-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.admin-user-nickname{color:var(--text-primary);font-size:14px;font-weight:600}.admin-user-provider{color:#3f51b5;background:#e8eaf6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.admin-user-names{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-bottom:2px;font-size:12px;display:flex}.admin-user-meta{color:var(--text-hint);gap:12px;margin-bottom:6px;font-size:11px;display:flex}.admin-user-actions{gap:6px;display:flex}.admin-chat-btn{border:1px solid var(--border-color);background:var(--bg-nav);color:var(--text-tertiary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.admin-chat-btn .material-icons{font-size:16px}.admin-chat-btn.approved{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.admin-chat-btn.admin-active{color:#c62828;background:#fce4ec;border-color:#ef9a9a}.admin-chat-btn:disabled{opacity:.4}.admin-chat-btn.banned{color:#d32f2f;background:#ffebee;border-color:#ef9a9a}.admin-section-label{color:#2e7d32;padding:12px 4px 6px;font-size:13px;font-weight:700}.admin-section-label.guest{color:var(--text-hint)}.admin-badge-tag{color:#fff;background:#d32f2f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.admin-badge-tag.super{background:linear-gradient(135deg,#ff6f00,#d32f2f)}.admin-lock-row{background:var(--bg-card);box-shadow:0 1px 3px var(--shadow-color);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-lock-row .material-icons{font-size:24px}.admin-lock-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.admin-lock-btn.locked{color:#2e7d32;background:#e8f5e9}.admin-lock-btn.unlocked{color:#d32f2f;background:#ffebee}.admin-section-label{align-items:center;gap:8px;display:flex}.admin-delete-all-btn{color:#d32f2f;cursor:pointer;background:#ffebee;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.admin-delete-all-btn .material-icons{font-size:16px}.admin-channel-list{flex-direction:column;gap:6px;display:flex}.admin-channel-item{background:var(--bg-card);box-shadow:0 1px 3px var(--shadow-color);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-channel-name{color:var(--text-primary);font-size:14px;font-weight:600}.admin-channel-meta{color:var(--text-hint);margin-top:2px;font-size:12px}.admin-channel-del-btn{color:#d32f2f;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.admin-channel-del-btn:hover{background:#ffebee}.admin-channel-del-btn .material-icons{font-size:20px}.admin-confirm-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-confirm-box{background:var(--bg-card);border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:90%;max-width:300px;padding:28px 24px;display:flex;box-shadow:0 8px 32px #0003}.admin-confirm-cancel{border:1px solid var(--border-color);background:var(--bg-nav);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:14px}.admin-confirm-delete{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:700}.settings{flex-direction:column;height:100%;display:flex;overflow:hidden}.settings-body{flex:1;padding:16px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:600}.settings-account-card{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card-end) 100%);box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);border-radius:16px;padding:20px}.settings-account-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.settings-account-info{align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-account-icon{color:var(--text-tertiary);font-size:40px}.settings-account-email{color:var(--text-primary);font-size:15px;font-weight:600}.settings-account-provider{color:var(--text-hint);margin-top:2px;font-size:13px}.settings-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:600;transition:transform .12s;display:flex}.settings-btn:last-child{margin-bottom:0}.settings-btn:active{transition:transform;transform:scale(.97)}.settings-btn.google{background:var(--bg-nav);color:var(--text-primary);border:1.5px solid var(--border-color)}.settings-btn.kakao{color:#3c1e1e;background:#fee500;font-weight:600}.settings-btn.email{color:#fff;background:linear-gradient(135deg,#42a5f5,#1565c0);box-shadow:0 2px 8px #1565c04d}.settings-btn.phone{color:#fff;background:linear-gradient(135deg,#66bb6a,#2e7d32);box-shadow:0 2px 8px #2e7d324d}.settings-btn.logout{background:var(--bg-input);color:var(--text-secondary)}.settings-info-row{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card-end) 100%);color:var(--text-primary);box-shadow:0 1px 4px var(--shadow-color);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;font-size:14px;display:flex}.settings-info-value{color:var(--text-tertiary);font-family:monospace;font-size:13px}.settings-btn.admin{background:linear-gradient(135deg, var(--bg-appbar), var(--bg-btn-confirm-active));color:#fff;box-shadow:0 2px 8px var(--shadow-color)}.google-icon{flex-shrink:0}.main-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.main-header{flex-shrink:0;justify-content:center;align-items:center;padding:16px 0 12px;display:flex;position:relative}.main-settings-btn{color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;padding:8px;position:absolute;right:12px}.main-settings-btn:active{background:var(--selection-bg)}.main-title{color:var(--text-primary);font-family:NanumBrush,cursive;font-size:50px;font-weight:700}.main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.main-content>*{animation:.35s tabFadeIn}.subview-overlay{z-index:50;background:var(--bg-main);flex-direction:column;display:flex;position:fixed;inset:0}.subview-overlay>*{flex-direction:column;flex:1;display:flex}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}.bottom-nav{background:var(--bg-nav);border-top:1px solid var(--border-color);flex-shrink:0;display:flex}.bottom-nav-item{cursor:pointer;color:var(--nav-inactive);-webkit-tap-highlight-color:#0000;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 4px 10px;font-size:11.5px;transition:color .2s;display:flex;position:relative;overflow:hidden}.bottom-nav-item .ripple{background:var(--selection-bg);pointer-events:none;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;animation:.5s ease-out forwards rippleSpread;position:absolute}@keyframes rippleSpread{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.bottom-nav-item .material-icons{font-size:24px;transition:font-size .2s}.bottom-nav-item.active{color:var(--nav-active)}.bottom-nav-item.active .material-icons{font-size:28px}.bottom-nav-label{font-size:11px;font-weight:500;animation:.2s labelIn}@keyframes labelIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:NanumBrush;src:url(/fonts/NanumBrushScript-Regular.ttf)format("truetype");font-weight:400;font-style:normal}:root,[data-theme=default]{--bg-main:#fff8e1;--bg-card:#fffdf5;--bg-card-end:#fff8e1;--bg-nav:#fff;--bg-input:#fff8e1;--bg-appbar:#5d4037;--bg-btn-confirm:#5d4037;--bg-btn-confirm-active:#3e2723;--text-primary:#4e342e;--text-secondary:#6d4c41;--text-tertiary:#8d6e63;--text-hint:#a1887f;--border-color:#d7ccc8;--accent:#ffc107;--accent-secondary:#ff9800;--selection-bg:#d7ccc8;--scrollbar:#a1887f;--snackbar-bg:#3e2723eb;--snackbar-text:#fff8e1;--snackbar-icon:#ffcc80;--shadow-color:#3e272314;--nav-active:#5d4037;--nav-inactive:#8d6e63}[data-theme=dark]{--bg-main:#1c1c1e;--bg-card:#2c2c2e;--bg-card-end:#1c1c1e;--bg-nav:#1c1c1e;--bg-input:#2c2c2e;--bg-appbar:#2c2c2e;--bg-btn-confirm:#5e7ce0;--bg-btn-confirm-active:#4560c0;--text-primary:#f2f2f7;--text-secondary:#aeaeb2;--text-tertiary:#8e8e93;--text-hint:#636366;--border-color:#3a3a3c;--accent:#ffd60a;--accent-secondary:#ff9f0a;--selection-bg:#3a3a3c;--scrollbar:#48484a;--snackbar-bg:#1c1c1ef5;--snackbar-text:#f2f2f7;--snackbar-icon:#7b9ef2;--shadow-color:#0006;--nav-active:#7b9ef2;--nav-inactive:#636366}[data-theme=lavender]{--bg-main:#f5f7fa;--bg-card:#fff;--bg-card-end:#edf1f7;--bg-nav:#fff;--bg-input:#f5f7fa;--bg-appbar:#3d5a80;--bg-btn-confirm:#3d5a80;--bg-btn-confirm-active:#2c4268;--text-primary:#1a2332;--text-secondary:#3d5270;--text-tertiary:#6b7c95;--text-hint:#9aacbf;--border-color:#dce4ed;--accent:#e09f3e;--accent-secondary:#c8872a;--selection-bg:#dce4ed;--scrollbar:#9aacbf;--snackbar-bg:#1e304beb;--snackbar-text:#f5f7fa;--snackbar-icon:#e09f3e;--shadow-color:#1e325014;--nav-active:#3d5a80;--nav-inactive:#7890a8}[data-theme=mint]{--bg-main:#f2f7f4;--bg-card:#f9fbf9;--bg-card-end:#eaf2ec;--bg-nav:#fff;--bg-input:#f2f7f4;--bg-appbar:#3d6b52;--bg-btn-confirm:#3d6b52;--bg-btn-confirm-active:#2c5040;--text-primary:#1a2f22;--text-secondary:#3a5e48;--text-tertiary:#6b8f7a;--text-hint:#98b8a6;--border-color:#c8dfd2;--accent:#c07b3c;--accent-secondary:#a5642a;--selection-bg:#c8dfd2;--scrollbar:#98b8a6;--snackbar-bg:#1e412deb;--snackbar-text:#f2f7f4;--snackbar-icon:#c07b3c;--shadow-color:#1e462d14;--nav-active:#3d6b52;--nav-inactive:#7aa88c}[data-theme=rose]{--bg-main:#faf5f7;--bg-card:#fdfafb;--bg-card-end:#f5ecf0;--bg-nav:#fff;--bg-input:#faf5f7;--bg-appbar:#8b6272;--bg-btn-confirm:#8b6272;--bg-btn-confirm-active:#6d4a58;--text-primary:#3a1f28;--text-secondary:#6b3d4e;--text-tertiary:#9c6e7c;--text-hint:#c4a0ac;--border-color:#e8d4da;--accent:#d4943c;--accent-secondary:#bc7a28;--selection-bg:#e8d4da;--scrollbar:#c4a0ac;--snackbar-bg:#502332eb;--snackbar-text:#faf5f7;--snackbar-icon:#d4943c;--shadow-color:#5a233714;--nav-active:#8b6272;--nav-inactive:#b08a96}[data-theme=ocean]{--bg-main:#f0f5f9;--bg-card:#f8fafc;--bg-card-end:#e6eef5;--bg-nav:#fff;--bg-input:#f0f5f9;--bg-appbar:#4a7a9b;--bg-btn-confirm:#4a7a9b;--bg-btn-confirm-active:#356282;--text-primary:#1a3244;--text-secondary:#3a6280;--text-tertiary:#6a92b0;--text-hint:#9abbd0;--border-color:#ccdce8;--accent:#d4913c;--accent-secondary:#bc7828;--selection-bg:#ccdce8;--scrollbar:#9abbd0;--snackbar-bg:#193750eb;--snackbar-text:#f0f5f9;--snackbar-icon:#d4913c;--shadow-color:#193c5a14;--nav-active:#4a7a9b;--nav-inactive:#7aaabe}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important}:focus,:focus-visible,:focus-within{-webkit-tap-highlight-color:transparent!important;outline:none!important}:active{-webkit-tap-highlight-color:transparent!important}::selection{background:var(--selection-bg);color:inherit}button,a,div,span,li,[role=button]{-webkit-focus-ring-color:transparent;-webkit-tap-highlight-color:transparent!important;outline:none!important}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:auto}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{background:var(--bg-main);flex-direction:column;max-width:500px;height:100dvh;margin:0 auto;display:flex;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}input,textarea{background-color:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:16px}button{cursor:pointer;-webkit-appearance:none;background-color:#0000;font-family:inherit;transition:transform .12s ease-out,background-color .12s ease-out;position:relative;-webkit-tap-highlight-color:transparent!important}button:active{transition:transform,background-color;transform:scale(.96)}button:focus{box-shadow:none!important;outline:none!important}.material-icons{vertical-align:middle;font-family:Material Icons;font-size:24px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-nav);border-radius:12px;min-width:280px;max-width:90vw;max-height:80vh;padding:24px;animation:.25s modalIn;overflow-y:auto;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.25s slideInRight}.fade-in{animation:.2s fadeIn}.modal-content h3{color:var(--text-primary);margin-bottom:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions button{border:none;border-radius:6px;padding:8px 16px;font-size:14px}.btn-cancel{color:#333;background:#e0e0e0}.btn-cancel:active{background:silver!important}.btn-confirm{background:var(--bg-btn-confirm);color:#fff}.btn-confirm:active{background:var(--bg-btn-confirm-active)!important}.btn-danger{color:#fff;background:#d32f2f}.btn-danger:active{background:#b71c1c!important}.snackbar{background:var(--snackbar-bg);-webkit-backdrop-filter:blur(12px);color:var(--snackbar-text);z-index:2000;white-space:nowrap;letter-spacing:.2px;border-radius:16px;align-items:center;gap:10px;max-width:90vw;padding:12px 22px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) snackbarIn,.3s 1.1s forwards snackbarOut;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #3e27234d,inset 0 0 0 1px #fff8e11a}.snackbar-icon{color:var(--snackbar-icon);filter:drop-shadow(0 1px 2px #0003);flex-shrink:0;font-size:20px}.snackbar-text{line-height:1.3}@keyframes snackbarIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.8)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes snackbarOut{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(.85)}}.app-bar{background:var(--bg-appbar);color:#fff;flex-shrink:0;align-items:center;min-height:48px;padding:12px 16px;display:flex}.app-bar-title{text-align:center;flex:1;font-size:18px;font-weight:500}.app-bar-back,.app-bar-action{color:#fff;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;display:flex}.app-bar-back:active,.app-bar-action:active{background:#ffffff26}.app-bar-back:empty,.app-bar-action:empty{width:32px}
