:root{--primary-color:#1a1a1a;--secondary-color:#2d2d2d;--accent-color:#0f0;--text-color:#fff;--header-color:#222;--modal-success-bg:#1a2e1a;--modal-success-border:#2d5a2d;--modal-success-text:#90ee90;--modal-success-hover:#234d23}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--primary-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.player-search{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:400px;position:relative;width:100%}.player-search input{background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#2c3e50;font-size:16px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.player-search input:focus{background:#fff;border-color:#61dafb;box-shadow:0 4px 12px #61dafb4d;outline:none;transform:translateY(-1px)}.player-search input::placeholder{color:#7f8c8d;font-weight:400}.search-results{background:#fff;border:2px solid #61dafb;border-radius:8px;border-top:1px solid #e1e8ed;box-shadow:0 8px 24px #00000026;left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.search-results li{border-bottom:1px solid #f8f9fa;color:#2c3e50;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s ease}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:linear-gradient(135deg,#61dafb,#4facfe);color:#fff;transform:translateX(4px)}.search-results li.tag-result{color:#8e44ad;font-weight:600}.search-results li.tag-result:hover{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff}.search-results li:first-child{border-radius:6px 6px 0 0}.search-results li:last-child{border-radius:0 0 6px 6px}.search-results li:first-child:last-child{border-radius:6px}.no-player-found{background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#7f8c8d;font-style:italic;font-weight:400;left:0;padding:16px;position:absolute;right:0;text-align:center;top:calc(100% + 4px);z-index:1000}.header-container{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0006;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:20px;padding:24px;transition:box-shadow .2s ease}.header-container:hover{box-shadow:0 6px 30px #0009}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px}.header-brand{flex:0 0 auto;min-width:200px}.header-title{color:#fff;font-size:2rem;font-weight:600;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d}.header-subtitle{color:#fffc;font-size:.9rem;font-style:italic;font-weight:400;margin:4px 0 0}.header-search{display:flex;flex:1 1 auto;justify-content:center;max-width:100%;min-width:200px}.header-actions{flex:0 0 auto;gap:16px;position:relative}.header-actions,.menu-btn{align-items:center;display:flex}.menu-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.menu-btn:hover{background:#fff3;transform:translateY(-1px)}.menu-btn .user-icon{font-size:1.2em}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:#34495e;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #00000080;margin-top:10px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;width:200px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.dropdown-item:hover{background-color:#ffffff1a;color:#fff}.dropdown-item.user-info-item{background-color:#0003;border-bottom:1px solid #ffffff1a;cursor:default;font-weight:600;padding:12px 16px}.dropdown-item.user-info-item:hover{background-color:#0003}.dropdown-item .username{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item .logout-icon{font-size:1.1em;opacity:.8}@media (max-width:992px){.header-content{gap:20px}.header-search{min-width:200px}}@media (max-width:768px){.header-container{margin-bottom:16px;padding:16px}.header-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;grid-template-rows:auto auto;width:100%}.header-brand{grid-column:1;grid-row:1;min-width:0}.header-actions{grid-column:2;grid-row:1;justify-self:end}.header-search{grid-column:1/-1;grid-row:2;max-width:100%;min-width:auto;width:100%}.header-title{font-size:1.8rem}}@media (max-width:480px){.header-container{padding:12px}.header-content{gap:12px;width:100%}.header-title{font-size:1.6rem}.header-subtitle{font-size:.85rem}.header-actions{gap:8px}}.street-card{border:none;border-radius:12px;box-shadow:0 4px 20px #0006;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:12px 0;max-width:350px;min-width:300px;padding:24px;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:100%}.street-card:hover{box-shadow:0 6px 30px #0009;transform:translateY(-2px)}.card-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.card-header .player-name{color:#2c3e50;font-size:.9rem;margin:0;opacity:.8}.edit-link{background:none;border:none;color:#2c3e50;cursor:pointer;font-family:inherit;font-size:.8rem;opacity:.7;padding:0;text-decoration:none}.edit-link:hover{opacity:1;text-decoration:underline}.card-header .street-name{border-bottom:2px solid #2c3e504d;color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0;padding-bottom:8px}.card-header .note-type-inline{color:#2c3e50;font-size:.9rem;font-style:italic;font-weight:400;opacity:.8}.card-header{margin-bottom:16px}.card-header h3{border-bottom:2px solid #2c3e504d;color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.card-header p{color:#2c3e50;font-size:.95rem;margin:4px 0}.card-body .action-text{color:#2c3e50;font-size:1rem;font-weight:500;line-height:1.4;margin:0 0 8px}.card-body .hand-history{color:#2c3e50;font-size:.9rem;font-style:italic;line-height:1.3;margin:0;opacity:.8}.card-body p{color:#2c3e50;font-size:1rem;line-height:1.4;margin:0}.card-footer{border-top:1px solid #2c3e5033;margin-top:15px;padding-top:10px}.card-footer .tag{background-color:#61dafb;border-radius:12px;color:#20232a;display:inline-block;font-size:.8rem;font-weight:700;margin-right:5px;padding:2px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.card-footer .tag:hover{background-color:#4fa8c5;box-shadow:0 2px 4px #0003;transform:scale(1.05)}.teal{background:linear-gradient(135deg,#4facfe,#00f2fe)}.teal .action-text,.teal .edit-link,.teal .hand-history,.teal .note-type-inline,.teal .player-name,.teal .stat-label,.teal .stat-value,.teal .street-name,.teal h3,.teal p{color:#2c3e50}.teal .card-footer{border-top-color:#2c3e5033}.teal .card-header .street-name{border-bottom-color:#2c3e504d}.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.blue .action-text,.blue .edit-link,.blue .hand-history,.blue .note-type-inline,.blue .player-name,.blue .stat-label,.blue .stat-value,.blue .street-name,.blue h3,.blue p{color:#2c3e50}.blue .card-footer{border-top-color:#2c3e5033}.blue .card-header .street-name{border-bottom-color:#2c3e504d}.purple{background:linear-gradient(135deg,#f093fb,#f5576c)}.purple .action-text,.purple .edit-link,.purple .hand-history,.purple .note-type-inline,.purple .player-name,.purple .stat-label,.purple .stat-value,.purple .street-name,.purple h3,.purple p{color:#2c3e50}.purple .card-footer{border-top-color:#2c3e5033}.purple .card-header .street-name{border-bottom-color:#2c3e504d}.orange{background:linear-gradient(135deg,#43e97b,#38f9d7)}.orange .action-text,.orange .edit-link,.orange .hand-history,.orange .note-type-inline,.orange .player-name,.orange .stat-label,.orange .stat-value,.orange .street-name,.orange h3,.orange p{color:#2c3e50}.orange .card-footer{border-top-color:#2c3e5033}.orange .card-header .street-name{border-bottom-color:#2c3e504d}.gray{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.gray .action-text,.gray .edit-link,.gray .hand-history,.gray .note-type-inline,.gray .player-name,.gray .stat-label,.gray .stat-value,.gray .street-name,.gray h3,.gray p{color:#2c3e50}.gray .card-footer{border-top-color:#2c3e5033}.gray .card-header .street-name{border-bottom-color:#2c3e504d}.tag-filter{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;box-shadow:0 4px 20px #0006;margin:30px 0 0;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.tag-filter:hover{box-shadow:0 6px 30px #0009;transform:translateY(-2px)}.tag-filter h4{border-bottom:2px solid #ffffff4d;color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.tag-filter .tags{display:flex;flex-wrap:wrap;gap:10px}.tag-filter .tag{background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tag-filter .tag:hover{background-color:#fff3;box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.tag-filter .tag.selected{background-color:#61dafb;border-color:#61dafb;box-shadow:0 2px 8px #0006;color:#2c3e50;font-weight:600;transform:scale(1.05)}.note-list{margin-top:20px;text-align:left;width:100%}.note-list-header{margin-bottom:20px;text-align:center}.note-list-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:4px}.note-list-subtitle{color:#7f8c8d;font-size:.95rem;margin:0}.reset-link{background:none;border:none;color:#2c3e50;cursor:pointer;font-family:inherit;font-size:.95rem;opacity:.8;padding:0;text-decoration:underline;transition:opacity .2s ease}.reset-link:hover{opacity:1}.no-notes-message{color:#7f8c8d;font-size:1.1rem;padding:40px 20px;text-align:center}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.note-list ul{list-style:none;padding:0}.note-list li{background:#333;border-left:5px solid #61dafb;border-radius:8px;margin-bottom:10px;padding:15px}.note-list p{margin:0 0 10px}.note-list pre{background:#282c34;border-radius:4px;padding:10px;white-space:pre-wrap;word-break:break-all}.note-list .edit-btn{background-color:#ffc107;color:#20232a;margin-right:5px}.note-list .edit-btn:hover{background-color:#e0a800}.note-list .cancel-btn{background-color:#6c757d}.note-list .cancel-btn:hover{background-color:#5a6268}.edit-form textarea{background-color:#444;border:1px solid #ccc;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.edit-form button{margin-right:5px}.tags-container{margin-top:10px}.tag{background-color:#61dafb;color:#20232a;font-weight:700;margin-right:5px;padding:2px 8px}.note-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.note-item-container{border-bottom:none;display:flex;justify-content:center;margin-bottom:0;padding-bottom:0}.edit-form-in-list{background-color:#282c34;border-radius:8px;margin-bottom:10px;padding:20px}.edit-form-in-list .form-row{display:flex;gap:10px;margin-bottom:10px}.edit-form-in-list input,.edit-form-in-list select,.edit-form-in-list textarea{background-color:#444;border:1px solid #ccc;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.edit-form-actions{display:flex;gap:10px}.study-note-card{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0006;cursor:pointer;display:flex;flex-direction:column;min-height:420px;overflow:hidden;position:relative;transition:all .3s ease;width:280px}.study-note-card:hover{box-shadow:0 8px 30px #00000080;transform:translateY(-4px)}.study-note-card:hover .card-actions{opacity:1}.study-note-card.has-answer{border:3px solid #66bb6a;box-shadow:0 0 20px #4caf50b3}.answered-badge{background-color:#4caf50;border-radius:15px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.8rem;font-weight:700;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:10}.card-image-section{height:150px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.study-note-card:hover .card-image{transform:scale(1.05)}.card-image-placeholder{align-items:center;background:#ffffff1a;color:#fff9;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:2rem;margin-bottom:8px}.card-image-placeholder span{font-size:.9rem;font-weight:500}.card-actions{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 8px;transition:all .2s ease}.action-btn:hover{background:#000000e6;transform:scale(1.1)}.edit-btn:hover{background:#43e97bcc}.delete-btn:hover{background:#dc3545cc}.card-content{color:#2c3e50;display:flex;flex:1 1;flex-direction:column;padding:16px}.card-header{margin-bottom:12px}.study-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 6px;overflow:hidden}.study-meta{align-items:center;display:flex;gap:8px}.game-type{background:#fffc;font-weight:600}.game-type,.stakes{border-radius:12px;color:#2c3e50;font-size:.75rem;padding:2px 8px}.stakes{background:#fff9;font-weight:500}.card-body{flex:1 1;margin-bottom:12px}.hand-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 8px;overflow:hidden}.position-info{align-items:center;display:flex;gap:6px;margin-top:8px}.position-label{font-size:.8rem;font-weight:500;opacity:.8}.position-value{background:#fff9;border-radius:8px;font-size:.8rem;font-weight:600;padding:2px 6px}.study-notes-section{border-top:1px solid #2c3e5033;margin-top:12px;padding-top:8px}.study-notes-label{color:inherit;font-size:.8rem;font-weight:600;margin-bottom:4px;opacity:.8}.study-notes-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:.85rem;font-style:italic;line-height:1.4;margin:0;opacity:.9;overflow:hidden}.answer-section{border-top:1px solid #2c3e5033;margin-top:12px;padding-top:8px}.answer-label{color:inherit;font-size:.8rem;font-weight:600;margin-bottom:4px;opacity:.8}.answer-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;display:-webkit-box;font-size:.85rem;font-style:italic;font-weight:500;line-height:1.4;margin:0;opacity:.9;overflow:hidden}.card-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}.study-date{font-size:.8rem;font-weight:500;opacity:.7}.study-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:150px}.tag{background:#fffc;border-radius:10px;cursor:pointer;display:inline-block;font-size:.7rem;padding:2px 6px;transition:all .2s ease}.tag:hover{background:#fff;transform:scale(1.05)}.tag-overflow{font-size:.7rem;font-weight:500;opacity:.7}.cash-gradient{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tournament-gradient{background:linear-gradient(135deg,#f093fb,#f5576c)}.sng-gradient{background:linear-gradient(135deg,#43e97b,#38f9d7)}.other-gradient{background:linear-gradient(135deg,#89f7fe,#66a6ff)}@media (max-width:768px){.study-note-card{margin:0 auto;max-width:400px;width:100%}.card-actions{opacity:1}.study-tags{max-width:120px}}.study-note-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.study-note-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;min-height:600px;min-width:1000px;overflow:hidden;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.modal-actions{align-items:center;display:flex;gap:12px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.modal-bottom-actions{border-top:1px solid #fff3;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-bottom-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-bottom-actions .edit-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#2c3e50}.modal-bottom-actions .edit-btn:hover{box-shadow:0 4px 12px #43e97b4d;transform:translateY(-1px)}.modal-bottom-actions .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.modal-bottom-actions .delete-btn:hover{box-shadow:0 4px 12px #ee5a524d;transform:translateY(-1px)}.modal-bottom-actions .save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-bottom-actions .save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.modal-bottom-actions .save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-bottom-actions .cancel-btn{background:#6c757d;color:#fff}.modal-bottom-actions .cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.edit-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#2c3e50}.edit-btn:hover{box-shadow:0 4px 12px #43e97b4d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.delete-btn:hover{box-shadow:0 4px 12px #ee5a524d}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:#6c757d}.cancel-btn:hover{background:#5a6268}.close-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;font-size:1.2rem;height:32px;padding:0;width:32px}.close-btn:hover{background:#e9ecef;color:#495057}.modal-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.modal-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-right:2px solid #fff3;display:flex;flex:0 0 500px;flex-direction:column;max-width:500px}.image-section{flex:1 1;min-height:400px;padding:0}.image-display,.image-section{align-items:center;display:flex;justify-content:center}.image-display{height:100%;overflow:hidden;position:relative;width:100%}.modal-image{border-radius:0;box-shadow:none;cursor:grab;height:200%;object-fit:contain;position:absolute;transform-origin:center center;transition:none;width:200%}.modal-image:active{cursor:grabbing}.no-image-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:12px;color:#fffc;display:flex;flex-direction:column;height:200px;justify-content:center;max-width:300px;padding:60px;width:100%}.placeholder-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.no-image-placeholder span{color:#ffffffe6;font-size:1.1rem;font-weight:500}.image-upload-area{background:#fff;border:2px dashed #dee2e6;border-radius:12px;height:100%;min-height:300px}.image-upload-area:hover{background:#43e97b0d;border-color:#43e97b}.image-upload-area.drag-active{background:#43e97b1a}.upload-placeholder{padding:40px}.upload-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.upload-placeholder p{color:#6c757d;margin:8px 0}.upload-hint{font-size:.9rem}.image-preview-container{align-items:center;display:flex;justify-content:center}.remove-image-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;height:32px;right:12px;top:12px;width:32px}.modal-right{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;flex:1 1;min-width:400px;overflow-y:auto;padding:32px}.details-section{max-width:600px}.field-group{margin-bottom:24px}.field-group label{color:#ffffffe6;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.field-value{color:#fff;font-size:1rem;font-weight:500;line-height:1.5;margin:0}.field-group h3.field-value{color:#fff;font-size:1.4rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.field-group input,.field-group select,.field-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#495057;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:#43e97b;box-shadow:0 0 0 3px #43e97b1a;outline:none}.field-group textarea{font-family:inherit;min-height:120px;resize:vertical}.info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.game-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:12px;color:#2c3e50;font-size:.8rem;font-weight:600;padding:4px 10px}.study-notes-display{border:2px solid #e9ecef;border-radius:8px;padding:16px}.study-notes-display .field-value{font-style:italic;line-height:1.6;white-space:pre-wrap}.metadata-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:24px}.metadata-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metadata-label{color:#6c757d;font-size:.9rem;font-weight:600}.metadata-value{color:#495057;font-size:.9rem}@media (max-width:1200px){.study-note-modal{min-width:900px}.modal-left{flex:0 0 400px;max-width:400px}.modal-right{min-width:350px}}@media (max-width:1024px){.study-note-modal{min-width:0;min-width:auto;width:95%}.modal-content{flex-direction:column}.modal-left{border-bottom:2px solid #f0f0f0;border-right:none;flex:0 0 300px;max-width:none}.image-section{min-height:250px;padding:24px}.modal-right{min-width:0;min-width:auto;padding:24px}.info-row{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.study-note-modal-overlay{padding:10px}.study-note-modal{max-height:95vh}.modal-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px}.modal-actions{justify-content:flex-end;width:100%}.modal-left{flex:0 0 200px}.image-section{min-height:180px;padding:16px}.modal-right{padding:20px}}@media (max-width:480px){.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions button{flex:1 1;min-width:80px}.close-btn{flex:0 0 32px}}.study-note-list{margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.study-note-list-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 0}.header-content h2{font-size:1.8rem;font-weight:600;margin:0}.study-note-list-subtitle{color:#7f8c8d;font-size:1rem;margin:4px 0 0}.header-actions .reset-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.header-actions .reset-btn:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:8px;margin-top:20px;padding:40px 20px;text-align:center}.error-message p{color:#e74c3c;font-size:1.1rem;margin-bottom:15px}.retry-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:background-color .3s ease}.retry-btn:hover{background:#c0392b}.no-studies-message{margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.no-studies-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-studies-message h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.no-studies-message p{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.back-to-dashboard-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:8px;box-shadow:0 2px 10px #0003;color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.back-to-dashboard-btn:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.filter-controls{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #0006;margin-bottom:30px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.filter-controls:hover{box-shadow:0 6px 30px #0009;transform:translateY(-2px)}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.search-group{flex:2 1;min-width:350px}.search-container{align-items:center;display:flex;gap:8px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;min-width:200px;padding:12px 16px;transition:all .3s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff26;outline:none}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;min-width:80px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.search-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.filter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:10px 14px;transition:all .3s ease}.filter-input::placeholder{color:#ffffffb3}.filter-input:focus{border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff26;outline:none}.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 14px;transition:all .3s ease}.filter-select:focus{border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff26;outline:none}.filter-select option{background-color:#2a2a2a;color:#fff}.clear-filters-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:140px;padding:10px 16px;transition:all .3s ease}.clear-filters-btn:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.clear-filters-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.active-tag-filters{align-items:center;border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:15px}.active-filters-label{color:#ffffffd9;font-size:.9rem;font-weight:500;margin-right:10px}.active-tag-filter{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.remove-tag-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;line-height:1;margin:0;padding:0;transition:transform .2s ease}.remove-tag-btn:hover{transform:scale(1.2)}.study-notes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;padding-bottom:40px}@media (max-width:1400px){.filter-row{gap:8px}.filter-group{flex:1 1;min-width:100px}.search-group{flex:2.5 1;min-width:300px}}@media (max-width:1200px){.filter-row{flex-wrap:wrap;gap:8px}.search-group{flex:1 1 100%;margin-bottom:8px;min-width:0;min-width:auto;order:-1}.filter-group{flex-basis:calc(33.333% - 6px);flex-grow:1;flex-shrink:1;min-width:140px}}@media (max-width:900px){.filter-group{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:120px}}@media (max-width:768px){.study-note-list{padding:0 15px}.study-note-list-header{align-items:flex-start;flex-direction:column;gap:15px}.header-content h2{font-size:1.5rem}.header-actions{width:100%}.header-actions .reset-btn{align-items:center;display:flex;justify-content:center;width:100%}.filter-controls{padding:15px}.filter-row{align-items:stretch;flex-direction:column;gap:12px}.filter-group{min-width:0;min-width:auto;width:100%}.search-container{width:100%}.search-input{min-width:0;min-width:auto}.search-btn{min-width:70px;padding:12px 16px}.active-tag-filters{align-items:flex-start;flex-direction:column;gap:10px}.active-filters-label{margin-bottom:5px;margin-right:0}.study-notes-grid{gap:20px;grid-template-columns:1fr}.no-studies-message{padding:40px 15px}.no-studies-icon{font-size:3rem}}@media (max-width:480px){.study-note-list-header{padding:15px 0}.header-content h2{font-size:1.3rem}.study-note-list-subtitle{font-size:.9rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;flex-wrap:wrap;gap:40px;justify-content:center;min-height:100vh;padding:20px}.auth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0006;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:420px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.auth-form:hover{box-shadow:0 12px 40px #00000080;transform:translateY(-4px)}.auth-form h2{color:#fffffff2;font-size:1.8rem;font-weight:600;margin-bottom:28px;text-align:center;text-shadow:0 2px 4px #0000004d}.auth-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fffffff2;font-size:1rem;font-weight:400;margin-bottom:20px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.auth-form input::placeholder{color:#fff9}.auth-form input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.auth-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-form button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.auth-form button:active{box-shadow:0 2px 8px #667eea66;transform:translateY(0)}@media (max-width:768px){.auth-container{flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:16px}.auth-form{margin:0;max-width:100%;padding:24px}.auth-form h2{font-size:1.6rem;margin-bottom:24px}.auth-form input{font-size:.95rem;margin-bottom:16px;padding:12px 14px}.auth-form button{font-size:1rem;padding:12px 14px}}@media (max-width:480px){.auth-container{padding:12px}.auth-form{border-radius:12px;padding:20px}.auth-form h2{font-size:1.4rem;margin-bottom:20px}}.auth-form input:invalid{border-color:#e74c3c80}.auth-form input:valid{border-color:#2ecc7180}.auth-form button:disabled{background:#fff3;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.auth-form{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.note-form{align-items:start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #0006;box-sizing:border-box;color:#f0f0f0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:24px;width:100%}.note-form h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center;width:100%}.note-form label{display:block;font-size:.95rem;font-weight:400;margin-bottom:6px;margin-left:5px;margin-top:16px}.note-form input,.note-form select{border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff!important;font-size:.95rem;font-weight:400;padding:10px 12px;transition:all .2s ease;width:100%}.note-form input{background-color:#ffffff1a}.note-form input,.note-form select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.note-form select{background-color:#0000004d}.note-form input::placeholder{color:#fff9;opacity:1}.note-form select option{background-color:#2a2a2a;color:#fff}.note-form input:focus,.note-form select:focus{border-color:#fff6;outline:none}.note-form input:focus{background-color:#ffffff26}.note-form select:focus{background-color:#0006}.note-form button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:24px;padding:12px;transition:all .25s ease;width:100%}.note-form button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.suggestions-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:0 0 8px 8px;border-top:none;box-sizing:border-box;list-style:none;margin:0;padding:0;width:100%}.suggestions-list li{cursor:pointer;padding:10px 12px}.suggestions-list li:hover{background-color:#ffffff26}.form-actions{display:flex;gap:12px;margin-top:24px;width:100%}.form-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin-top:0;padding:12px;transition:all .25s ease}.form-actions button[type=submit]{background-color:#fff3;color:#fff}.form-actions button[type=submit]:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.delete-btn{background-color:#dc35454d;color:#fff}.delete-btn:hover{background-color:#dc354580;transform:translateY(-1px)}.cancel-btn{background-color:#6c757d4d;color:#fff}.cancel-btn:hover{background-color:#6c757d80;transform:translateY(-1px)}@media (max-width:768px){.note-form{padding:16px;width:100%}.note-form h2{font-size:1.3rem}.suggestions-list{width:100%}}@media (max-width:480px){.note-form{padding:12px}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%}}.study-note-form{align-items:start;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:12px;box-shadow:0 4px 20px #0006;box-sizing:border-box;color:#2c3e50;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:24px;width:100%}.study-note-form h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center;width:100%}.study-note-form label{color:#2c3e50;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px;margin-left:5px;margin-top:16px}.study-note-form input,.study-note-form select,.study-note-form textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3;border:1px solid #2c3e504d;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-size:.95rem;font-weight:400;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.study-note-form input::placeholder,.study-note-form textarea::placeholder{color:#2c3e5099;opacity:1}.study-note-form select option{background-color:#fff;color:#2c3e50}.study-note-form input:focus,.study-note-form select:focus,.study-note-form textarea:focus{background-color:#ffffffe6;border-color:#2c3e5080;box-shadow:0 0 0 2px #43e97b33;outline:none}.study-note-form textarea{font-family:inherit;min-height:100px}.image-upload-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;border:2px dashed #2c3e504d;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-upload-area:hover{background-color:#ffffffb3;border-color:#2c3e5080}.image-upload-area.drag-active{background-color:#43e97b1a;border-color:#43e97b;transform:scale(1.02)}.upload-placeholder{padding:20px;text-align:center}.upload-icon{font-size:2rem;margin-bottom:8px}.upload-placeholder p{color:#2c3e50;font-weight:500;margin:4px 0}.upload-hint{font-size:.85rem;opacity:.7}.image-preview-container{height:100%;min-height:120px;position:relative;width:100%}.image-preview{border-radius:6px;height:100%;max-height:200px;object-fit:contain;width:100%}.remove-image-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.study-note-form button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2c3e50cc;border:1px solid #2c3e50e6;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:24px;padding:12px;transition:all .25s ease;width:100%}.study-note-form button:hover:not(:disabled){background-color:#2c3e50;border-color:#2c3e50;box-shadow:0 4px 12px #2c3e504d;transform:translateY(-1px)}.study-note-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.study-note-form{max-width:100%;padding:16px;width:100%}.image-upload-area{min-height:100px;width:100%}.upload-placeholder{padding:15px}.upload-icon{font-size:1.5rem}}@media (max-width:480px){.study-note-form{padding:12px}.study-note-form h2{font-size:1.3rem}.image-upload-area{min-height:80px}.upload-placeholder{padding:10px}.upload-placeholder p{font-size:.9rem}.upload-hint{font-size:.8rem}}.stats-container{margin:0;width:100%}.stats-header{margin-bottom:20px;text-align:center}.stats-header h2{font-size:1.5rem;font-weight:600;margin-bottom:4px}.stats-subtitle{color:#7f8c8d;font-size:.95rem;margin:0}.stats-error,.stats-loading{color:#7f8c8d;font-size:1.1rem;padding:40px 20px;text-align:center}.stats-error{background-color:#fdf2f2;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;width:100%}.stats-card{word-wrap:break-word;background:#2a2a2a;border:none;border-radius:12px;box-shadow:0 4px 20px #0006;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{box-shadow:0 6px 30px #0009;transform:translateY(-2px)}.stats-card h3{border-bottom:2px solid #444;color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 12px;padding-bottom:6px}.stat-item{align-items:center;border-bottom:1px solid #444;display:flex;gap:8px;justify-content:space-between;min-height:24px;padding:6px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#ccc;flex:0 0 auto;font-size:.85rem;font-weight:500}.stat-value{word-wrap:break-word;color:#fff;font-size:.9rem;font-weight:600;overflow-wrap:break-word;text-align:right}.overview{background:linear-gradient(135deg,#7990f5,#764ba2)}.overview,.overview .stat-label,.overview .stat-value,.overview h3{color:#2c3e50}.overview .stat-item{border-bottom-color:#2c3e5033}.overview h3{border-bottom-color:#2c3e504d}.top-player{background:linear-gradient(135deg,#f093fb,#f5576c)}.top-player,.top-player .stat-label,.top-player .stat-value,.top-player h3{color:#2c3e50}.top-player .stat-item{border-bottom-color:#2c3e5033}.top-player h3{border-bottom-color:#2c3e504d}.street-stats{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#2c3e50}.street-stats .stat-label,.street-stats .stat-value,.street-stats h3{color:#2c3e50}.street-stats .stat-item{border-bottom-color:#2c3e5033}.street-stats h3{border-bottom-color:#2c3e504d}.type-stats{background:linear-gradient(135deg,#43e97b,#38f9d7)}.type-stats,.type-stats .stat-label,.type-stats .stat-value,.type-stats h3{color:#2c3e50}.type-stats .stat-item{border-bottom-color:#2c3e5033}.type-stats h3{border-bottom-color:#2c3e504d}.tags-stats{background:linear-gradient(135deg,#fa709a,#fee140)}.tags-stats,.tags-stats .stat-label,.tags-stats .stat-value,.tags-stats h3{color:#2c3e50}.tags-stats .stat-item{border-bottom-color:#2c3e5033}.tags-stats h3{border-bottom-color:#2c3e504d}.recent-activity{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2c3e50}.recent-activity .stat-label,.recent-activity .stat-value,.recent-activity h3{color:#2c3e50}.recent-activity .stat-item{border-bottom-color:#2c3e5033}.recent-activity h3{border-bottom-color:#2c3e504d}.account-info{background:linear-gradient(135deg,#d299c2,#fef9d7);color:#2c3e50}.account-info .stat-label,.account-info .stat-value,.account-info h3{color:#2c3e50}.account-info .stat-item{border-bottom-color:#2c3e5033}.account-info h3{border-bottom-color:#2c3e504d}.fun-facts{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.fun-facts,.fun-facts .stat-label,.fun-facts .stat-value,.fun-facts h3{color:#2c3e50}.fun-facts .stat-item{border-bottom-color:#2c3e5033}.fun-facts h3{border-bottom-color:#2c3e504d}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:1fr;width:100%}.stats-card{box-sizing:border-box;padding:14px;width:100%}.stats-header h2{font-size:1.8rem}.stats-subtitle{font-size:1rem}}@media (max-width:480px){.stats-container{padding:8px;width:100%}.stats-grid{gap:10px;grid-template-columns:1fr}.stats-card{padding:12px;width:100%}.stats-header h2{font-size:1.6rem}.stat-item{align-items:flex-start;flex-direction:column;gap:2px;padding:4px 0}.stat-value{font-size:.95rem;font-weight:700;text-align:left;word-break:break-word}}.note-created-modal{bottom:20px;cursor:pointer;left:50%;opacity:0;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s ease-in-out;z-index:1000}.note-created-modal.show{opacity:1;transform:translateX(-50%) translateY(0)}.note-created-modal .modal-content{align-items:center;background-color:var(--modal-success-bg);border:2px solid var(--modal-success-border);border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:relative;transition:background-color .2s ease}.note-created-modal .modal-content:hover{background-color:var(--modal-success-hover)}.close-btn{align-items:center;background:none;border:none;color:var(--modal-success-text);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;opacity:.7;position:absolute;right:12px;top:8px;transition:opacity .2s ease;width:20px}.close-btn:hover{opacity:1}.modal-icon{align-items:center;background-color:var(--modal-success-border);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.modal-icon,.modal-text{color:var(--modal-success-text)}.modal-text{flex:1 1}.modal-text strong{color:#fff;display:block;font-size:14px;margin-bottom:4px}.modal-text p{font-size:12px;margin:0;opacity:.9}@media (max-width:480px){.note-created-modal{bottom:10px;left:10px;right:10px;transform:none}.note-created-modal.show{transform:none}.modal-content{max-width:none;min-width:auto}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}main{box-sizing:border-box;margin:20px auto;max-width:1500px;padding:0 20px;width:100%}.main-content-container{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1200px;width:100%}.note-form-section{flex:0 0 410px;min-width:300px}.study-note-section{flex:0 0 450px;min-width:300px}.stats-section{flex:1 1;max-width:440px;min-width:280px}.note-creation-header,.study-note-header{margin-bottom:20px;text-align:center}.note-creation-header h2,.study-note-header h2{font-size:1.5rem;font-weight:600;margin-bottom:4px}.note-creation-subtitle,.study-note-subtitle{color:#7f8c8d;font-size:.95rem;margin:0}@media (max-width:768px){main{padding:0 16px}.main-content-container{flex-direction:column;gap:20px;width:100%}.note-form-section,.stats-section,.study-note-section{flex:none;min-width:0;min-width:auto;width:100%}}@media (max-width:480px){main{margin:16px auto;padding:0 12px}.main-content-container{gap:16px}}.no-player-selected h2,.placeholder-view h2{color:#ccc}.no-player-selected p,.placeholder-view p{color:#aaa;font-size:1.1rem}hr{background:#333;border:0;height:1px;margin:40px 0}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.player-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 0}.player-header h2{color:#333;font-size:1.5rem;margin:0}.reset-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.reset-btn:hover{background-color:#c82333}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8c010825.css.map*/