@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");.calendar-page-new{min-height:100vh;background:#3f2519;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden;padding-top:70px;margin-top:-70px}.calendar-layout{display:flex;height:calc(100vh - 90px);position:relative;z-index:2;margin:0 40px 20px;gap:20px}.calendar-sidebar-new{width:280px;display:flex;flex-direction:column;gap:20px;overflow-y:visible}.user-info-section{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:0}.user-info-header{gap:.75rem}.user-avatar,.user-info-header{display:flex;align-items:center}.user-avatar{width:42px;height:42px;background:#e8e8e8;border-radius:50%;justify-content:center;font-size:1.125rem;font-weight:600;color:#666;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .125rem;line-height:1.2}.user-role-input{font-size:.875rem;color:#666;border:none;background:transparent;outline:none;width:100%;padding:0;margin:0;font-family:inherit;line-height:1.4}.user-role-input::-moz-placeholder{color:#999;font-style:italic}.user-role-input::placeholder{color:#999;font-style:italic}.user-role-input:focus{color:#1a1a1a}.user-role-input:hover:not(:focus):not(:disabled){background:rgba(0,0,0,.02);border-radius:3px;padding:2px 4px;margin:-2px -4px}.user-role-input:disabled{color:#999;cursor:not-allowed}.user-role-wrapper{position:relative;display:flex;align-items:center}.saving-indicator{position:absolute;right:0;font-size:.7rem;color:#666;font-style:italic;animation:fadeInOut 1s ease-in-out}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:.6}}.upcoming-event-section{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:0}.upcoming-event-section h4{font-size:.875rem;font-weight:500;color:#1a1a1a;margin:0 0 1rem}.event-card-simple{background:#f8f8f8;padding:1rem;border-radius:8px;display:flex;gap:.75rem;align-items:center;cursor:pointer;transition:all .2s ease;border:1px solid #e5e5e5}.event-card-simple:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.event-emoji{font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px}.event-info{min-width:0}.event-name{font-size:.875rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-due{font-size:.75rem;color:#666;font-weight:400}.event-card{display:none}.no-upcoming-events{background:#f5f5f5;padding:1.5rem;border-radius:8px}.no-upcoming-events p{color:#666;font-size:.875rem;margin:0}.mini-calendar{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:0}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mini-calendar-header h4{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0}.mini-calendar-nav{display:flex;gap:.5rem}.mini-calendar-nav button{width:32px;height:32px;border:none;background:#fff;color:#1a1a1a;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1;padding:0 0 4px}.mini-calendar-nav button:hover{background:#f8f8f8;color:#000}.mini-calendar-grid{font-size:.75rem}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem}.mini-weekday{text-align:center;color:#999;font-weight:500;padding:.25rem}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease;color:#333;position:relative}.mini-day:not(.empty):hover{background:#f0f0f0}.mini-day.selected{background:#333;color:#fff;font-weight:600}.mini-day.empty{cursor:default}.mini-day.high-task-day{background:#fee2e2;border:1px solid #fecaca}.mini-day.high-task-day:hover{background:#fecaca}.mini-day.high-task-day.selected{background:#dc2626;color:#fff;border:1px solid #b91c1c}.mini-day.high-task-day.selected .mini-day-dot{background:#fff}.mini-day-dots{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:flex;gap:2px;align-items:center;justify-content:center}.mini-day-dot{width:4px;height:4px;background:#ff812d;border-radius:50%}.mini-day.selected .mini-day-dot{background:#fff}.question-section{background:#f5f5f5;padding:1rem;border-radius:8px;margin-bottom:2rem}.question-time{font-size:.75rem;color:#666;margin:0 0 .5rem}.question-text{font-size:.875rem;color:#333;margin:0 0 1rem}.question-actions{display:flex;gap:.5rem}.question-actions button{padding:.375rem .75rem;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-yes{background:#333!important;color:#fff;border-color:#333!important}.question-actions button:hover{border-color:#333}.time-breakdown-section{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:0;min-height:250px;max-height:290px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:20}.time-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.time-breakdown-header h4{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0}.dropdown-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:.75rem}.time-breakdown-bars{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.5rem;flex:1;min-height:0}.time-breakdown-bars::-webkit-scrollbar{width:4px}.time-breakdown-bars::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.time-breakdown-bars::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.time-breakdown-bars::-webkit-scrollbar-thumb:hover{background:#999}.breakdown-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem}.breakdown-label{font-size:.8rem;color:#000;display:flex;align-items:center;gap:.5rem}.breakdown-label,.card-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-name-text{flex:1;min-width:0}.breakdown-label:before{display:none}.breakdown-bar{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;grid-column:1/span 2}.breakdown-fill{height:100%;border-radius:3px;transition:width .3s ease}.task-count{grid-column:3}.add-event-btn-inline{width:40px;height:40px;border-radius:8px;background:#3f2519;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:auto;box-shadow:0 2px 6px rgba(63,37,25,.2)}.add-event-btn-inline:hover{background:#5a3a29;transform:scale(1.05);box-shadow:0 4px 12px rgba(63,37,25,.3)}.add-event-btn-inline .plus-icon{font-size:1.5rem;font-weight:300;line-height:.8;transform:translateY(-2px)}.calendar-main-new{flex:1;background:#fff;padding:2rem;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.calendar-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eef0f2}.header-left{flex:1}.header-center{flex:1;display:flex;justify-content:center}.header-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.calendar-header-section h2{font-size:1.7rem;font-weight:500;color:#1a1a1a;margin:0}.view-tabs{display:flex;background:#f5f5f5;padding:4px;border-radius:8px;gap:4px}.view-tab{padding:.375rem 2rem;border:none;background:none;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative;border-radius:6px}.view-tab:hover{color:#000}.view-tab.active{background:#fff;color:#1a1a1a;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.1)}.view-tab.active:after{display:none}.nav-arrow{width:32px;height:32px;border:none;background:#fff;color:#1a1a1a;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);line-height:1;padding:0 0 4px}.nav-arrow:hover{background:#f8f8f8;color:#000}.today-btn{padding:.5rem 2rem;border:none;background:#fff;color:#1a1a1a;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.today-btn:hover{background:#f8f8f8}.calendar-grid-new{display:flex;gap:1rem;overflow-y:auto;flex:1;padding-bottom:1rem}.time-column-new{width:60px;flex-shrink:0}.gmt-label{height:35px;display:flex;align-items:flex-start;padding-top:.25rem;font-size:.75rem;color:#1a1a1a;font-weight:500;padding-left:.25rem}.time-slot-header{height:50px;border-bottom:1px solid #f0f0f0}.time-slot-spacer{height:0}.time-slot-new{min-height:80px;display:flex;align-items:flex-start;font-size:.75rem;color:#1a1a1a;padding-top:0;padding-left:.25rem;position:relative;top:-.5rem}.days-grid-new{flex:1;min-width:0}.day-headers-new{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1px;margin-left:0;height:auto;padding:2px 0 6px;border-bottom:1px solid #eef0f2}.day-header-new{background:#f5f5f5;padding:.2rem 1rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:all .2s ease;border-radius:8px;border:1px solid transparent;min-height:32px}.day-header-new>div:first-child{display:flex;align-items:center;gap:.5rem}.day-header-new.selected{box-shadow:0 2px 8px rgba(0,0,0,.08)}.day-header-new.selected,.day-header-new.today{background:#fff;border:1px solid #1a1a1a}.day-header-new.today:not(.selected){background:#f5f5f5;border:1px solid transparent}.day-header-new.active{background:#1a1a1a;border-radius:8px}.day-header-new.active .day-name,.day-header-new.active .day-number{color:#fff}.day-number{font-size:1rem;line-height:1}.day-name,.day-number{font-weight:500;color:#1a1a1a}.day-name{font-size:.8rem;text-transform:uppercase}.day-columns{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:100%;overflow-y:auto}.day-column{background:#fff;min-height:100%;position:relative}.day-column.today{background:#fffbf5}.tasks-container{min-height:calc(100vh - 300px)}.tasks-container,.time-grid-new,.time-row-new{position:relative}.time-row-new{display:grid;grid-template-columns:repeat(7,1fr);gap:0;height:80px;margin-bottom:0}.time-cell-new{background:#fff;position:relative;cursor:pointer;transition:all .2s ease;padding:0;box-sizing:border-box}.time-cell-new.today{background:#fffbf5}.calendar-event-new{font-weight:500;transition:all .2s ease}.calendar-event-new:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.header-task-calendar{border-radius:6px;transition:all .2s ease;box-sizing:border-box}.header-task-calendar:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:.95}.header-tasks{width:100%;display:flex;flex-direction:column;gap:2px}.header-task{position:relative;display:flex;align-items:center;width:100%;min-height:20px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-new.interval-task{position:absolute!important;z-index:1;margin-bottom:0!important;display:flex;flex-direction:column;overflow:hidden;white-space:normal;word-wrap:break-word}.interval-task:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:10}@media (max-width:1024px){.calendar-sidebar-new{width:240px}.calendar-layout{margin:15px 25px;gap:15px;height:calc(100vh - 85px)}}@media (max-width:768px){.calendar-layout{flex-direction:column;margin:10px 15px;height:auto;min-height:calc(100vh - 90px);gap:15px}.calendar-sidebar-new{width:100%;gap:15px}.mini-calendar,.time-breakdown-section,.upcoming-event-section,.user-info-section{padding:1rem}.calendar-main-new{padding:1rem;border-radius:20px}.calendar-controls-new{flex-direction:column;gap:1rem}}.calendar-main-new::-webkit-scrollbar,.calendar-sidebar-new::-webkit-scrollbar{width:6px}.calendar-main-new::-webkit-scrollbar-track,.calendar-sidebar-new::-webkit-scrollbar-track{background:#f1f1f1}.calendar-main-new::-webkit-scrollbar-thumb,.calendar-sidebar-new::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.calendar-main-new::-webkit-scrollbar-thumb:hover,.calendar-sidebar-new::-webkit-scrollbar-thumb:hover{background:#999}.day-view{width:100%}.single-day-grid{flex:1;min-width:0}.single-day-header{display:flex;justify-content:center;padding:2px 0 6px;border-bottom:1px solid #eef0f2;margin-bottom:1px}.day-header-single{background:#f5f5f5;padding:.5rem 2rem;border-radius:8px;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.day-header-single.today{background:#fff;border:1px solid #1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.08)}.day-date-full{font-size:1rem;font-weight:500;color:#1a1a1a;text-transform:uppercase}.day-number-large{font-size:1.5rem;font-weight:600;color:#1a1a1a;line-height:1}.time-row-single{height:80px;margin-bottom:0;position:relative}.single-day-cell{width:100%;height:100%;background:#fff;position:relative;transition:all .2s ease;border-bottom:1px solid #eef0f2;box-sizing:border-box}.current-time-indicator{position:absolute;top:0;left:0;right:0;height:2px;background:#ea4335;z-index:10}.current-time-indicator:before{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;background:#ea4335;border-radius:50%}.month-view-grid{display:flex;flex-direction:column;height:100%;overflow-y:auto}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#eef0f2;padding:1rem 0;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eef0f2}.month-weekday{text-align:center;font-size:.875rem;font-weight:500;color:#1a1a1a;text-transform:uppercase}.month-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#eef0f2;flex:1}.month-day{background:#fff;min-height:120px;padding:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.month-day:hover:not(.empty){background:#f8f8f8}.month-day.empty{background:#fafafa;cursor:default}.month-day.today{background:#fff9f0}.month-day.selected{background:#f0f7ff;box-shadow:inset 0 0 0 2px #1a1a1a}.month-day-number{font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.month-day.today .month-day-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#1a1a1a;color:#fff;border-radius:50%}.month-day-tasks{display:flex;flex-direction:column;gap:2px}.month-task{font-size:.75rem;padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;display:flex;gap:4px;align-items:center}.month-task:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:5}.month-task-time{font-weight:500;flex-shrink:0}.month-task-text{overflow:hidden;text-overflow:ellipsis}.month-more-tasks{font-size:.75rem;color:#666;margin-top:2px;cursor:pointer}.month-more-tasks:hover{color:#1a1a1a;text-decoration:underline}@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.ml-2{margin-left:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.border{border-width:1px}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{overflow-x:hidden;height:auto!important;min-height:100%}body,html{overflow-y:auto!important}body{margin:0;padding:0}#root{min-height:100vh}#root,.card-detail-page{height:auto!important;overflow:visible!important}.card-title-wrapper{display:flex;align-items:flex-start;gap:.5rem;min-height:4.5rem}.card-emoji{flex-shrink:0;line-height:2.25rem}.card-name{flex:1;line-height:2.25rem;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;hyphens:none}@media (max-width:640px){.card-title-wrapper{font-size:1.5rem;min-height:3.5rem}.card-emoji,.card-name{line-height:1.75rem}}.navbar.navbar-space{background:radial-gradient(circle at center,#67819a 0,#5b7191 1%,#304261 2%,#1a243e 5%,#141c30 10%,#101628 18%,#0b0f1c 30%,#080911 50%,#030509 75%,#020408 100%)!important;position:relative;overflow:hidden}.navbar.navbar-calendar{background:#3f2519!important;position:relative;overflow:visible!important;border-bottom:none!important;box-shadow:none!important;isolation:isolate;z-index:10}.navbar.navbar-calendar .profile-dropdown-container{z-index:10000}.navbar.navbar-calendar .profile-dropdown{z-index:10001}.navbar.navbar-calendar .navbar-container{position:relative;z-index:10}.navbar.navbar-calendar .navbar-logo{color:#fff!important}.navbar.navbar-calendar .nav-link{color:hsla(0,0%,100%,.9)!important}.navbar.navbar-calendar .nav-link.active,.navbar.navbar-calendar .nav-link:hover,.navbar.navbar-calendar .profile-name{color:#fff!important}.navbar.navbar-calendar .auth-buttons .signin-btn{color:#fff!important;border-color:hsla(0,0%,100%,.3)!important}.navbar.navbar-calendar .auth-buttons .signin-btn:hover{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.5)!important}.navbar.navbar-calendar .auth-buttons .signup-btn{background:#fff!important;color:#2d2b8b!important}.navbar.navbar-calendar .auth-buttons .signup-btn:hover{background:hsla(0,0%,100%,.9)!important}.auth-loading{display:flex;align-items:center;justify-content:center}.navbar-actions{min-height:48px;transition:opacity .2s ease}.profile-btn-skeleton{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:rgba(0,0,0,.03);border-radius:8px;animation:skeleton-loading 1.5s infinite}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.1)}.skeleton-name{width:60px;height:16px;border-radius:4px;background:rgba(0,0,0,.1)}@keyframes skeleton-loading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.navbar-calendar .profile-btn-skeleton{background:hsla(0,0%,100%,.1)}.navbar-calendar .skeleton-avatar,.navbar-calendar .skeleton-name{background:hsla(0,0%,100%,.2)}.navbar.navbar-space:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent),radial-gradient(1px 1px at 200px 60px,#fff,transparent),radial-gradient(2px 2px at 240px 20px,#fff,transparent),radial-gradient(1px 1px at 280px 50px,#fff,transparent),radial-gradient(1px 1px at 320px 30px,#fff,transparent),radial-gradient(2px 2px at 360px 70px,#fff,transparent),radial-gradient(1px 1px at 400px 40px,#fff,transparent),radial-gradient(2px 2px at 440px 80px,#fff,transparent),radial-gradient(1px 1px at 480px 20px,#fff,transparent),radial-gradient(1px 1px at 520px 60px,#fff,transparent),radial-gradient(2px 2px at 560px 35px,#fff,transparent),radial-gradient(1px 1px at 600px 75px,#fff,transparent),radial-gradient(1px 1px at 640px 25px,#fff,transparent),radial-gradient(2px 2px at 680px 55px,#fff,transparent),radial-gradient(1px 1px at 720px 40px,#fff,transparent),radial-gradient(1px 1px at 760px 70px,#fff,transparent),radial-gradient(2px 2px at 800px 30px,#fff,transparent),radial-gradient(1px 1px at 840px 60px,#fff,transparent),radial-gradient(1px 1px at 880px 45px,#fff,transparent),radial-gradient(2px 2px at 920px 80px,#fff,transparent),radial-gradient(1px 1px at 960px 25px,#fff,transparent),radial-gradient(1px 1px at 1000px 65px,#fff,transparent),radial-gradient(2px 2px at 1040px 35px,#fff,transparent),radial-gradient(1px 1px at 1080px 75px,#fff,transparent),radial-gradient(1px 1px at 1120px 15px,#fff,transparent),radial-gradient(2px 2px at 1160px 55px,#fff,transparent),radial-gradient(1px 1px at 1200px 40px,#fff,transparent),radial-gradient(1px 1px at 1240px 70px,#fff,transparent),radial-gradient(2px 2px at 1280px 20px,#fff,transparent),radial-gradient(1px 1px at 1320px 50px,#fff,transparent),radial-gradient(1px 1px at 1360px 30px,#fff,transparent),radial-gradient(2px 2px at 1400px 65px,#fff,transparent);background-repeat:repeat;background-size:400px 100px;opacity:.4;animation:starfield 20s linear infinite;pointer-events:none;z-index:1}@keyframes starfield{0%{transform:translateX(0)}to{transform:translateX(-400px)}}.navbar.navbar-space .navbar-container{position:relative;z-index:2}.navbar.navbar-space{background:#080a12!important;border-bottom:none!important;box-shadow:none!important}.navbar.navbar-space .navbar-container{border:none!important}.navbar.navbar-space:before{animation:none!important}.navbar.navbar-space .profile-container{background:#020408!important}.navbar.navbar-space .navbar-container{background:linear-gradient(90deg,#080a12 70%,#020408)!important}.navbar{background-color:#ffe9cf}.navbar-container{display:flex;padding:.75rem 3rem;max-width:100%;position:relative}.nav-links{position:absolute;left:50%;transform:translateX(-50%);backdrop-filter:blur(8px);z-index:11}.nav-indicator{position:absolute;top:.5rem;height:calc(100% - 1rem);background-color:#003049;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.nav-link{position:relative;z-index:1;padding:.625rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:500;color:#000!important;text-decoration:none;transition:color .2s ease}.nav-link.active,.nav-links .nav-link.active{color:#fff!important;font-weight:600}.flex-1{flex-grow:1}.profile-dropdown{right:0;top:3rem;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;padding:.5rem 0;min-width:12rem;z-index:50}.profile-info{border-bottom:1px solid #f3f4f6}.profile-name{font-weight:600;color:#270f03;font-size:.875rem;margin:0}.profile-email{color:#6b7280;font-size:.75rem;margin:0}.dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.logout{border:none;background:transparent;width:100%;text-align:left;cursor:pointer}.dropdown-overlay{right:0;bottom:0;background-color:transparent;z-index:40}.floating-add-btn{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-add-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px rgba(102,126,234,.5)}.floating-add-btn:active{transform:translateY(0) scale(.98)}.floating-add-btn svg{width:24px;height:24px}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.floating-add-btn:not(:hover){animation:subtle-bounce 3s ease-in-out infinite}@media (max-width:768px){.floating-add-btn{bottom:1.5rem;right:1.5rem;width:48px;height:48px}.floating-add-btn svg{width:20px;height:20px}}@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");:root{--primary:#270f03;--secondary:#ffe9cf;--white:#fff;--green:#10cd00;--background:#ffe9cf}.dashboard-container,body,html{scroll-behavior:auto}body{-webkit-overflow-scrolling:touch}@supports (overscroll-behavior:contain){body{overscroll-behavior-y:contain}}.flip-item-wrapper,.hero-section{will-change:transform;transition:transform .3s cubic-bezier(.23,1,.32,1)}.flip-item-wrapper{transform:translateZ(0);backface-visibility:hidden;transform-style:preserve-3d}.flip-list-w{perspective:1000px}.flip-item,.flip-list-w{transform-style:preserve-3d}.flip-item{backface-visibility:hidden}.cards-grid{min-height:100vh;overflow:visible!important}.cards-grid,.flip-item-wrapper{position:relative}body{min-height:100vh;height:auto!important;position:relative}.dashboard-content,.dashboard-wrapper,.main-content{height:auto!important;min-height:100vh;overflow:visible!important}body,html{background-color:var(--background);height:auto!important;width:100%;overflow-y:auto!important;padding:0 0 3rem}.floating-add-btn{width:80px;height:80px;background-color:#270f03!important;color:#fff!important;border:none;box-shadow:0 8px 20px rgba(39,15,3,.3);transition:all .3s ease;z-index:1000}.floating-add-btn:hover{box-shadow:0 12px 28px rgba(39,15,3,.4);background-color:rgba(39,15,3,.85)!important}.floating-add-btn:active{transform:scale(.95)}.floating-add-icon{font-size:2rem;font-weight:300;line-height:1}.flip-btn-w{display:flex;gap:.5rem;background-color:var(--primary);padding:.25rem;border-radius:.5rem}.btn.flip-switch-btn{color:var(--white);padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;background:transparent;transition:all .2s}.btn.flip-switch-btn:hover{background-color:hsla(0,0%,100%,.1)}.btn.flip-switch-btn.current{background-color:hsla(0,0%,100%,.2)}.hero-section{color:var(--primary);display:flex;flex-flow:column;justify-content:center;align-items:center;min-height:85vh;padding:2rem 1rem;position:relative;overflow:hidden;pointer-events:none}.hero-section *{pointer-events:auto}.hero-text-container{z-index:2;position:relative;text-align:center}.font-c.hero-text{text-align:center;color:var(--primary);font-weight:700;letter-spacing:-.01em;font-family:Anton,Impact,Arial Black,Arial,sans-serif;font-size:clamp(3rem,14vw,10rem);font-weight:400;line-height:.95em;text-transform:uppercase}.hero-title-line{display:block}.main-he-span{display:inline-block;overflow:hidden;vertical-align:top}.toggle-w-container{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:3;width:clamp(10rem,25vw,18rem);height:clamp(5rem,12.5vw,10rem)}.scribbles-svg{z-index:2;pointer-events:none;color:var(--white);width:310%;position:absolute;top:-130%;left:-100%}.toggle-w-container .toggle-html-input{position:absolute;width:100%;height:100%;cursor:pointer;margin:0}.toggle-w-container .toggle-slider{cursor:pointer;background-color:var(--secondary);border:.55rem solid var(--secondary);border-radius:10rem;padding:.5rem;display:flex;position:absolute;inset:0;box-shadow:inset 2px 2px 4px rgba(0,0,0,.25)}.toggle-w-container .toggle-ball{aspect-ratio:1;pointer-events:none;background-color:#3875f9;border:.4rem solid #3875f9;border-radius:100%;width:100%;max-width:8rem;height:auto;transition:transform .3s ease-out,background-color .3s,border-color .3s;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.toggle-html-input input:checked+.toggle-slider .toggle-ball{transform:translateX(calc(100% - 1rem));background-color:var(--green);border-color:var(--green)}.toggle-slider-shadow{background-color:var(--primary);opacity:.7;filter:blur(2px);border-radius:5rem;position:absolute;inset:0;transform:translateY(15%);z-index:-1}.hero-par-container{position:relative;z-index:2;margin-top:8rem}.par-base{text-align:center;font-size:1.2rem;overflow:hidden;max-width:45ch;color:var(--primary);line-height:1.2;margin:0 auto;font-family:Lora,Playfair Display,Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif;font-weight:400}.hero-alt-layer{position:absolute;inset:-10% 0;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:1rem;pointer-events:none;visibility:hidden;overflow:visible;z-index:1}.hero-stripe-w{display:flex;font-family:Anton,Arial,sans-serif;font-size:clamp(4rem,15vw,15vw);line-height:1.1em;width:120%;justify-content:space-around;padding:0 2rem}.hero-stripe{display:flex;align-items:center;gap:2rem;background-color:var(--primary);color:var(--secondary);flex:none;padding:.4rem 1rem;white-space:nowrap;border-radius:.5rem}.hero-stripe-text{text-transform:uppercase}.comp-container{position:relative;z-index:5;max-width:1400px;margin:0 auto 4rem;padding:0 2rem;display:flex;overflow:visible;contain:layout;min-height:calc(100vh - 200px)}.comp-container,.flip-list-w{width:100%;justify-content:center}.flip-list-w{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.75rem;list-style:none;padding:0;margin:0;max-width:1300px;align-items:start;grid-auto-rows:min-content!important}.flip-list-w.cards-1{grid-template-columns:1fr minmax(350px,400px) 1fr;justify-items:center}.flip-list-w.cards-1 .flip-item-wrapper{grid-column:2;width:100%}.flip-list-w.cards-2{grid-template-columns:1fr minmax(350px,400px) minmax(350px,400px) 1fr;justify-items:center;-moz-column-gap:.8rem;column-gap:.8rem}.flip-list-w.cards-2 .flip-item-wrapper:first-child{grid-column:2;width:100%}.flip-list-w.cards-2 .flip-item-wrapper:nth-child(2){grid-column:3;width:100%}.flip-list-w.list{display:flex;flex-direction:column;align-items:center;gap:.75rem!important;width:100%;max-width:800px;margin:0 auto}.flip-list-w.list .flip-item-wrapper{margin:0 0 .75rem!important}.flip-list-w.list .flip-item-wrapper:last-child{margin-bottom:0!important}.flip-item-wrapper{cursor:pointer;list-style-type:none;margin:0!important;padding:0!important;justify-content:center;align-items:start;height:-moz-fit-content!important;height:fit-content!important;max-height:240px!important}.flip-item,.flip-item-wrapper{box-sizing:border-box;display:flex}.flip-item{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:240px;overflow:visible;border-radius:1rem;padding:1.5rem;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.flip-list-w.list .flip-item{width:500px;height:220px;padding:1.2rem 1.5rem}.flip-list-w.list .font-c{max-width:20ch;line-height:1.2em}.flip-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.item-num{background-color:rgba(36,40,31,.1);border-radius:.2rem;padding:.2rem .4rem;font-size:.75rem;line-height:1em;font-weight:500}.font-c{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-family:Anton,Impact,Arial Black,Arial,sans-serif;font-weight:400;font-size:2.2rem;line-height:1em;max-width:12ch;color:#270f03;word-break:break-word;overflow-wrap:break-word}.flip-list-w.list .font-c{font-size:2rem}.abs-emoji{display:flex;justify-content:center;align-items:center;height:88%;font-size:8rem!important;position:absolute;right:.5rem;top:4.5rem;bottom:auto;left:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));opacity:.9;pointer-events:none;z-index:5}.flip-list-w.list .abs-emoji{font-size:5.4rem;right:1.5rem}.navbar{width:100%;padding:1rem 0;background-color:var(--secondary);display:flex;justify-content:center;position:relative;z-index:9999}.navbar-container{width:100%;max-width:1800px;margin:0 auto;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;padding-right:.5rem;padding-left:1.6rem;justify-content:space-between}.logo-container{display:flex;align-items:center;margin-right:auto}.logo-link{font-size:1.5rem;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .2s;font-family:Lora,Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif}.logo-link:hover{opacity:.8}.nav-links{display:flex;gap:.25rem;align-items:center;background-color:#f8f9fa;padding:.5rem 1.5rem;border-radius:50px;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #d1d5db;position:relative}.navbar .nav-links .nav-link{padding:.625rem 1.5rem;border-radius:50px;font-weight:500!important;font-size:1rem;color:#000!important;text-decoration:none;transition:color .2s;font-family:Helvetica,Helvetica Neue,Arial,sans-serif!important;position:relative;z-index:1}.navbar .nav-links .nav-link.active{color:#fff!important;font-weight:600}.profile-container{margin-left:auto;margin-right:1rem}.profile-button{background:#270f03;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:box-shadow .2s;box-shadow:0 2px 8px rgba(39,15,3,.08)}.profile-button:focus{outline:2px solid #ff812d}.profile-icon{width:1.5rem;height:1.5rem}.profile-dropdown{position:absolute;top:60px;right:2rem;min-width:200px;background:#fff;border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:2000;padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.dropdown-item{padding:.75rem 1rem;color:#270f03;text-decoration:none;border-radius:.5rem;background:none;border:none;text-align:left;font-size:1.2rem;cursor:pointer;transition:background .15s,color .15s;font-family:Lora,Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif;font-weight:400}.dropdown-item:focus,.dropdown-item:hover{background:#ffecd2;color:#ff812d}.profile-info{padding:.5rem 1rem;border-bottom:1px solid #f5f5f5;margin-bottom:.5rem;font-family:Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif;font-weight:400}.navbar-logo{font-size:1.5rem;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity .2s;font-family:Lora,Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;gap:.5rem}.navbar-logo-image{height:24px;width:auto;-o-object-fit:contain;object-fit:contain;border-radius:4px}.navbar-logo:hover{opacity:.8}.navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.profile-dropdown-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#270f03;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px rgba(39,15,3,.1)}.profile-btn:hover{background:#ff812d;box-shadow:0 4px 12px rgba(255,129,45,.3)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:#270f03;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.login-btn{padding:.625rem 1.5rem;background:#270f03;color:#fff;text-decoration:none;border-radius:50px;font-weight:500;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(39,15,3,.1)}.login-btn:hover{background:#ff812d;box-shadow:0 4px 12px rgba(255,129,45,.3)}.auth-buttons{display:flex;gap:.75rem}.signin-btn,.signup-btn{padding:.5rem 1.25rem;text-decoration:none;border-radius:50px;font-weight:500;font-size:.95rem;transition:all .2s ease}.signup-btn{background:#3f2519;color:#fff;box-shadow:0 2px 8px rgba(63,37,25,.2)}.signup-btn:hover{background:#5a3a29;box-shadow:0 4px 12px rgba(63,37,25,.3)}.signin-btn{background:transparent;color:#270f03;border:2px solid #270f03}.signin-btn:hover{background:#270f03;color:#fff}.profile-name{color:#fff}.profile-email,.profile-name{font-weight:400;font-family:Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif}.profile-email{font-size:.9rem;color:#888}.dropdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.dashboard-page-container{position:relative;min-height:100vh;padding-bottom:8rem;background-color:var(--secondary)}.modal-overlay{background-color:rgba(0,0,0,.4);z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1);max-height:85vh;height:auto;overflow-x:hidden}.modal-content,.modal-content *{box-sizing:border-box}.anonymous-notice{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:12px;padding:12px 16px;margin-bottom:1.5rem}.anonymous-notice p{margin:0;color:#92400e;font-size:.875rem;font-weight:500;line-height:1.4}.anonymous-notice p,.modal-title{font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary)}.form-label{margin-bottom:.5rem;font-size:.875rem}.form-input,.form-label{font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.form-input{max-width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.375rem;margin-bottom:1rem;font-size:1rem;box-sizing:border-box}.form-input:focus{border-color:var(--primary)}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;overflow:hidden}.color-picker,.picker-container{margin-bottom:1.5rem}.picker-scroll-wrapper{border-radius:8px}.picker-scroll-content{gap:.75rem;padding:8px 2rem 8px .5rem;min-width:-moz-fit-content;min-width:fit-content}.picker-nav-btn{background:hsla(0,0%,100%,.9);border:1px solid rgba(39,15,3,.2);font-size:14px;font-weight:700;color:#270f03;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.picker-nav-btn:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.picker-nav-btn:active{transform:translateY(-50%) scale(.95)}.picker-nav-btn.prev{left:-18px}.picker-nav-btn.next{right:-6px}.picker-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%) scale(1)}.picker-scroll-content .color-option{flex-shrink:0;width:40px;height:40px;border-radius:50%}.picker-scroll-content .image-option{flex-shrink:0;width:80px;height:45px;border-radius:8px}.picker-scroll-content>:last-child{margin-right:.5rem}.picker-scroll-content .emoji-option{flex-shrink:0;width:80px;height:45px;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:.25rem}.picker-scroll-content .emoji-option img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.25rem}.picker-scroll-content{scroll-behavior:smooth}.picker-scroll-wrapper{scrollbar-width:none;-ms-overflow-style:none}.picker-scroll-wrapper::-webkit-scrollbar{display:none}.emoji-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;max-width:100%;overflow:hidden}.emoji-option{width:3rem;height:3rem;border-radius:.5rem;border:2px solid transparent;background:#f8f9fa;padding:.25rem}.emoji-option img{width:100%;height:100%;border-radius:.25rem}.emoji-option:hover{border-color:rgba(39,15,3,.3)}.emoji-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(39,15,3,.2);background:rgba(39,15,3,.05)}.color-option{width:2rem;height:2rem;border:2px solid transparent}.color-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(39,15,3,.2)}.modal-actions{justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn-primary{background-color:#270f03!important;color:#fff!important;padding:.75rem 1.5rem;border-radius:.375rem;border:none!important;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.btn-primary:hover{background-color:rgba(39,15,3,.85)!important}.btn-secondary{color:#666!important;padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#f9fafb!important;border-radius:.375rem;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.btn-secondary:hover{background-color:#e5e7eb!important;border-color:#9ca3af}.modal-content .btn-primary{background:#270f03!important;color:#fff!important;border:none!important;opacity:1!important;visibility:visible!important;display:inline-block!important}.modal-content .btn-primary:hover{background:rgba(39,15,3,.85)!important}.modal-content .btn-secondary{background:#f9fafb!important;color:#666!important;border:1px solid #d1d5db!important}.modal-content .btn-secondary:hover{background:#e5e7eb!important;border-color:#9ca3af!important}.card-menu-container{isolation:isolate}.three-dot-btn{border:none;border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .2s ease;backdrop-filter:blur(10px);min-width:24px;min-height:24px;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flip-item[style*="#00c5c5"] .three-dot-btn,.flip-item[style*="#7ae66a"] .three-dot-btn,.flip-item[style*="#ca9dfe"] .three-dot-btn,.flip-item[style*="#f5c939"] .three-dot-btn,.flip-item[style*="#f897b4"] .three-dot-btn,.flip-item[style*="#ff812d"] .three-dot-btn,.three-dot-btn{background:hsla(0,0%,100%,.2)}.flip-item[style*=background-images] .three-dot-btn{background:rgba(0,0,0,.3)}div[style*="#00c5c5"] .three-dot-btn,div[style*="#7ae66a"] .three-dot-btn,div[style*="#ca9dfe"] .three-dot-btn,div[style*="#f5c939"] .three-dot-btn,div[style*="#f897b4"] .three-dot-btn,div[style*="#ff812d"] .three-dot-btn{background:hsla(0,0%,100%,.2)}.three-dot-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.three-dot-btn:active{transform:scale(.95)}.three-dot-item{width:3px;height:3px;background-color:#270f03;border-radius:50%;display:block}.menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:#270f03;font-size:14px;font-weight:500;transition:background-color .2s ease;z-index:10001;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.menu-item:hover{background-color:#f5f5f5}.menu-item:first-child{border-bottom:1px solid #e5e5e5}.menu-item:last-child:hover{background-color:#fee2e2;color:#dc2626}.delete-modal{text-align:center}.delete-confirm-text{color:#4b5563;margin-bottom:1.5rem;line-height:1.5;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.btn-danger{background-color:#dc2626!important}.btn-danger:hover{background-color:#b91c1c!important}.bg-type-btn{border:none;background:transparent;color:#270f03;font-weight:500;padding:.5rem 1.5rem;border-radius:2rem;cursor:pointer;transition:background .2s,color .2s;font-size:1rem;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.bg-type-btn.active{background:#270f03;color:#fff}.bg-type-btn:not(.active):hover{background:rgba(39,15,3,.1)}@media (max-width:1400px){.flip-list-w{grid-template-columns:repeat(3,1fr);-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.75rem;max-width:1100px}.flip-item{height:220px}.flip-list-w.list .flip-item{width:450px;height:200px}.flip-list-w.list .font-c{max-width:18ch}}@media (max-width:1200px){.flip-list-w{grid-template-columns:repeat(2,1fr);-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.75rem;max-width:800px}.flip-item{height:200px}.flip-list-w.list .flip-item{width:400px;height:180px}.flip-list-w.list .font-c{max-width:16ch}}@media (max-width:768px){.flip-list-w{grid-template-columns:1fr;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.75rem;max-width:400px}.flip-item{height:180px}.flip-list-w.list .flip-item{width:350px;height:160px}.comp-container{padding:0 1rem}.floating-add-btn{bottom:1.5rem;right:1.5rem;width:70px;height:70px}.floating-add-icon{font-size:1.75rem}}@media (max-width:480px){.flip-item{height:160px;padding:1rem}.flip-list-w.list .flip-item{width:300px;height:140px;padding:1rem}.font-c{font-size:2rem}.abs-emoji{font-size:4.2rem}}.background-type-toggle{background:#f8f5f1;border-radius:2rem;padding:.25rem;margin-bottom:1rem;gap:.25rem}.background-type-toggle .toggle-btn{border:none;background:transparent;color:#270f03;font-weight:500;padding:.5rem 1.5rem;border-radius:2rem;cursor:pointer;transition:background .2s,color .2s;font-size:1rem;font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.flip-list-w .flip-item-wrapper{filter:brightness(1)!important;box-shadow:none!important}.flip-list-w .flip-item-wrapper .flip-item{filter:brightness(1) drop-shadow(0 0 0 transparent)!important;box-shadow:none!important}.flip-list-w .flip-item-wrapper:not(.flip-item-wrapper:first-child) .flip-item{filter:brightness(1)!important;box-shadow:none!important}.flip-list-w .flip-item-wrapper *{filter:brightness(1)!important}.flip-list-w [data-flip-id]{filter:brightness(1) drop-shadow(0 0 0 transparent)!important}.modal-overlay .modal-content,.modal-overlay .modal-content h2,.modal-overlay .modal-content p{font-family:Helvetica,Helvetica Neue,Arial,sans-serif!important}.modal-overlay .modal-content p{color:#666;line-height:1.5}.modal-overlay .modal-content a,.modal-overlay .modal-content button{font-family:Helvetica,Helvetica Neue,Arial,sans-serif!important;text-align:center;display:inline-block;min-width:120px}.modal-content .color-option{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;flex-shrink:0;display:inline-block;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.modal-content .color-option:hover{transform:scale(1.1);border-color:rgba(39,15,3,.3)}.modal-content .color-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(39,15,3,.2)}.picker-scroll-content{display:flex!important;gap:.75rem!important;align-items:center}.picker-nav-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid rgba(39,15,3,.2)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}.picker-nav-btn:hover{background:#f5f5f5!important;transform:translateY(-50%) scale(1.05)}.picker-scroll-wrapper:has(.image-option){overflow-x:visible;overflow-y:hidden}.modal-content .emoji-option,.modal-content .image-option{width:80px!important;min-width:80px!important;height:45px!important}.image-option{background-size:cover!important;background-position:50%!important;border:2px solid transparent;transition:all .2s ease}.image-option:hover{border-color:rgba(39,15,3,.3)}.image-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(39,15,3,.2)}.image-option.selected:before{background:rgba(39,15,3,.2);opacity:1}.card-menu-container{position:relative;z-index:50}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rounded-xl.shadow-md{overflow:visible!important;position:relative;isolation:isolate}.three-dot-btn:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:-1}.card-menu{pointer-events:auto!important;isolation:isolate}.menu-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}body>.card-menu{z-index:10000!important}.flip-item,.flip-item-wrapper{isolation:isolate;overflow:visible!important}.flip-item{position:relative}.three-dot-btn{z-index:10}.card-menu-container{position:relative!important;z-index:1000!important}.card-grid,.cards-grid,.rounded-xl{overflow:visible!important}.rounded-xl,.three-dot-btn{position:relative}.three-dot-btn{isolation:isolate;z-index:100}.menu-item{position:relative;z-index:10000;cursor:pointer!important;pointer-events:auto!important}.flip-item-wrapper[style*=scale] .flip-item,.flip-item-wrapper[style*=transform] .flip-item,.flip-item:not(:hover):not(:focus){filter:brightness(1)!important;box-shadow:none!important}.flip-item-wrapper[data-flip-id]{filter:none!important}.flip-item-wrapper[data-flip-id] .flip-item{filter:brightness(1)!important;box-shadow:none!important}.modal-actions{padding-left:10px!important}.card-checkbox{position:absolute;bottom:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.6);background-color:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.card-checkbox:hover{border-color:hsla(0,0%,100%,.9);background-color:hsla(0,0%,100%,.1);transform:scale(1.1)}.card-checkbox.checked{background-color:#10cd00;border-color:#10cd00}.card-checkbox.checked:hover{background-color:#0eb500;border-color:#0eb500}.flip-item,.rounded-xl.shadow-md{position:relative}.check-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:50;border-radius:1rem;transition:opacity .3s ease}.check-overlay.active{opacity:1}.big-checkmark{transform:scale(0);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.check-overlay.active .big-checkmark{transform:scale(1)}.big-checkmark-path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s ease .2s}.check-overlay.active .big-checkmark-path{stroke-dashoffset:0}.check-overlay.active~*{opacity:.3;transition:opacity .3s ease}.flip-item.completed{opacity:.6;filter:grayscale(80%);transition:opacity .5s ease,filter .5s ease,transform .5s ease;transform:scale(.98)}.flip-item.completed:hover{opacity:.7;filter:grayscale(60%);transform:scale(1)}.flip-item.completed .card-checkbox{opacity:1;filter:none}.flip-item.completed .font-c{opacity:.7}.flip-item.completed .abs-emoji{opacity:.5}.flip-item.completed .item-num{opacity:.6}@import url("https://fonts.googleapis.com/css?family=Helvetica:400,700&display=swap");.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ffe9cf!important;padding:.5rem 2rem 2rem}.auth-btn,.auth-container,.auth-error,.auth-form,.auth-input,.auth-logo-text,.auth-panel,.auth-subtext,.auth-title,.forgot-password,.panel-btn,.panel-content,.panel-desc,.panel-title,.social-icon{font-family:Helvetica,Arial,sans-serif!important}.auth-container{width:1200px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:auto;transition:box-shadow .3s}.auth-container,.auth-form-container{min-height:650px;background:#fff;border-radius:20px;display:flex;position:relative}.auth-form-container{flex:1 1 50%;min-width:0;align-items:center;justify-content:center;z-index:2;transition:transform .5s cubic-bezier(.77,0,.18,1);margin:20px 10px 20px 20px;overflow:hidden}.auth-form{height:100%;flex-direction:column;padding:2rem 3.5rem;background:#fff;z-index:2;box-sizing:border-box}.auth-form,.auth-logo-row{width:100%;display:flex;align-items:center;justify-content:center}.auth-logo-row{gap:.7rem;margin-bottom:1.2rem;margin-left:0}.auth-logo{width:32px;height:32px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.auth-logo-text{font-size:2rem;font-weight:700;background:#163520;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.auth-subtext.left,.auth-title.left,.forgot-password.left,.social-icons.left{text-align:left;width:100%;margin-left:0}.auth-title.left{margin-bottom:1.5rem;margin-top:.5rem;font-size:2rem;font-weight:700;color:#2d3748;text-align:center;width:100%}.social-icons.left{justify-content:center;margin-bottom:1.2rem;width:100%}.auth-subtext.left{margin-bottom:1.2rem;color:#888;font-size:1rem}.auth-input-row{display:flex;align-items:center;width:100%;max-width:350px;padding-left:1rem;margin:0 auto 1rem;background:#fff;border-radius:8px;border:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08)}.auth-input-row:focus-within{outline:none;border-color:#163520;box-shadow:0 2px 8px rgba(22,53,32,.15),0 1px 3px rgba(22,53,32,.1)}.input-icon{color:#9ca3af;font-size:1.1rem;margin-right:.7rem}.auth-input.with-icon{border:none;background:transparent;box-shadow:none;padding:1rem 1.2rem 1rem 0;margin-bottom:0;width:100%;font-size:1rem;color:#374151}.auth-input.with-icon::-moz-placeholder{color:#9ca3af}.auth-input.with-icon::placeholder{color:#9ca3af}.auth-input.with-icon:focus{outline:none}.forgot-password{color:#667eea;font-size:.9rem;text-decoration:none;cursor:pointer;display:block;transition:color .3s}.forgot-password:hover{color:#764ba2;text-decoration:underline}.forgot-password.left{text-align:center;margin-bottom:1.2rem;width:100%}.auth-btn{width:100%;max-width:350px;padding:1.1rem 0;background:#163520;color:#fff;border:none;border-radius:30px;font-size:1.15rem;font-weight:600;letter-spacing:.03em;cursor:pointer;margin-top:1.2rem;margin-bottom:.5rem;transition:all .3s ease;box-shadow:0 4px 16px rgba(22,53,32,.4)}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,53,32,.5)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-title{font-size:2.2rem;font-weight:700;color:#000;margin-bottom:1.5rem;text-align:center}.social-icons{gap:1.2rem;margin-bottom:1.2rem}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{width:44px;height:44px;border-radius:50%;border:2px solid #e0e0e0;align-items:center;color:#666;font-size:1.2rem;background:#fff;cursor:pointer;transition:all .3s ease}.social-icon:hover{border-color:#667eea;color:#667eea;transform:scale(1.1)}.auth-subtext{color:#888;font-size:.95rem;margin-bottom:1.2rem;display:block;text-align:center}.auth-input{width:100%;max-width:350px;padding:1rem 1.2rem;margin:0 auto 1.1rem;border:none;border-radius:8px;background:#fff;font-size:1rem;color:#374151;outline:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08)}.auth-input:focus{outline:none;border-color:#163520;box-shadow:0 2px 8px rgba(22,53,32,.15),0 1px 3px rgba(22,53,32,.1)}.auth-input::-moz-placeholder{color:#9ca3af}.auth-input::placeholder{color:#9ca3af}.auth-error{color:#e74c3c;background:#fff0f0;border-radius:6px;padding:.5rem 1rem;margin-bottom:1rem;font-size:.98rem;text-align:center}.auth-panel{flex:1 1 50%;background:#163520;color:#fff;position:relative;z-index:10;transition:transform .5s cubic-bezier(.77,0,.18,1);min-height:650px;margin:20px 20px 20px 10px;border-radius:20px}.auth-panel,.panel-content{display:flex;align-items:center;justify-content:center}.panel-content{width:100%;max-width:450px;text-align:center;padding:2rem;flex-direction:column;height:100%}.panel-title{font-size:2.1rem;font-weight:700;margin-bottom:1.2rem;color:#fff}.panel-desc{font-size:1.1rem;margin-bottom:2.2rem;color:#e0f7f4;line-height:1.5;max-width:350px}.panel-btn{padding:.9rem 2.5rem;border:2px solid #fff;background:transparent;color:#fff;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.panel-btn:hover{background:#fff;color:#003049}@media (max-width:900px){.auth-container{flex-direction:column-reverse;width:98vw;min-height:700px;margin:2rem auto}.auth-form-container,.auth-panel{flex:1 1 100%;min-width:0;width:100%;min-height:320px;max-width:100vw;border-radius:0}.auth-form{position:static;width:100%}.auth-form,.panel-content{padding:2vh 1rem 2rem}}.auth-form .auth-btn,.auth-form .auth-input-row,.auth-form .auth-input.with-icon,.auth-form .forgot-password.left{max-width:380px;width:100%;margin-left:auto;margin-right:auto}.auth-form .auth-input-row{margin-bottom:1.1rem}.auth-form .auth-btn{margin-top:1.2rem;margin-bottom:.5rem}.auth-form .auth-subtext.left{width:100%}.auth-form .auth-subtext.left,.auth-form .forgot-password.left{text-align:center!important;margin-left:auto!important;margin-right:auto!important;display:block}.auth-form .forgot-password.left{margin-bottom:1.2rem}.auth-form .auth-btn,.auth-form .auth-input{max-width:350px;width:100%;margin-left:auto;margin-right:auto}.success-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.success-checkmark{width:100px;height:100px;margin-bottom:1.5rem}.checkmark-svg{width:100%;height:100%;stroke-width:2}.checkmark-circle{stroke:#10b981;stroke-dasharray:166;stroke-dashoffset:166;animation:checkmark-circle .6s ease-in-out forwards}.checkmark-check{stroke:#10b981;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark-check .3s ease-in-out .8s forwards}@keyframes checkmark-circle{to{stroke-dashoffset:0}}@keyframes checkmark-check{to{stroke-dashoffset:0}}.success-message{font-size:24px;font-weight:600;color:#1f2937;text-align:center;margin:0;opacity:0;animation:fade-in .4s ease-in-out 1s forwards}@keyframes fade-in{to{opacity:1}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");.enhanced-calendar{min-height:calc(100vh - 4rem);background:#ffe9cf;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:1.5rem}.calendar-container{max-width:100%;margin:0 0 0 1rem;display:flex;gap:1.5rem;padding-right:1rem}.calendar-sidebar{width:280px;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.5rem;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.sidebar-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.upcoming-events{display:flex;flex-direction:column;gap:.75rem}.upcoming-event{padding:.75rem;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.upcoming-event:hover{background:#f3f4f6;border-color:#e5e7eb}.upcoming-event-date{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.upcoming-event-details{display:flex;flex-direction:column;gap:.25rem}.upcoming-event-title{font-size:.875rem;font-weight:500;color:#1f2937}.upcoming-event-card{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.upcoming-event-emoji{font-size:1rem}.no-upcoming-events{text-align:center;color:#9ca3af;font-size:.875rem;padding:2rem 1rem}.event-details{border-top:1px solid #e5e7eb;padding-top:1.5rem}.event-detail-card{background:#f9fafb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.event-detail-header{display:flex;gap:.75rem;align-items:start}.event-detail-emoji{font-size:2rem}.event-detail-title{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.event-detail-card-name{font-size:.75rem;color:#6b7280}.event-detail-date{font-size:.813rem;color:#6b7280}.event-detail-status{font-size:.75rem;padding:.25rem .75rem;border-radius:100px;width:-moz-fit-content;width:fit-content}.event-detail-status.completed{background:#d1fae5;color:#065f46}.add-event-btn{width:100%;padding:.75rem;background:#003049;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:auto}.add-event-btn:hover{background:#002038}.calendar-main{flex:1;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;min-width:0;display:flex;flex-direction:column}.calendar-header-enhanced{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;position:relative;background:#fafcfe}.calendar-title-enhanced{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0}.calendar-controls-enhanced{display:flex;align-items:center;gap:0}.view-selector-enhanced{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;position:absolute;left:50%;transform:translateX(-50%)}.view-selector-enhanced button{background:none;border:none;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer;border-radius:6px;transition:all .2s;min-width:80px}.view-selector-enhanced button.active{background:#fff;color:#1f2937;box-shadow:0 1px 2px rgba(0,0,0,.05)}.navigation-controls-enhanced{display:flex;align-items:center;gap:.75rem}.nav-btn-enhanced{width:2.25rem;height:2.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#1f2937}.nav-btn-enhanced:hover{background:#f3f4f6;border-color:#d1d5db}.today-btn-enhanced{background:#fff;color:#1f2937;border:1px solid #e5e7eb;padding:.5rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.today-btn-enhanced:hover{background:#f3f4f6;border-color:#d1d5db}.calendar-week-grid{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px;width:100%;overflow:hidden}.calendar-grid-header{display:flex;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5e7eb}.day-headers{flex:1;display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid #e5e7eb;min-width:0;width:100%}.day-header-enhanced{padding:1rem;text-align:center;border-right:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.day-header-enhanced:hover{background:#f9fafb}.day-header-enhanced.selected{background:#eff6ff}.day-number-enhanced{display:block;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.day-name-enhanced{display:block;font-size:.75rem;font-weight:500;color:#6b7280}.calendar-grid-body{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;width:100%;min-width:0}.time-column{background:#fafbfc}.time-column,.time-header-spacer{width:80px;border-right:1px solid #e5e7eb;flex-shrink:0}.time-header-spacer{height:auto;padding:1rem 0;display:flex;align-items:center;justify-content:center}.timezone-display{font-weight:500;text-align:center}.time-slot,.timezone-display{font-size:.75rem;color:#6b7280}.time-slot{height:80px;padding:.5rem;text-align:right;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;justify-content:flex-end}.days-grid{flex:1;min-width:0;width:100%}.days-grid,.hour-rows{display:flex;flex-direction:column}.hour-row{display:grid;grid-template-columns:repeat(7,1fr);height:80px;border-bottom:1px solid #f3f4f6;width:100%;min-width:0}.hour-cell{border-right:1px solid #f3f4f6;position:relative;padding:2px}.calendar-event{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.calendar-event:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);border-color:rgba(0,0,0,.1)}.event-content{display:flex;justify-content:space-between;align-items:flex-start;height:100%}.event-info{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.event-text{font-size:.813rem;font-weight:500;color:#1f2937}.event-card-name,.event-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card-name{font-size:.75rem;color:#6b7280}.event-avatar{font-size:1.5rem;flex-shrink:0;margin-left:.5rem}@media (max-width:1024px){.calendar-sidebar{display:none}.calendar-container{margin:0;padding:0}}@media (max-width:768px){.view-selector-enhanced{position:static;transform:none;margin:0 auto}.calendar-header-enhanced{flex-direction:column;gap:1rem;padding:1rem}.calendar-title-enhanced{font-size:1.5rem}.day-number-enhanced{font-size:1rem}.time-slot{font-size:.625rem}}.calendar-grid-body::-webkit-scrollbar{width:8px}.calendar-grid-body::-webkit-scrollbar-track{background:#f3f4f6}.calendar-grid-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.calendar-grid-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calendar-sidebar::-webkit-scrollbar{width:6px}.calendar-sidebar::-webkit-scrollbar-track{background:transparent}.calendar-sidebar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.calendar-sidebar::-webkit-scrollbar-thumb:hover{background:#d1d5db}body,html{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh}.card-detail-page-new{min-height:100vh;background:#ffe9cf;display:flex;flex-direction:column}.card-detail-banner{height:200px;position:relative;background-size:cover;background-position:50%}.back-button,.card-detail-banner{display:flex;align-items:center;justify-content:center}.back-button{position:absolute;left:1.5rem;top:30%;transform:translateY(-50%);background:rgba(0,0,0,.2);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.back-button:hover{background:rgba(0,0,0,.3);transform:translateY(-50%) scale(1.05)}.back-button svg{color:#fff}.emoji-circle{width:150px;height:150px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-75px;left:90px}.emoji-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.emoji-text{font-size:5rem}.card-title-banner{position:absolute;bottom:-110px;left:120px;color:#3f2519;font-size:2rem;font-weight:700;text-align:left;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.card-detail-content-new{flex:1;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);min-height:400px;margin:140px 6rem 1.5rem}.content-wrapper{padding:1.5rem}.task-input-form{margin:.5rem 0 0}.task-input-wrapper{background:#f9f9f9;border-radius:8px;padding:1rem 1rem 1rem .5rem;display:flex;align-items:center;gap:.5rem;width:100%;min-height:48px}.task-input{flex:1;background:none;font-size:1rem;color:#333;padding:.25rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}.task-input::-moz-placeholder{color:#999}.task-input::placeholder{color:#999}.tasks-list{display:flex;flex-direction:column;gap:.5rem}.card-detail-page-new .task-item{display:flex;align-items:center;gap:.5rem!important;padding:1rem 1rem 1rem .5rem!important;background:#f9f9f9;border-radius:8px;transition:all .2s ease;position:relative;min-height:48px}.card-detail-page-new .task-item:hover{background:#f5f5f5}.card-detail-page-new .task-item.completed{opacity:.7}.card-detail-page-new .task-item.completed .task-text{text-decoration:line-through;color:#999}.task-checkbox-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.task-checkbox{opacity:0}.task-checkbox-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.task-item .task-checkbox-custom{border-color:#000}.task-checkbox:checked~.task-checkbox-custom{background:#10cd00;border-color:#10cd00}.task-checkbox:checked~.task-checkbox-custom:after{content:"\2713";color:#fff;font-size:14px;font-weight:700}.task-text{flex:1;font-size:1rem;color:#333;cursor:pointer;padding:.25rem 0;line-height:1.4;word-break:break-word}.task-text:hover{color:#000}.card-detail-page-new .task-edit-form{flex:1;display:flex;align-items:center}.card-detail-page-new .task-edit-input{width:100%;background:transparent;border:none;border-radius:4px;padding:.25rem 0;font-size:1rem;line-height:1.4;outline:none;font-family:inherit;color:#333;word-break:break-word}.card-detail-page-new .task-edit-input:focus{outline:none}.task-delete-btn{background:none;color:#999;padding:.25rem;margin-left:-.125rem}.task-delete-btn:hover{color:#f44}.task-item-actions{display:flex;gap:.25rem;align-items:center}.task-calendar-btn{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:1.75rem}.task-item:hover .task-calendar-btn{opacity:1}.task-calendar-btn:hover{color:#ff812d}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#ffe9cf}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#270f03;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.task-input-actions{display:flex;gap:.25rem;align-items:center;opacity:0;transition:all .2s ease}.task-input-wrapper:focus-within .task-input-actions,.task-input-wrapper:hover .task-input-actions{opacity:1}.calendar-btn{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:-.125rem}.calendar-btn:hover{color:#ff812d}.date-picker-container{position:fixed;top:auto;right:auto;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:visible;max-height:90vh}.date-time-picker{width:280px;padding:.75rem;max-width:90vw;background:#fff}.date-time-picker,.date-time-picker *{box-sizing:border-box}.picker-header{justify-content:space-between;margin-bottom:.5rem;padding:0}.month-nav-btn,.picker-header{display:flex;align-items:center}.month-nav-btn{background:none;border:none;color:#4c3e3e;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s ease;width:28px;height:28px;justify-content:center}.month-nav-btn:hover{background:#f5f5f5}.month-year{font-weight:600;color:#333;font-size:.875rem}.weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px;margin-bottom:.25rem;grid-auto-rows:24px}.weekday{font-size:.7rem;font-weight:500;color:#999;padding:.25rem 0;height:24px;display:flex;align-items:center;justify-content:center;width:100%}.calendar-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px;margin-bottom:.75rem;grid-auto-rows:28px}.calendar-day{height:28px;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:.75rem;color:#333;transition:all .2s ease;box-sizing:border-box}.calendar-day:not(.empty):hover{background:#f5f5f5}.calendar-day.empty{cursor:default}.calendar-day.today{font-weight:600;color:#ff812d}.calendar-day.selected{background:#4c3e3e;color:#fff}.calendar-day.selected:hover{background:#333}.time-section{margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid #e5e5e5}.time-label{display:block;font-size:.8rem;font-weight:500;color:#999;margin-bottom:.375rem}.time-mode-selector{display:flex;gap:.25rem;margin-bottom:.5rem}.time-mode-btn{flex:1;padding:.375rem;border:1px solid #e5e5e5;background:#fff;border-radius:4px;font-size:.75rem;color:#666;cursor:pointer;transition:all .2s ease}.time-mode-btn:hover{background:#f5f5f5}.time-mode-btn.active{background:#4c3e3e;color:#fff;border-color:#4c3e3e}.time-interval-inputs{display:flex;align-items:center;gap:.5rem}.time-separator{font-size:.75rem;color:#999;font-weight:500}.time-input{width:100%;padding:.375rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.8rem;color:#333;outline:none;transition:border-color .2s ease}.time-input:focus{border-color:#999}.time-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.picker-error{color:#f44;font-size:.75rem;text-align:center;margin:.5rem 0;font-weight:500}.picker-actions{display:flex;gap:.5rem;justify-content:flex-end}.picker-btn{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.picker-btn.cancel{background:none;color:#999}.picker-btn.cancel:hover{background:#f5f5f5}.picker-btn.confirm{background:#4c3e3e;color:#fff}.picker-btn.confirm:hover{background:#333}.task-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.task-date-tag{display:flex;align-items:center;background:#f0f0f0;border-radius:12px;padding:.25rem .5rem;gap:.375rem;margin-right:1.75rem;opacity:1;transition:all .2s ease}.task-date-tag:hover{background:#e8e8e8}.task-date-tag.overdue,.task-date-tag.today{background:#ffebee}.task-date-tag.overdue:hover,.task-date-tag.today:hover{background:#ffcdd2}.task-date-tag.overdue .task-date-tag-text,.task-date-tag.today .task-date-tag-text{color:#c62828}.task-date-tag.tomorrow{background:#fff3e0}.task-date-tag.tomorrow:hover{background:#ffe0b2}.task-date-tag.tomorrow .task-date-tag-text{color:#e65100}.task-date-tag.future{background:#e8f5e9}.task-date-tag.future:hover{background:#c8e6c9}.task-date-tag.future .task-date-tag-text{color:#2e7d32}.task-date-tag-text{font-size:.75rem;color:#666;font-weight:500;white-space:nowrap}.task-date-tag-remove{background:none;border:none;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:-.25rem}.task-date-tag-remove:hover{color:#666}.task-date-tag-remove svg{width:12px;height:12px}@media (max-width:768px){.card-detail-banner{height:100px}.emoji-circle{width:70px;height:70px;bottom:-35px}.emoji-image{width:50px;height:50px}.emoji-text{font-size:2rem}.card-detail-content-new{margin:50px 1rem 1rem}.content-wrapper{padding:1.5rem}.back-button{left:1rem;width:36px;height:36px}.date-picker-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto}.date-time-picker{width:260px}}.time-dropdown{box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1001}.date-picker-container,.date-trigger{position:relative}.date-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.date-trigger:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.date-trigger .calendar-icon{color:#000;transition:color .2s ease}.date-trigger:hover .calendar-icon{color:#fff}.date-display{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;transition:all .2s ease;animation:slideIn .3s ease;white-space:nowrap}.date-display.today{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 2px 8px rgba(251,191,36,.3)}.date-display.overdue{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3)}.date-display:not(.today):not(.overdue){background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 2px 8px rgba(96,165,250,.3)}.date-text{font-size:12px;letter-spacing:.02em}.date-remove{background:hsla(0,0%,100%,.3);border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;margin:-2px -4px -2px 0}.date-remove:hover{background:hsla(0,0%,100%,.5);transform:scale(1.1)}.calendar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:16px;min-width:300px;z-index:1000;animation:popIn .2s ease;border:1px solid rgba(0,0,0,.05)}@keyframes popIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.current-month{font-size:16px;font-weight:600;color:#1a202c;text-align:center;flex:1}.month-nav{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#4a5568}.month-nav:hover{background:#f7fafc;color:#1a202c;transform:scale(1.1)}.month-nav:active{transform:scale(.95)}.calendar-grid{margin-bottom:12px;display:flex;flex-direction:column;width:100%}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;width:100%}.weekday{text-align:center;font-size:12px;font-weight:600;color:#718096;padding:4px;text-transform:uppercase;letter-spacing:.05em}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s ease;color:#2d3748;position:relative;font-weight:500}.day:not(.empty):not(.disabled):hover{background:linear-gradient(135deg,#e0e7ff,#cfdbff);transform:scale(1.1);font-weight:600}.day.empty{cursor:default}.day.disabled{color:#cbd5e0;cursor:not-allowed;opacity:.5}.day.today{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600;box-shadow:0 2px 8px rgba(251,191,36,.2)}.day.today:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);transform:scale(1.15)}.day.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(102,126,234,.3)}.day.selected:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(102,126,234,.4)}.calendar-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e2e8f0}.quick-select{flex:1;padding:8px 12px;border:none;background:#f7fafc;border-radius:8px;font-size:13px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease}.quick-select:hover{background:linear-gradient(135deg,#e0e7ff,#cfdbff);color:#5b21b6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(139,92,246,.2)}.quick-select:active{transform:translateY(0)}@media (max-width:640px){.calendar-dropdown{min-width:280px;padding:12px}.day{font-size:13px}}@media (prefers-color-scheme:dark){.calendar-dropdown{background:#1a202c;border-color:#2d3748;box-shadow:0 10px 40px rgba(0,0,0,.5)}.current-month{color:#f7fafc}.weekday{color:#a0aec0}.day{color:#e2e8f0}.day:not(.empty):not(.disabled):hover{background:linear-gradient(135deg,#4c1d95,#5b21b6)}.month-nav{color:#a0aec0}.month-nav:hover{background:#2d3748;color:#f7fafc}.quick-select{background:#2d3748;color:#a0aec0}.quick-select:hover{background:linear-gradient(135deg,#4c1d95,#5b21b6);color:#f7fafc}.calendar-footer{border-top-color:#4a5568}}@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");body,html{height:100%}.solar-system-container,body,html{margin:0;padding:0;overflow:hidden}.solar-system-container{background:radial-gradient(circle at center,#67819a 0,#5b7191 1%,#304261 2%,#1a243e 5%,#141c30 10%,#101628 18%,#0b0f1c 30%,#080911 50%,#030509 75%,#020408 100%);display:flex;justify-content:center;align-items:center;min-height:100vh;height:100vh;font-family:Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;position:fixed;top:0;left:0;width:100vw}.solar-system-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0,rgba(3,6,12,.6) 20%,rgba(3,6,12,.85) 50%,rgba(3,6,12,.95));pointer-events:none;z-index:1}.container{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center;z-index:2}.star{position:absolute;background:#fff;border-radius:50%}.star-small{width:1px;height:1px;opacity:.4}.star-medium{width:2px;height:2px;opacity:.6}.star-large{width:3px;height:3px;opacity:.8}.star-bright{width:2px;height:2px;opacity:1;box-shadow:0 0 3px #fff;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.planets-container{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;z-index:2}.intersection-sphere.orbit-bottom-left,.intersection-sphere.orbit-bottom-right,.intersection-sphere:nth-child(n+5){display:none!important}.planet-wrapper{position:absolute;flex-direction:column;cursor:pointer}.planet-wrapper,.sphere{transition:all .8s ease-in-out;display:flex;align-items:center}.sphere{border-radius:50%;position:relative;justify-content:center}.planet-wrapper.center .sphere.main{box-shadow:0 -40px 80px 15px rgba(50,68,101,.3),0 -32px 65px 12px rgba(50,68,101,.25),0 -25px 50px 10px rgba(50,68,101,.2),0 -30px 60px 12px rgba(210,215,220,.15),0 -22px 45px 10px rgba(200,210,220,.2),0 -15px 30px 8px rgba(190,200,210,.25),0 -10px 20px 5px rgba(205,215,225,.3),0 -6px 12px 3px rgba(215,220,230,.35),0 -4px 8px 1px rgba(225,230,235,.4),inset -15px -15px 30px rgba(0,0,0,.3),inset 15px 15px 30px hsla(0,0%,100%,.1)}.planet-wrapper.center .sphere.main,.sphere.main{width:280px;height:280px;overflow:hidden;z-index:10;opacity:1}.sphere.main{box-shadow:inset -15px -15px 30px rgba(0,0,0,.3),inset 15px 15px 30px hsla(0,0%,100%,.1)}.sphere.side{transition:all .8s ease-in-out;z-index:10}.planet-wrapper.left-1 .sphere,.planet-wrapper.left-2 .sphere,.planet-wrapper.left-3 .sphere,.planet-wrapper.right-1 .sphere,.planet-wrapper.right-2 .sphere,.planet-wrapper.right-3 .sphere,.planet-wrapper:not(.center) .sphere,.sphere.side{box-shadow:inset -8px -8px 15px rgba(0,0,0,.4),inset 8px 8px 15px hsla(0,0%,100%,.1)!important}.planet-wrapper.left-1 .sphere.side,.planet-wrapper.right-1 .sphere.side{width:80px;height:80px}.planet-wrapper.left-2 .sphere.side,.planet-wrapper.right-2 .sphere.side{width:60px;height:60px}.planet-wrapper.left-3 .sphere.side,.planet-wrapper.right-3 .sphere.side{width:45px;height:45px}.planet-content{position:relative;z-index:10;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.planet-icon{font-size:3rem;margin-bottom:.5rem}.planet-wrapper.left-1 .planet-icon,.planet-wrapper.right-1 .planet-icon{font-size:1.5rem;margin-bottom:0}.planet-wrapper.left-2 .planet-icon,.planet-wrapper.right-2 .planet-icon{font-size:1rem;margin-bottom:0}.planet-wrapper.left-3 .planet-icon,.planet-wrapper.right-3 .planet-icon{font-size:.8rem;margin-bottom:0}.planet-name{font-size:1.2rem;font-weight:600}.planet-cost,.planet-name{margin-bottom:.25rem;font-family:Lora,serif}.planet-cost{font-size:1rem;opacity:.9}.planet-days{font-size:.9rem;opacity:.8;font-family:Lora,serif}.progress-indicator{inset:-5px;opacity:.7;pointer-events:none}.orbit,.progress-indicator{position:absolute;border-radius:50%}.orbit{top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .8s ease-in-out;overflow:hidden}.planet-wrapper.center .orbit{opacity:1}.orbit1{width:380px;height:380px}.orbit2{width:530px;height:530px}.orbit:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);box-sizing:border-box;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.orbit1:before{border:1.8px dashed hsla(0,0%,100%,.4)}.orbit2:before{border-color:hsla(0,0%,100%,.08)}.orbit:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid hsla(0,0%,100%,.005);box-sizing:border-box;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.orbit1:after{border:1.8px dashed hsla(0,0%,100%,.005)}.orbit2:after{border-color:hsla(0,0%,100%,.003)}.orbit-dot{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px hsla(0,0%,100%,.8);opacity:0;transition:opacity .8s ease-in-out}.planet-wrapper.center .orbit-dot{opacity:1}.planet-wrapper.center .orbit1 .orbit-dot{animation:orbitDotArc 10s ease-in-out infinite}@keyframes orbitDotArc{0%{transform:translate(-50%,-50%) rotate(180deg) translateX(190px)}50%{transform:translate(-50%,-50%) rotate(1turn) translateX(190px)}to{transform:translate(-50%,-50%) rotate(180deg) translateX(190px)}}.small-ring{position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);top:50%;left:50%;transform:translate(-50%,-50%);display:block!important;visibility:visible!important;transition:all .8s ease-in-out;background:#03060c}.planet-wrapper.center .small-ring{display:none!important}.planet-wrapper.left-1 .small-ring,.planet-wrapper.right-1 .small-ring{width:110px;height:110px}.planet-wrapper.left-2 .small-ring,.planet-wrapper.right-2 .small-ring{width:85px;height:85px;border-color:hsla(0,0%,100%,.12)}.planet-wrapper.left-3 .small-ring,.planet-wrapper.right-3 .small-ring{width:65px;height:65px;border-color:hsla(0,0%,100%,.1)}.cross-lines-container{position:absolute;top:0;left:0;width:100%;height:50%;overflow:hidden;pointer-events:none;z-index:1}.cross-line{position:absolute;top:100%;left:50%;width:1100px;height:1.3px;transform-origin:center}.cross-line:before{content:"";position:absolute;width:100%;height:1.3px;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,.3) 30%,hsla(0,0%,100%,.3) 70%,hsla(0,0%,100%,0) 90%,hsla(0,0%,100%,0))}.cross-line1{transform:translate(-50%) rotate(50deg)}.cross-line2{transform:translate(-50%) rotate(-50deg)}.arrow{position:absolute;width:40px;height:40px;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-size:18px;cursor:pointer;transition:all .3s;background:radial-gradient(circle at center,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.02) 40%,hsla(0,0%,100%,0) 100%);z-index:10;backdrop-filter:blur(2px);font-family:Lora,serif}.arrow-left{left:calc(50% - 210px)}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%);background:radial-gradient(circle at center,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.12) 40%,hsla(0,0%,100%,.04) 60%,hsla(0,0%,100%,0) 100%)}.arrow-right{right:calc(50% - 210px)}.arrow:hover{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7);background:radial-gradient(circle at center,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.27) 20%,hsla(0,0%,100%,.16) 40%,hsla(0,0%,100%,.06) 60%,hsla(0,0%,100%,0) 100%)}.arrow:hover~.planets-container .sphere,.planets-container:has(~.arrow:hover) .sphere{transform:none!important;filter:none!important}.planet-wrapper.center .sphere.main{transform-style:preserve-3d!important;backface-visibility:hidden!important}.horizon-line{position:absolute;width:100%;height:1px;background:transparent;border-top:1px dotted hsla(0,0%,100%,.1);top:50%;transform:translateY(-50%);z-index:1}.label{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);color:#fff;font-size:42px;font-weight:200;letter-spacing:3px;opacity:0;transition:opacity .8s ease-in-out;font-family:Lora,serif;white-space:nowrap}.planet-wrapper.center .label{opacity:1}.planet-wrapper.center .label:before{content:"( ";font-weight:100;opacity:.7;display:inline}.planet-wrapper.center .label:after{content:" )";font-weight:100;opacity:.7;display:inline}.description{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;color:hsla(0,0%,100%,.7);font-size:12px;line-height:1.6;width:500px;opacity:0;transition:opacity .8s ease-in-out;font-family:Lora,serif;font-weight:300}.planet-wrapper.center .description{opacity:1}.dots{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.3);transition:background .3s;cursor:pointer}.dot.active{background:hsla(0,0%,100%,.8)}.intersection-sphere{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#2a2b30,#1e1f24,#151619);border-radius:50%;top:50%;transform:translateY(-50%);z-index:6;opacity:0;transition:opacity .8s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 1px 1px 2px hsla(0,0%,100%,.05)}.planet-wrapper.center .intersection-sphere{opacity:.8}.intersection-sphere.left{left:-130px}.intersection-sphere.right{right:-130px}.intersection-sphere.orbit-top-left{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#2a2b30,#1e1f24,#151619);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-130deg) translateX(265px) rotate(130deg);z-index:6;opacity:0;transition:opacity .8s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 1px 1px 2px hsla(0,0%,100%,.05)}.planet-wrapper.center .intersection-sphere.orbit-top-left{opacity:.8}.intersection-sphere.orbit-top-right{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#2a2b30,#1e1f24,#151619);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-50deg) translateX(265px) rotate(50deg);z-index:6;opacity:0;transition:opacity .8s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 1px 1px 2px hsla(0,0%,100%,.05)}.planet-wrapper.center .intersection-sphere.orbit-top-right{opacity:.8}.planet-wrapper.center{z-index:5;transform:translateX(0)}.planet-wrapper.left-3{transform:translateX(-490px);z-index:1}.planet-wrapper.left-2{transform:translateX(-440px);z-index:2}.planet-wrapper.left-1{transform:translateX(-390px);z-index:3}.planet-wrapper.right-1{transform:translateX(390px);z-index:3}.planet-wrapper.right-2{transform:translateX(440px);z-index:2}.planet-wrapper.right-3{transform:translateX(490px);z-index:1}.planet-wrapper.hidden{opacity:0;transform:translateX(-650px)}.planet-wrapper.hidden-right{opacity:0;transform:translateX(650px)}.floating-add-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 40%,hsla(0,0%,100%,0) 100%);color:hsla(0,0%,100%,.8);font-size:20px;cursor:pointer;transition:all .3s;z-index:20;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.floating-add-btn:hover{border-color:hsla(0,0%,100%,.4);background:radial-gradient(circle at center,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.1) 40%,hsla(0,0%,100%,0) 100%);transform:scale(1.1)}.stats{position:fixed;bottom:2rem;left:2rem;display:flex;gap:1rem;z-index:20}.stat-item{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:1rem;text-align:center;color:#fff;min-width:80px}.stat-value{font-size:1.5rem;font-weight:600;font-family:Lora,serif}.stat-label{font-size:.8rem;opacity:.8;margin-top:.25rem;font-family:Lora,serif}.subscription-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.subscription-modal-content{background:radial-gradient(circle at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.1) 40%,hsla(0,0%,100%,.05) 100%);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;color:#fff;font-family:Lora,serif}.subscription-modal-content.large{max-width:800px}.subscription-modal-header{padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between}.subscription-modal-header h2{margin:0;font-size:1.5rem;font-weight:400;font-family:Lora,serif}.modal-close{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:24px;cursor:pointer;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.subscription-modal-body{padding:1.5rem}.subscription-modal-footer{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;justify-content:flex-end}.form-group{margin-bottom:1rem}.form-row{gap:1rem}.form-row .form-group{flex:1}.form-group label{color:hsla(0,0%,100%,.9);font-weight:400;font-family:Lora,serif}.form-group input,.form-group select{width:100%;padding:.75rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-family:Lora,serif;box-sizing:border-box}.form-group input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.form-group input::placeholder{color:hsla(0,0%,100%,.5)}.form-group input:focus,.form-group select:focus{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.15)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s;border:none;font-family:Lora,serif;font-weight:400}.btn-primary{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.btn-primary:hover{background:hsla(0,0%,100%,.3)}.btn-secondary{background:transparent;color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.1)}.detail-section{margin-bottom:2rem}.detail-section h3{margin:0 0 1rem;font-size:1.2rem;color:hsla(0,0%,100%,.9);font-family:Lora,serif;font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{background:hsla(0,0%,100%,.05);padding:1rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.detail-label{display:block;font-size:.9rem;color:hsla(0,0%,100%,.7);margin-bottom:.5rem;font-family:Lora,serif}.detail-value{font-size:1.1rem;font-weight:600;color:#fff;font-family:Lora,serif}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{padding:.75rem 1rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;cursor:pointer;transition:all .3s;font-family:Lora,serif;font-weight:400}.action-btn:hover{background:hsla(0,0%,100%,.2)}.action-btn.cancel-btn:hover{background:hsla(0,100%,70%,.2);border-color:hsla(0,100%,70%,.4)}.action-btn.delete-btn:hover{background:rgba(255,50,50,.2);border-color:rgba(255,50,50,.4)}.empty-state{text-align:center;color:#fff;font-family:Lora,serif;z-index:2;position:relative}.empty-state h1{font-size:3rem;margin-bottom:1rem;font-weight:200;letter-spacing:3px}.empty-state p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.add-btn{padding:1rem 2rem;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s;font-family:Lora,serif;font-weight:400}.add-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}@media (max-width:768px){.planets-container{height:300px}.sphere.main{width:200px;height:200px}.label{font-size:28px;bottom:60px}.description{font-size:10px;width:300px}.arrow-left{left:calc(50% - 150px)}.arrow-right{right:calc(50% - 150px)}.stats{bottom:1rem;left:1rem;gap:.5rem}.stat-item{padding:.75rem;min-width:60px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}}.subscription-solar-system{background:radial-gradient(ellipse at center,#1e1b4b 0,#0f0c29 50%,#000 100%);position:relative;overflow:hidden}.subscription-solar-system:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 40px 70px,hsla(0,0%,100%,.2),transparent),radial-gradient(1px 1px at 90px 40px,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 160px 30px,hsla(0,0%,100%,.2),transparent);background-repeat:repeat;background-size:200px 100px;animation:stars 20s linear infinite;pointer-events:none}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.orbital-ring{border:1px solid hsla(0,0%,100%,.1);animation:rotate 120s linear infinite}.orbital-ring:first-child{animation-duration:60s}.orbital-ring:nth-child(2){animation-duration:90s}.orbital-ring:nth-child(3){animation-duration:120s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscription-circle{transition:all .3s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite}.subscription-circle:hover{transform:scale(1.15) translateZ(0)!important;filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.3))!important;z-index:100}.subscription-circle:nth-child(odd){animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(0)}}.progress-ring{filter:drop-shadow(0 0 5px currentColor)}.central-hub{animation:pulse 4s ease-in-out infinite;box-shadow:0 0 30px rgba(255,165,0,.5)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.subscription-modal{backdrop-filter:blur(10px);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.subscription-stats{backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.subscription-btn{transition:all .3s ease;position:relative;overflow:hidden}.subscription-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.subscription-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.subscription-btn:hover:before{left:100%}.subscription-active{position:relative}.subscription-active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#10b981,#3b82f6,#8b5cf6,#ef4444);border-radius:50%;opacity:.7;animation:glow 3s linear infinite;z-index:-1}@keyframes glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.subscription-cancelled{filter:grayscale(100%) opacity(.5);animation:none}.subscription-cancelled:hover{filter:grayscale(80%) opacity(.7)}.subscription-form-input{transition:all .3s ease;border:2px solid #e5e7eb}.subscription-form-input:focus{border-color:#270f03;box-shadow:0 0 0 3px rgba(39,15,3,.1);transform:translateY(-1px)}.subscription-color-input{cursor:pointer;border-radius:8px;overflow:hidden;transition:all .3s ease}.subscription-color-input:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.subscription-circle:hover .progress-ring{filter:drop-shadow(0 0 10px currentColor)}.subscription-cancelled:hover{filter:grayscale(80%) opacity(.7) drop-shadow(0 0 10px rgba(255,255,255,.2))!important;transform:scale(1.1) translateZ(0)!important}@keyframes subscriptionIntro{0%{opacity:0;transform:scale(0) translateZ(0)}50%{opacity:.8;transform:scale(1.2) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.subscription-circle.new-subscription{animation:subscriptionIntro .8s ease-out}@media (max-width:768px){.central-hub,.orbital-ring,.subscription-circle{transform:scale(.8)}}.subscription-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.custom-placeholder{position:absolute;top:45%;left:0;transform:translateY(-50%);color:#9ca3af;font-size:inherit;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-placeholder strong{font-weight:600;color:#6b7280}.task-input:-moz-placeholder~.custom-placeholder{display:block}.task-input:placeholder-shown~.custom-placeholder{display:block}.task-input:not(:-moz-placeholder)~.custom-placeholder{display:none}.task-input:focus~.custom-placeholder,.task-input:not(:placeholder-shown)~.custom-placeholder{display:none}.task-list-container{width:100%;min-height:200px;overflow:visible}.task-list{display:flex;flex-direction:column;gap:2px;min-height:100px;padding-bottom:20px}.task-item{display:flex;align-items:center;gap:8px;transition:opacity .2s ease;position:relative;padding:8px 120px 8px 16px;min-height:44px}.task-item.focused .task-date-wrapper,.task-item:focus-within .task-date-wrapper,.task-item:hover .task-date-wrapper{opacity:1}.task-item .task-date-wrapper:has(.date-display),.task-item .task-date-wrapper:has(.task-date-display){opacity:1}.task-item .date-display,.task-item .task-date-display{opacity:1!important}.task-item.finished{opacity:.6}.task-item.finished .task-input{text-decoration:line-through;color:#718096}.task-drag-handle{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:none;background:transparent;color:#000;cursor:grab;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:2}.task-item:hover .task-drag-handle{opacity:1}.task-drag-handle:hover{color:#000;transform:translateY(-50%) scale(1.1)}.task-drag-handle:active{cursor:grabbing}.task-drag-handle:focus{outline:2px solid #4299e1;outline-offset:2px;opacity:1}.task-drag-handle svg{width:24px;height:24px}.task-item.dragging{opacity:.4;cursor:grabbing}.task-item.drag-over{border-top:2px solid #4299e1;padding-top:6px}.task-drop-zone-end{height:20px;position:relative;transition:all .2s ease}.task-drop-zone-end.drag-over{height:40px;border-top:2px solid #4299e1}.task-checkbox{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #000;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.task-checkbox:hover{border-color:#000;transform:translateY(-50%) scale(1.1)}.task-checkbox.checked{background:#48bb78;border-color:#48bb78;animation:checkAnimation .3s ease}.task-checkbox.add-button{border-color:#cbd5e0;color:#a0aec0;left:-3px;top:50%;transform:translateY(-50%)}.task-checkbox.add-button:hover{border-color:#718096;color:#4a5568;transform:translateY(-50%) scale(1.1)}.plus-icon{font-size:16px;font-weight:300;line-height:1;display:block;margin-top:-2px}.checkmark{width:12px;height:12px;color:#fff;animation:checkmarkAnimation .3s ease}@keyframes checkAnimation{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkmarkAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.task-input-wrapper{flex:1;position:relative;overflow:hidden;margin-left:0}.task-input{border:none;outline:none;font-size:16px;line-height:1.6;color:#2d3748;background:transparent;font-family:inherit;padding:4px 0;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;min-height:1.6em;resize:none;overflow:hidden;display:block;width:100%}.task-input::-moz-placeholder{color:#a0aec0}.task-input::placeholder{color:#a0aec0}.new-task{opacity:.7;transition:opacity .2s ease;padding-left:48px!important;padding:10px 120px 4px 0;margin-top:-14px}.new-task .task-input-wrapper{padding-left:4px}.new-task .task-input{padding:8px 0 4px}.new-task.focused,.new-task:focus-within,.new-task:hover{opacity:1}.new-task.focused .task-date-wrapper,.new-task:focus-within .task-date-wrapper{opacity:1}.task-checkbox,.task-date-wrapper,.task-drag-handle,.task-input-wrapper{position:relative;z-index:1}.task-checkbox{padding:0;margin:0;font-family:inherit;font-size:inherit}.task-checkbox:focus{outline:2px solid #4299e1;outline-offset:2px}.task-input:focus{color:#1a202c}.task-list-container.loading{opacity:.6;pointer-events:none}.task-delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;opacity:0;transition:all .2s ease;z-index:2}.task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{background:#fee2e2;color:#dc2626;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px rgba(220,38,38,.3)}.task-delete-btn:active{transform:translateY(-50%) scale(.95)}.task-date-wrapper{position:absolute;right:43px;top:50%;transform:translateY(-50%);display:flex;align-items:center;opacity:0;transition:opacity .2s ease;z-index:2;background:#fff;padding-left:12px;border-radius:8px;box-shadow:-8px 0 12px hsla(0,0%,100%,.95)}.task-item:hover .task-date-wrapper{opacity:1}.task-item .task-date-wrapper:has(.date-display){opacity:1}.task-item:focus-within .task-date-wrapper{opacity:1}.task-date-wrapper .date-display{opacity:1!important}.profile-page{min-height:100vh;padding:2rem;background:var(--secondary)}.profile-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.08)}.profile-title{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#270f03;font-family:Lora,Ubuntu,Helvetica,Helvetica Neue,Arial,sans-serif}.profile-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #f0f0f0}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .2s}.tab-btn:hover{color:#270f03}.tab-btn.active{color:#ff812d}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#ff812d}.message{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.95rem}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-content,.settings-content,.subscription-content{padding:1.5rem 0}.profile-form{max-width:500px}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#ff812d}.form-actions{gap:1rem;margin-top:2rem}.btn-cancel,.btn-edit,.btn-save{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-edit,.btn-save{background:#ff812d;color:#fff}.btn-edit:hover,.btn-save:hover{background:#ff6b00}.btn-save:disabled{opacity:.6;cursor:not-allowed}.profile-info{max-width:500px}.info-group{display:flex;padding:1rem 0;border-bottom:1px solid #f0f0f0}.info-group:last-of-type{border-bottom:none}.info-group .label{font-weight:500;color:#666;width:150px}.info-group .value{color:#1a1a1a;font-weight:500}.value-with-edit{display:flex;align-items:center;gap:.5rem}.edit-icon-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-icon-btn:hover{color:#ff812d;background:rgba(255,129,45,.1)}.edit-icon-btn svg{width:16px;height:16px}.inline-edit{display:flex;align-items:center;gap:.5rem;width:100%}.seamless-edit-input{flex:1;padding:0;border:none;background:transparent;font-size:1rem;color:#333;font-family:inherit;font-weight:400;outline:none;min-width:0}.seamless-edit-input:focus{outline:none;border:none;box-shadow:none}.inline-edit-input{flex:1;padding:.5rem;border:2px solid #ff812d;border-radius:.25rem;font-size:1rem;color:#333;background:#fff;outline:none}.inline-edit-input:focus{border-color:#e6661f;box-shadow:0 0 0 3px rgba(255,129,45,.1)}.inline-edit-actions{display:flex;gap:.25rem}.cancel-btn,.save-btn{width:28px;height:28px;border:none;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.save-btn{background:#10b981;color:#fff}.save-btn:hover:not(:disabled){background:#059669}.cancel-btn{background:#ef4444;color:#fff}.cancel-btn:hover:not(:disabled){background:#dc2626}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-actions{margin-top:2rem;display:flex;gap:1rem}.current-plan{background:#f8f9fa;padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.current-plan h2{font-size:1.25rem;margin-bottom:1rem;color:#333}.plan-info{display:flex;align-items:center;gap:1rem}.plan-info .plan-name{font-size:1.5rem;font-weight:600;color:#270f03}.plan-info .plan-status{padding:.25rem .75rem;background:#d4edda;color:#155724;border-radius:20px;font-size:.875rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.pricing-card{background:#fff;border:2px solid #e0e0e0;border-radius:1rem;padding:2rem;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.pricing-card.featured{border-color:#ff812d;box-shadow:0 4px 16px rgba(255,129,45,.2)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ff812d;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.pricing-card .plan-name{font-size:1.5rem;margin-bottom:1rem;color:#270f03}.plan-price{display:flex;align-items:baseline;margin-bottom:1.5rem}.plan-price .currency{font-size:1.25rem;color:#666}.plan-price .amount{font-size:3rem;font-weight:600;color:#270f03;margin:0 .25rem}.plan-price .period{color:#666}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{padding:.75rem 0;color:#333;border-bottom:1px solid #f0f0f0}.plan-features li:last-child{border-bottom:none}.plan-btn{width:100%;padding:1rem;background:#270f03;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.plan-btn:hover:not(:disabled){background:#ff812d}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.featured-btn{background:#ff812d}.featured-btn:hover:not(:disabled){background:#ff6b00}.settings-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.settings-section:last-child{border-bottom:none}.settings-section h2{font-size:1.25rem;margin-bottom:1.5rem;color:#333}.settings-group{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:.5rem;cursor:pointer;transition:background .2s}.setting-item:hover{background:#f0f0f0}.setting-item span{font-size:1rem;color:#333}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.danger-zone{display:flex;gap:1rem}.btn-logout{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#5a6268}.btn-danger{padding:.75rem 1.5rem;background:#dc3545;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#c82333}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{overflow-x:hidden}.smooth-scroll-container{will-change:transform}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#270f03;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#270f03cc}*{scrollbar-width:thin;scrollbar-color:#270f03 #f1f1f1}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.task-detail-modal{width:300px;max-height:350px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden;animation:slideIn .2s ease-out;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.task-detail-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-detail-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a1a;line-height:1.4;word-wrap:break-word}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-detail-header .close-btn,.task-detail-header .edit-btn{background:none;border:none;padding:4px;cursor:pointer;color:#666;transition:all .2s ease;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.task-detail-header .close-btn:hover,.task-detail-header .edit-btn:hover{background:#f5f5f5;color:#1a1a1a}.task-detail-body{display:flex;flex-direction:column;overflow-y:auto;flex:1}.task-detail-content{padding:20px;display:flex;flex-direction:column;gap:16px}.task-detail-datetime{display:flex;align-items:flex-start;gap:8px;color:#1a1a1a;font-size:.9rem}.task-detail-datetime svg{color:#1a1a1a;margin-top:2px}.datetime-content{display:flex;flex-direction:column;gap:4px}.date-line,.time-line{line-height:1.4}.time-line{display:flex;align-items:center}.task-time-highlight{color:#3b82f6;font-weight:500;background:rgba(59,130,246,.08);padding:2px 6px;border-radius:4px}.task-detail-status{display:flex;align-items:center;gap:12px;padding-left:4px}.task-detail-status .task-checkbox-wrapper{margin:0;position:relative;display:inline-block;top:3px}.task-detail-status .task-checkbox{width:18px;height:18px;opacity:0;position:absolute;cursor:pointer}.task-detail-status .task-checkbox-custom{width:18px;height:18px;display:inline-block;background:#fff;border:2px solid #1a1a1a;border-radius:50%;position:relative;transition:all .2s ease}.task-detail-status .task-checkbox:checked+.task-checkbox-custom{background:#1a1a1a;border-color:#1a1a1a}.task-detail-status .task-checkbox:checked+.task-checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-detail-status span{font-size:.9rem;color:#1a1a1a;margin-left:-4px}.task-detail-card{margin:0 20px 20px;padding:16px;background:#f8f8f8;border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.task-detail-card:hover{background:#f0f0f0;transform:translateY(-1px)}.card-preview{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:50%;flex-shrink:0}.card-emoji{font-size:1.5rem}.card-emoji img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.card-info{flex:1;display:flex;flex-direction:column;gap:2px}.card-label{margin:0;font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.card-name{margin:0;font-size:.95rem;font-weight:500;color:#1a1a1a;line-height:1.2}.card-arrow{color:#999;flex-shrink:0}.task-detail-card.standalone{cursor:default}.task-detail-card.standalone:hover{background:#f8f8f8;transform:none}@media (max-width:768px){.task-detail-modal{width:280px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:80px 20px 20px;overflow-y:auto}.add-task-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);width:100%;max-width:450px;max-height:calc(100vh - 80px);position:relative;margin:0 auto;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:none}.modal-header h2{font-size:24px;font-weight:700;color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-header .close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s;color:#6b7280}.modal-header .close-btn:hover{background-color:#f3f4f6;color:#374151}.add-task-form{padding:0 24px 40px;flex:1;overflow-y:auto;overflow-x:visible}.form-group.half,.form-row{overflow:visible;position:static}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:500;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input[type=date],.form-group input[type=text],.form-group input[type=time],.form-group select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;transition:border-color .2s,box-shadow .2s;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group select::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group.half{flex:1;margin-bottom:0}.time-type-toggle{display:flex;gap:20px;margin-top:8px;flex-wrap:nowrap}.time-type-toggle label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap}.time-type-toggle input[type=radio]{margin-right:6px;cursor:pointer;accent-color:#6366f1}.picker-container{margin-left:10px;margin-right:-10px}.picker-scroll-wrapper{width:100%;padding-left:10px}.picker-nav-btn.prev{left:10px!important}.picker-nav-btn.next{right:-16px}.form-actions{display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding-left:40px;padding-right:40px}.cancel-btn,.submit-btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cancel-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.submit-btn{background-color:#3f2519;color:#fff;min-width:100px}.submit-btn:hover:not(:disabled){background-color:#2d1810;transform:translateY(-1px);box-shadow:0 4px 12px rgba(63,37,25,.3)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.modal-backdrop{padding:70px 16px 16px}.add-task-modal{max-width:100%;max-height:calc(100vh - 100px)}.form-row{flex-direction:column;gap:0}.form-group.half{margin-bottom:20px}.modal-header{padding:20px}.add-task-form{padding:0 20px 20px}.color-option{width:40px;height:40px}.image-option{width:70px;height:70px}.picker-nav-btn{width:28px;height:28px;font-size:14px}.picker-nav-btn.prev{left:8px!important}.picker-nav-btn.next{right:-14px}}.time-input-modal{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;transition:border-color .2s,box-shadow .2s;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none}.time-input-modal:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.time-input-modal:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.time-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:10000}.add-task-modal .form-group,.add-task-modal .form-row{position:relative;z-index:auto}.custom-time-input-wrapper{position:relative;width:100%;z-index:10001}.add-task-modal:has(.time-dropdown){overflow:visible}.time-option{padding:10px 12px;cursor:pointer;font-size:.875rem;transition:background-color .15s ease;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.time-option:hover{background-color:#f5f5f5}.time-option.highlighted{background-color:#e3f2fd;color:#1976d2}.time-option.no-results{color:#999;font-style:italic;cursor:default}.time-option.no-results:hover{background-color:transparent}.time-dropdown::-webkit-scrollbar{width:6px}.time-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.time-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.custom-card-select-wrapper{position:relative;width:100%}.card-select-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.card-select-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;transition:all .2s ease;cursor:pointer;min-height:48px}.card-select-display:hover{border-color:#d1d5db;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.card-select-input:focus+.card-select-display{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.card-select-display>span:first-child{display:flex;align-items:center;flex:1}.dropdown-arrow{font-size:.75rem;color:#6b7280;margin-left:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:12px;padding:32px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-title{font-size:24px;font-weight:600;margin-bottom:24px;color:#270f03}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#000}.form-input{width:100%;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:20px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#270f03;box-shadow:0 0 0 3px rgba(39,15,3,.1)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-primary{background-color:#270f03;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:#1a0a02;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-secondary{background-color:#f3f4f6;color:#374151;padding:10px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#e5e7eb}.background-type-toggle{display:flex;gap:0;margin-bottom:16px;background-color:#f9f5f2;border-radius:25px;padding:3px;width:-moz-fit-content;width:fit-content}.toggle-btn{padding:10px 32px;background-color:transparent;border:none;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toggle-btn.active{background-color:#270f03;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.picker-container{position:relative;width:100%;margin-top:12px;margin-left:-6px}.picker-scroll-wrapper{overflow:hidden;width:calc(100% + 6px)}.picker-scroll-content{display:flex;gap:12px;transition:transform .3s ease}.color-option{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-option.selected{border-color:#270f03;box-shadow:0 0 0 3px rgba(39,15,3,.1)}.emoji-option{width:80px;height:80px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;overflow:hidden;background-color:#f9fafb;display:flex;align-items:center;justify-content:center}.emoji-option img{width:60%;height:60%;-o-object-fit:contain;object-fit:contain}.emoji-option:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.emoji-option.selected{border-color:#270f03;box-shadow:0 0 0 3px rgba(39,15,3,.1)}.image-option{width:80px;height:80px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;overflow:hidden}.image-option:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.image-option.selected{border-color:#270f03;box-shadow:0 0 0 3px rgba(39,15,3,.1)}.picker-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;color:#374151;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:2}.picker-nav-btn:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px rgba(0,0,0,.1)}.picker-nav-btn.prev{left:-22px}.picker-nav-btn.next{right:-10px}