.nickname-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.nickname-card{background:#2a2a2a;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #00000080;max-width:400px;width:100%;text-align:center;border:1px solid #3a3a3a}.nickname-card h2{color:#8b5cf6;margin-bottom:.5rem;font-size:2rem}.nickname-card p{color:#b0b0b0;margin-bottom:2rem;font-size:1rem}.nickname-form{display:flex;flex-direction:column;gap:1rem}.nickname-input{padding:1rem;border:2px solid #3a3a3a;border-radius:8px;font-size:1rem;transition:border-color .2s;outline:none;background:#1a1a1a;color:#e0e0e0}.nickname-input:focus{border-color:#8b5cf6}.error-message{color:#ff6b6b;font-size:.9rem;text-align:left;margin-top:-.5rem}.submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}.submit-btn:active{transform:translateY(0)}@media (max-width: 480px){.nickname-card{padding:2rem}.nickname-card h2{font-size:1.5rem}}.calendar-container{background:#2a2a2a;border-radius:12px;padding:.75rem;box-shadow:0 4px 20px #0000004d;border:1px solid #3a3a3a;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.calendar-wrapper::-webkit-scrollbar{width:12px;height:12px}.calendar-wrapper::-webkit-scrollbar-track{background:#1a1a1a;border-radius:6px}.calendar-wrapper::-webkit-scrollbar-thumb{background:#4a5568;border-radius:6px;border:2px solid #1a1a1a}.calendar-wrapper::-webkit-scrollbar-thumb:hover{background:#5a6578}.calendar-wrapper{scrollbar-width:thin;scrollbar-color:#4a5568 #1a1a1a}.filter-container{margin-bottom:.75rem;position:relative;flex-shrink:0}.filter-toggle{width:100%;padding:.5rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.filter-toggle:hover:not(.disabled){background:#2a2a2a;border-color:#4a5568}.filter-toggle.disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a}.filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;padding:.5rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d;scrollbar-width:thin;scrollbar-color:#4a5568 #1a1a1a}.filter-dropdown::-webkit-scrollbar{width:8px}.filter-dropdown::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.filter-dropdown::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:#5a6578}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.4rem;cursor:pointer;color:#e0e0e0;font-size:.85rem;transition:background .2s;border-radius:4px}.filter-checkbox:hover{background:#2a2a2a}.filter-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#2a2a2a;border:2px solid #4a5568;border-radius:4px;position:relative;transition:all .2s;flex-shrink:0}.filter-checkbox input[type=checkbox]:hover{border-color:#5a6578;background:#3a3a3a}.filter-checkbox input[type=checkbox]:checked{background:#8b5cf6;border-color:#8b5cf6}.filter-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0}.calendar-info{margin-bottom:1rem;padding:.75rem;background:#1a1a1a;border-radius:8px;color:#b0b0b0;font-size:.85rem;border:1px solid #3a3a3a;flex-shrink:0}.calendar-wrapper{position:relative;overflow-x:auto;overflow-y:auto;width:100%;flex:1;min-height:0}.calendar-headers{display:flex;gap:2px;width:fit-content;min-width:100%;background:#3a3a3a;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:100;flex-shrink:0;align-self:flex-start}.time-column-header{min-width:100px;flex-shrink:0;position:sticky;left:0;z-index:20;background:#3a3a3a}.calendar-scroll-container{width:100%}.calendar-grid{display:flex;gap:2px;width:fit-content;min-width:100%;background:#3a3a3a;border-radius:0 0 8px 8px;height:auto;min-height:fit-content}.time-column{position:sticky;left:0;z-index:15;background:#2a2a2a;min-width:100px;display:flex;flex-direction:column;flex-shrink:0}.time-header{background:#4a5568;color:#fff;padding:.75rem;font-weight:600;text-align:center;min-height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:sticky;top:0;z-index:20}.date-header-wrapper{min-width:120px;width:120px;flex-shrink:0}.time-cell{padding:.75rem;text-align:center;font-size:.85rem;color:#b0b0b0;background:#2a2a2a;border-bottom:1px solid #3a3a3a;height:50px;display:flex;align-items:center;justify-content:center;position:relative;z-index:15}.date-column{min-width:120px;width:120px;flex-shrink:0;display:flex;flex-direction:column}.date-header{background:#4a5568;color:#fff;padding:.4rem .6rem;text-align:center;position:sticky;top:0;z-index:15;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;flex-shrink:0;align-self:flex-start}.date-header.today{background:#718096}.date-weekday{font-size:.75rem;opacity:.9;font-weight:500}.date-day{font-size:1.3rem;font-weight:700;line-height:1.2}.date-month{font-size:.7rem;opacity:.9}.today-badge{font-size:.6rem;background:#ffffff4d;padding:.15rem .4rem;border-radius:8px;margin-top:.1rem;font-weight:600;white-space:nowrap}.time-slot{height:50px;background:#1a1a1a;border-bottom:1px solid #3a3a3a;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;padding:.25rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1}.time-slot:hover{background:#2a2a2a;z-index:5;border:1px solid #4a5568}.time-slot.hovered{z-index:5}.time-slot.selected-mine{background:#48bb78;color:#fff;font-weight:600}.time-slot.selected-other{background:#ed8936;color:#fff}.time-slot.selected-other:hover{background:#dd6b20}.time-slot.highlighted:not(.selected-mine):not(.selected-other){background:#9f7aea!important;box-shadow:0 0 8px #9f7aea80}.time-slot.highlighted.selected-mine{background:#805ad5!important;box-shadow:0 0 8px #805ad580}.time-slot.highlighted.selected-other{background:#9f7aea!important;box-shadow:0 0 8px #9f7aea80}.slot-nicknames{display:flex;flex-direction:column;gap:.15rem;align-items:center;justify-content:flex-start;width:100%;padding:.25rem .2rem .2rem;max-height:45px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.slot-nicknames::-webkit-scrollbar{width:4px}.slot-nicknames::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.slot-nicknames::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.slot-nicknames::-webkit-scrollbar-thumb:hover{background:#ffffff80}.slot-nicknames{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.slot-owner{font-size:.6rem;text-align:center;word-break:break-word;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1rem .25rem;background:#0003;border-radius:3px;display:block;flex-shrink:0}.slot-owner.mine{font-weight:600;background:#ffffff40}.slot-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:.5rem .75rem;background:#1a1a1a;color:#e0e0e0;border:1px solid #4a5568;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 12px #00000080}.slot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a1a}@media (max-width: 768px){.slot-tooltip{display:none}.calendar-container{padding:.5rem;border-radius:8px}.date-column,.date-header-wrapper{min-width:80px;width:80px}.time-column,.time-column-header{min-width:60px}.time-header{padding:.5rem;font-size:.8rem;min-height:60px}.date-header{padding:.4rem;min-height:50px}.date-weekday{font-size:.7rem}.date-day{font-size:1rem}.date-month{font-size:.7rem}.time-cell{font-size:.7rem;padding:.4rem;height:40px}.time-slot{height:40px;padding:.2rem}.slot-nicknames{font-size:.65rem;max-height:35px}.slot-owner{padding:.15rem .3rem;font-size:.65rem}.filter-toggle{font-size:.8rem;padding:.4rem}.filter-dropdown{max-height:150px;padding:.4rem}.filter-checkbox{font-size:.8rem;padding:.3rem}}@media (max-width: 480px){.date-column,.date-header-wrapper{min-width:70px;width:70px}.time-column,.time-column-header{min-width:55px}.time-header{padding:.4rem;font-size:.75rem;min-height:60px}.date-header{padding:.3rem;min-height:45px}.date-day{font-size:.9rem}.time-cell{font-size:.65rem;padding:.3rem;height:35px}.time-slot{height:35px;padding:.15rem}.slot-nicknames{font-size:.6rem;max-height:30px}.slot-owner{padding:.1rem .25rem;font-size:.6rem}}.timezone-selector{position:relative}.timezone-toggle{padding:.5rem 1rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.timezone-toggle:hover{background:#2a2a2a;border-color:#4a5568}.timezone-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;padding:.5rem;min-width:120px;z-index:1000;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:.25rem}.timezone-option{padding:.5rem;background:transparent;border:none;border-radius:4px;color:#e0e0e0;font-size:.85rem;cursor:pointer;text-align:left;transition:background .2s}.timezone-option:hover{background:#2a2a2a}.timezone-option.active{background:#4a5568;color:#fff;font-weight:600}@media (max-width: 768px){.timezone-toggle{padding:.4rem .8rem;font-size:.8rem}.timezone-dropdown{min-width:100px;padding:.4rem}.timezone-option{padding:.4rem;font-size:.8rem}}.app{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1;min-height:0}@media (max-width: 768px){.app{height:100svh}}@media (min-width: 769px){.app{height:125vh;flex:none}}.app-header{background:#2a2a2a;padding:1rem 1.5rem;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid #3a3a3a}.app-header h1{color:#cbd5e0;font-size:1.5rem;font-weight:600}.user-info{display:flex;align-items:center;gap:1rem}.nickname{color:#e0e0e0;font-weight:500;font-size:1rem}.logout-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.logout-btn:hover{background:#b91c1c}.app-main{padding:.75rem;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}@media (max-width: 768px){.app-header{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.75rem}.app-header h1{font-size:1.2rem;width:100%}.user-info{width:100%;flex-wrap:wrap;gap:.5rem}.nickname{font-size:.9rem}.logout-btn{padding:.4rem .8rem;font-size:.85rem}.app-main{padding:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#e0e0e0;overflow:hidden;scrollbar-width:thin;scrollbar-color:#4a5568 #1a1a1a}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#1a1a1a}body::-webkit-scrollbar-thumb{background:#4a5568;border-radius:6px;border:2px solid #1a1a1a}body::-webkit-scrollbar-thumb:hover{background:#5a6578}#root{height:100vh;height:100svh;display:flex;flex-direction:column}@media (min-width: 769px){#root{height:auto;min-height:100vh}}@media (min-width: 769px){#root{transform:scale(.8);transform-origin:top left;width:125%}}