@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#12131d;--bg-container-low:#1a1b26;--card-bg:#1a1b26;--card-border:transparent;--text-primary:#e2e1f1;--text-secondary:#c6c5d7;--text-tertiary:#8f8fa0;--trae-color:#ff6b4e;--sonia-color:#ff4c86;--danger:#ffb4ab;--bg-image:radial-gradient(circle at top center, #ff4c860d, transparent 50%), radial-gradient(circle at bottom left, #ff6b4e08, transparent 40%);--bg-size:auto;--bg-repeat:no-repeat;--hover-bg:#333440;--ghost-border:#5a404526;--modal-bg:#33344099;--input-bg:#333440;--input-border:transparent;--input-focus:#ffb1c14d;--icon-hover:#e2e1f11a;--color-scheme:dark;--us-color:transparent;--event-us-bg:linear-gradient(135deg, #ff4c8626 0%, #ff6b4e26 100%);--event-us-color:#ffd9df;--title-gradient:linear-gradient(135deg, var(--sonia-color) 0%, var(--trae-color) 100%);--btn-primary-text:#12131d;--btn-primary-bg:linear-gradient(135deg, #ffb1c1 0%, #ff4c86 100%);--ambient-shadow:0px 20px 40px #e2e1f10a}[data-theme=coquette]{--bg-color:#fff0f5;--bg-container-low:#ffffff4d;--card-bg:#ffffff73;--card-border:#ffffffe6;--ghost-border:#fffc;--card-backdrop:blur(20px);--text-primary:#310815;--text-secondary:#8c1c3f;--text-tertiary:#a83d5a;--trae-color:#ea580c;--sonia-color:#ed2c58;--danger:#e11d48;--bg-image:radial-gradient(circle at top left, #fffc, transparent 70%), radial-gradient(circle at bottom right, #fce7ecb3, transparent 70%), url(/floral-bg.png);--bg-size:auto, auto, 400px;--bg-repeat:no-repeat, no-repeat, repeat;--hover-bg:#fffc;--modal-bg:#ffffffd9;--input-bg:#ffffffa6;--input-border:#ffffffe6;--input-focus:#ec3f6499;--icon-hover:#ec3f641a;--color-scheme:light;--us-color:transparent;--event-us-bg:linear-gradient(135deg, #ed2c5826 0%, #ea580c26 100%);--event-us-color:#7a1532;--btn-primary-text:#fff;--btn-primary-bg:linear-gradient(135deg, #f43f5e 0%, #ea580c 100%);--title-gradient:var(--text-secondary);--ambient-shadow:0px 12px 35px #8a193c14}[data-theme=coquette] .event-item{-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #8a193c0a}[data-theme=coquette] .event-item[data-type=trae]{background:linear-gradient(135deg,#ea580c26,#ea580c0d);border-color:#ea580c4d}[data-theme=coquette] .event-item[data-type=sonia]{background:linear-gradient(135deg,#ed2c5826,#ed2c580d);border-color:#ed2c584d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:var(--bg-image);background-attachment:fixed;background-size:var(--bg-size);background-repeat:var(--bg-repeat);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .5s}.app-container{max-width:1400px;margin:0 auto;padding:2rem 1.25rem}header.app-header{text-align:left;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.header-title{flex-direction:column;gap:.5rem;display:flex}header.app-header h1{background:var(--title-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:2rem;font-weight:700}.month-nav{align-items:center;gap:1rem;display:flex}.current-month{color:var(--text-secondary);cursor:pointer;text-align:center;min-width:140px;margin:0;font-size:1.25rem;font-weight:600;transition:color .2s}.current-month:hover{color:var(--text-primary)}@media (width<=767px){header.app-header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}}.view-list .calendar-grid{flex-direction:column;gap:1rem;display:flex}.view-list .weekdays{display:none}.view-grid .calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.view-grid .weekdays{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.weekday{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}@media (width>=768px){.view-grid .calendar-grid,.view-grid .weekdays{gap:1.25rem}.view-grid .weekdays{margin-bottom:1rem}}@media (width<=767px){.view-grid .weekday{font-size:.65rem}}.day-card{background:var(--card-bg);border:1px solid var(--ghost-border);cursor:pointer;-webkit-backdrop-filter:var(--card-backdrop,none);border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.upcoming-days-scroll .day-card{min-height:140px;padding:1.25rem}.view-grid .day-card{background:0 0;border:none;justify-content:flex-start;align-items:center;min-height:48px;padding:.25rem}@media (width>=768px){.view-grid .day-card{background:0 0;border:none;align-items:center;min-height:56px;padding:.25rem}}.view-grid .event-list,.view-grid .no-events,.view-grid .day-name-mobile{display:none!important}.day-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 100%);height:100%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.day-card:hover:before{opacity:1}.day-card.today{background:var(--hover-bg);box-shadow:var(--ambient-shadow);border-color:#ffffff1a}.view-grid .day-card.today{box-shadow:none;background:0 0;border:none}.day-card.other-month{opacity:.4;pointer-events:none}@media (width>=768px){.day-card:hover{background:var(--hover-bg);box-shadow:var(--ambient-shadow);z-index:10;transform:translateY(-2px)scale(1.01)}}.day-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.view-grid .day-header{justify-content:center;width:100%;margin-bottom:.15rem;padding-bottom:0}.day-date{color:var(--text-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;font-weight:700;display:flex}.day-card.today .day-date{background:var(--title-gradient);color:var(--bg-color);box-shadow:var(--ambient-shadow)}.day-name-mobile{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}@media (width<=767px){.view-grid .day-name-mobile{display:none}.view-grid .day-date{width:22px;height:22px;margin:0 auto;font-size:.9rem}.view-grid .day-header{border-bottom:none;justify-content:center;margin-bottom:.25rem;padding-bottom:.25rem}}@media (width>=768px){.day-name-mobile{display:none}}.event-list{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.event-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;padding:.6rem .75rem;font-size:.875rem;transition:transform .2s;position:relative;overflow:hidden}.event-item:hover{transform:translate(4px)}.event-item[data-type=trae]{background:#ff6b4e0d;border-color:#ff6b4e33}.event-item[data-type=sonia]{background:#ff4c860d;border-color:#ff4c8633}.event-item[data-type=us]{background:var(--event-us-bg);border-color:#a855f74d}.event-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-weight:600;overflow:hidden}.event-item[data-type=us] .event-title{color:var(--event-us-color)}.event-time{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.event-time svg{opacity:.7}.no-events{color:var(--text-secondary);opacity:.6;text-align:center;margin-top:auto;margin-bottom:auto;font-size:.875rem;font-style:italic;font-weight:500}.event-owner-tag{opacity:.5;text-transform:uppercase;font-size:.6rem;font-weight:700;position:absolute;bottom:2px;right:4px}.event-item[data-type=us] .event-owner-tag{color:var(--event-us-color)}.event-dots-container{display:none}.dot{border-radius:50%;width:6px;height:6px}.dot[data-type=trae]{background:var(--trae-color)}.dot[data-type=sonia]{background:var(--sonia-color)}.dot[data-type=us]{background:var(--us-color)}.dot-more{color:var(--text-secondary);align-items:center;font-size:.65rem;line-height:1;display:flex}.view-grid .event-dots-container{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto;padding-top:4px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--modal-bg);border:1px solid var(--ghost-border);width:100%;max-width:440px;box-shadow:var(--ambient-shadow);-webkit-backdrop-filter:blur(24px);border-radius:16px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.icon-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.icon-button:hover{background:var(--icon-hover);color:var(--text-primary)}.modal-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:var(--input-bg);border:1px solid var(--ghost-border);color:var(--text-primary);border-radius:8px;width:100%;min-width:0;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-group textarea{resize:vertical}.type-select option{background:var(--bg-color);color:var(--text-primary)}.type-select[data-type=trae]{color:var(--trae-color);background:#f9731614;border-color:#f9731680}.type-select[data-type=sonia]{color:var(--sonia-color);background:#ec489914;border-color:#ec489980}.type-select[data-type=us]{color:var(--us-color);background:var(--event-us-bg);border-color:#a855f780}[data-theme=coquette] .type-select[data-type=us]{border-color:#c026d380}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-group input[type=date],.form-group input[type=time]{color-scheme:var(--color-scheme)}.form-group input:focus,.form-group select:focus{border-color:var(--input-focus);outline:none}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.modal-footer{border-top:1px solid var(--input-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.modal-actions{gap:.75rem;margin-left:auto;display:flex}.btn-secondary,.btn-primary,.btn-danger{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary{color:var(--text-secondary);background:0 0}.btn-secondary:hover{background:var(--icon-hover);color:var(--text-primary)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:9999px;font-weight:600}.btn-primary:hover{opacity:.9;box-shadow:var(--ambient-shadow);transform:translateY(-1px)}.btn-danger{color:var(--danger);background:#ef44441a}.btn-danger:hover{background:#ef444433}.fab-add-event{background:var(--btn-primary-bg);width:3.5rem;height:3.5rem;color:var(--btn-primary-text);z-index:90;cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 4px 15px #0006}.fab-add-event.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-add-event:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #00000080}.fab-add-event:active{transform:translateY(0)scale(.95)}@media (width<=767px){.fab-add-event{bottom:1.5rem;right:1.5rem}}.floating-today-btn{display:none}@media (width<=767px){.floating-today-btn{background:var(--title-gradient);background:var(--btn-primary-bg);width:3.5rem;height:3.5rem;color:var(--btn-primary-text);z-index:90;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:1.5rem;box-shadow:0 4px 15px #0006}.floating-today-btn:active{transform:scale(.92)}}[data-theme=coquette] .calendar-container{background:var(--card-bg);border:1px solid var(--ghost-border);box-shadow:var(--ambient-shadow);-webkit-backdrop-filter:var(--card-backdrop,none);border-radius:20px;padding:1.5rem}@media (width<=767px){[data-theme=coquette] .calendar-container{padding:1rem}}.layout-3-section{flex-direction:column;gap:2rem;display:flex}@media (width>=1024px){.layout-3-section{grid-template-columns:340px 1fr;grid-template-areas:"calendar today""calendar timeline";align-items:flex-start;gap:2rem 4rem;display:grid}.section-calendar-grid{grid-area:calendar;position:sticky;top:2rem}.section-today-focus{grid-area:today}.section-timeline{grid-area:timeline}}.today-focus{background:var(--card-bg);border:1px solid var(--ghost-border);box-shadow:var(--ambient-shadow);-webkit-backdrop-filter:var(--card-backdrop,none);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.today-header-large{align-items:center;gap:1.5rem;display:flex}.today-number{background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:4.5rem;font-weight:700;line-height:1}.today-text{flex-direction:column;display:flex}.today-day{color:var(--text-primary);font-size:1.5rem;font-weight:600}.today-month{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.today-events{flex-direction:column;gap:.75rem;display:flex}.large-event{background:#ffffff05;border-radius:12px;padding:1rem 1.25rem}.large-event .event-title{margin-bottom:.5rem;font-size:1.125rem}.no-events-today{color:var(--text-tertiary);padding:1rem 0;font-style:italic}.timeline-header{color:var(--text-secondary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.upcoming-days-scroll{overflow-anchor:none;-webkit-overflow-scrolling:touch;flex-direction:column;gap:1rem;min-height:400px;max-height:calc(100vh - 350px);padding-right:.5rem;display:flex;overflow-y:auto}@media (width<=767px){.upcoming-days-scroll{min-height:300px;max-height:60vh}}.upcoming-days-scroll::-webkit-scrollbar{width:6px}.upcoming-days-scroll::-webkit-scrollbar-track{background:0 0}.upcoming-days-scroll::-webkit-scrollbar-thumb{background:#c8c8c833;border-radius:4px}.upcoming-days-scroll::-webkit-scrollbar-thumb:hover{background:#c8c8c866}