*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5}body{margin:0;padding:0}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit}button{font-family:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;border:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,#fff,#f3f4f6);color:#111827;box-shadow:0 2px 6px #1018280a;display:inline-flex;align-items:center;gap:8px}button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #10182814}.btn-primary,.create-btn,.submit-btn,.primary-action{background:linear-gradient(180deg,#4f46e5,#4338ca);color:#fff;border-color:#4f46e5e6;box-shadow:0 6px 18px #4f46e51f}.btn-primary:hover,.create-btn:hover,.submit-btn:hover,.primary-action:hover{filter:brightness(1.05)}.btn-outline,.clear-btn,.cancel-btn,.dropdown-item,.nav-btn,.edit-btn{background:transparent;color:#4f46e5;border:2px solid rgba(79,70,229,.12)}.btn-outline:hover,.clear-btn:hover,.cancel-btn:hover,.dropdown-item:hover,.nav-btn:hover,.edit-btn:hover{background:#4f46e50a}.dropdown-item{padding:6px 10px;border-radius:6px}.btn-ghost{background:none;color:#06c;border:none;padding:6px 8px}.navbar-brand,.navbar-brand a{font-weight:700;font-size:18px;color:#111827}.profile-dark-mode,.profile-dark-mode body,.profile-dark-mode html,.profile-dark-mode .main-content{background-color:#1a1a1a!important;color:#fff!important}.profile-dark-mode .navbar{background-color:#0d0d0d!important;border-bottom:1px solid #333!important}.profile-dark-mode h1,.profile-dark-mode h2,.profile-dark-mode h3,.profile-dark-mode h4,.profile-dark-mode h5,.profile-dark-mode h6{color:#fff!important}.profile-dark-mode p,.profile-dark-mode span:not(.profile-name):not(.user-icon),.profile-dark-mode div,.profile-dark-mode label{color:#fff!important}.profile-dark-mode .card-title,.profile-dark-mode .card-description,.profile-dark-mode .event-name,.profile-dark-mode .event-description,.profile-dark-mode .popup-title,.profile-dark-mode .popup-description,.profile-dark-mode .sequence-title,.profile-dark-mode .sequence-description,.profile-dark-mode .card-count{color:#fff!important}.profile-dark-mode button:not(.user-menu-button):not(.user-menu-item){background:linear-gradient(180deg,#3d3d3d,#2d2d2d)!important;color:#fff!important;border-color:#555!important}.profile-dark-mode button:not(.user-menu-button):not(.user-menu-item):hover{background:linear-gradient(180deg,#4d4d4d,#3d3d3d)!important;border-color:#666!important}.profile-dark-mode .btn-primary,.profile-dark-mode .create-btn,.profile-dark-mode .submit-btn,.profile-dark-mode .primary-action{background:linear-gradient(180deg,#5a4fcf,#4338ca)!important;color:#fff!important}.profile-dark-mode input,.profile-dark-mode textarea,.profile-dark-mode select{background-color:#2d2d2d!important;color:#fff!important;border-color:#444!important}.profile-dark-mode .user-menu-dropdown{background-color:#2d2d2d!important;border-color:#444!important;color:#fff!important}.profile-dark-mode .user-menu-item{background-color:#2d2d2d!important;color:#fff!important}.profile-dark-mode .user-menu-item:hover{background-color:#3d3d3d!important}.profile-dark-mode .user-menu-item.active{background-color:#1a4d7a!important}.profile-dark-mode .user-menu-header{color:#aaa!important}.profile-dark-mode .user-menu-placeholder{color:#666!important}.profile-dark-mode .profile-name-item,.profile-dark-mode .profile-description,.profile-dark-mode .profile-check{color:#fff!important}.profile-dark-mode .loading{background-color:#2d4a5a!important;color:#6ab4f0!important}.profile-dark-mode .error{background-color:#4a2d2d!important;color:#f06a6a!important}.profile-dark-mode .empty-state{color:#aaa!important}.profile-vibrant .navbar{background:linear-gradient(135deg,#667eea,#764ba2)!important}.profile-vibrant .main-content{background:linear-gradient(to bottom,#ffeaa7,#fdcb6e)!important}.profile-vibrant h1,.profile-vibrant h2{color:#6c5ce7!important;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.profile-vibrant .btn-primary,.profile-vibrant .create-btn,.profile-vibrant .submit-btn,.profile-vibrant .primary-action{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.profile-vibrant .btn-primary:hover,.profile-vibrant .create-btn:hover,.profile-vibrant .submit-btn:hover,.profile-vibrant .primary-action:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important}.profile-vibrant .nav-links a:hover,.profile-vibrant .selected-book{color:#ffeaa7!important}.profile-black-white .navbar{background-color:#333!important}.profile-black-white .main-content{background-color:#f5f5f5!important}.profile-black-white .btn-primary,.profile-black-white .create-btn,.profile-black-white .submit-btn,.profile-black-white .primary-action{background:linear-gradient(180deg,#666,#555)!important;color:#fff!important;border-color:#444!important}.profile-black-white .btn-primary:hover,.profile-black-white .create-btn:hover,.profile-black-white .submit-btn:hover,.profile-black-white .primary-action:hover{background:linear-gradient(180deg,#777,#666)!important}.profile-high-contrast,.profile-high-contrast body,.profile-high-contrast html,.profile-high-contrast .main-content{background-color:#000!important;color:#fff!important}.profile-high-contrast .navbar{background-color:#000!important;border:2px solid #fff!important}.profile-high-contrast h1,.profile-high-contrast h2,.profile-high-contrast h3,.profile-high-contrast h4,.profile-high-contrast h5,.profile-high-contrast h6,.profile-high-contrast p,.profile-high-contrast span,.profile-high-contrast div,.profile-high-contrast label,.profile-high-contrast .card-title,.profile-high-contrast .card-description,.profile-high-contrast .event-name,.profile-high-contrast .event-description{color:#fff!important}.profile-high-contrast .btn-primary,.profile-high-contrast .create-btn,.profile-high-contrast .submit-btn,.profile-high-contrast .primary-action{background-color:#fff!important;color:#000!important;border:2px solid #fff!important;font-weight:700!important}.profile-high-contrast .btn-primary:hover,.profile-high-contrast .create-btn:hover,.profile-high-contrast .submit-btn:hover,.profile-high-contrast .primary-action:hover{background-color:#ff0!important;color:#000!important;border-color:#ff0!important}.profile-high-contrast input,.profile-high-contrast textarea,.profile-high-contrast select{background-color:#fff!important;color:#000!important;border:2px solid #fff!important}.profile-high-contrast .user-menu-dropdown{background-color:#000!important;border:2px solid #fff!important;color:#fff!important}.profile-high-contrast .user-menu-item{background-color:#000!important;color:#fff!important;border:1px solid #444!important}.profile-high-contrast .user-menu-item:hover{background-color:#333!important;border-color:#fff!important}.profile-high-contrast .user-menu-item.active{background-color:#fff!important;color:#000!important;border-color:#fff!important}.profile-high-contrast .user-menu-item.active .profile-name-item,.profile-high-contrast .user-menu-item.active .profile-description,.profile-high-contrast .user-menu-item.active .profile-check{color:#000!important}.profile-high-contrast .user-menu-header{color:#fff!important}.profile-high-contrast .user-menu-placeholder{color:#aaa!important}.profile-high-contrast .profile-name-item,.profile-high-contrast .profile-description,.profile-high-contrast .profile-check{color:#fff!important}.profile-high-contrast .user-menu-divider{background:#fff!important}.app-tooltip{position:absolute;z-index:99999;background:#1e293b;color:#f1f5f9;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.4;max-width:320px;white-space:normal;word-wrap:break-word;pointer-events:none;opacity:0;box-shadow:0 4px 12px #00000040;transition:opacity .15s ease}.app-tooltip--visible{opacity:1}.profile-dark-mode .column{background-color:#2d2d2d!important;border:1px solid #444!important}.profile-dark-mode .column h3,.profile-dark-mode .recent-item-title{color:#fff!important}.profile-dark-mode .recent-item-date{color:#aaa!important}.profile-dark-mode .recent-item-description{color:#ddd!important}.profile-dark-mode .recent-item-type{color:#aaa!important}.profile-dark-mode .empty-recent{color:#888!important}.profile-vibrant .column{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)!important;border:2px solid #e17055!important}.profile-vibrant .column h3{color:#6c5ce7!important}.profile-black-white .column{background-color:#e0e0e0!important;border:1px solid #999!important}.profile-black-white .column h3{color:#333!important}.profile-high-contrast .column{background-color:#000!important;border:2px solid #fff!important}.profile-high-contrast .column h3,.profile-high-contrast .recent-item-title,.profile-high-contrast .recent-item-date,.profile-high-contrast .recent-item-description,.profile-high-contrast .empty-recent{color:#fff!important}.notecard-item{background-color:#fffbe6;border:2px solid #e0c97f;border-radius:4px;padding:1rem;position:relative;transition:all .3s ease;overflow:visible;box-shadow:0 4px 8px #00000026;transform:rotate(-.5deg);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;background-image:repeating-linear-gradient(transparent,transparent 31px,#e0d4b8 31px,#e0d4b8 32px);background-position:0 2.5rem}.notecard-item:hover{box-shadow:0 8px 16px #0003;transform:rotate(0) translateY(-4px)}.notecard-item:nth-child(2n){transform:rotate(.5deg)}.notecard-item:nth-child(2n):hover{transform:rotate(0) translateY(-4px)}.notecard-delete-btn{position:absolute;top:.5rem;right:.5rem;background:#dc3545;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:opacity .2s,transform .2s;opacity:0;z-index:10;pointer-events:none}.notecard-item:hover .notecard-delete-btn{opacity:.7;pointer-events:auto}.notecard-delete-btn:hover{opacity:1!important;background:#c82333;transform:scale(1.1)}