:root{--color-primary:99 102 241;--color-secondary:168 85 247;--color-accent:14 165 233;--color-success:34 197 94;--color-warning:245 158 11;--color-danger:239 68 68;--color-bg-dark:15 23 42;--color-bg-darker:2 6 23;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-safe-bottom:env(safe-area-inset-bottom,0px);}*{box-sizing:border-box;}html{-webkit-tap-highlight-color:transparent;}body{font-family:var(--font-sans);background:linear-gradient(135deg,rgb(var(--color-bg-dark)),rgb(30 27 75),rgb(var(--color-bg-dark)));background-attachment:fixed;min-height:100vh;color:white;margin:0;padding:0;overflow-x:hidden;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;}input,select,textarea{font-family:inherit;font-size:inherit;}input[type="date"],input[type="time"]{color-scheme:dark;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type="number"]{-moz-appearance:textfield;}@keyframes spin{to{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translate(-50%,-20px);}to{opacity:1;transform:translate(-50%,0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.animate-spin{animation:spin 1s linear infinite;}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}.animate-fade-in{animation:fadeIn 0.2s ease-out;}.animate-slide-up{animation:slideUp 0.3s ease-out;}.animate-slide-down{animation:slideDown 0.3s ease-out;}.animate-scale-in{animation:scaleIn 0.2s ease-out;}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.glass{background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);}.glass-dark{background:rgba(0,0,0,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}[dir="rtl"] .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;}[dir="rtl"] .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;}[dir="rtl"] .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;}[dir="rtl"] .ml-auto{margin-left:unset;margin-right:auto;}[dir="rtl"] .mr-auto{margin-right:unset;margin-left:auto;}[dir="rtl"] .text-left{text-align:right;}[dir="rtl"] .text-right{text-align:left;}.safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom));}nav.fixed.bottom-0{padding-bottom:env(safe-area-inset-bottom,0);}.pb-nav{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));}.calendar-day{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s;}.calendar-day:hover{background:rgba(255,255,255,0.1);}.calendar-day.today{background:rgba(99,102,241,0.5);}.calendar-day.selected{ring:2px;ring-color:rgb(99,102,241);}.calendar-day-dot{width:6px;height:6px;border-radius:50%;}.calendar-day-dot.own{background:rgb(99,102,241);}.calendar-day-dot.friend{background:rgb(34,197,94);}.calendar-day-dot.discover{background:rgb(245,158,11);}.timewith-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;padding:1rem;transition:transform 0.2s,box-shadow 0.2s;}.timewith-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.timewith-card.own{border-left:2px solid rgb(99,102,241);}.timewith-card.friend{border-left:2px solid rgb(34,197,94);}.message-bubble{max-width:80%;padding:0.5rem 1rem;border-radius:1rem;}.message-bubble.own{background:rgb(99,102,241);border-bottom-right-radius:0.25rem;}.message-bubble.other{background:rgba(255,255,255,0.1);border-bottom-left-radius:0.25rem;}button{cursor:pointer;user-select:none;}button:disabled{cursor:not-allowed;}.btn-primary{background:rgb(99,102,241);color:white;padding:0.5rem 1rem;border-radius:0.5rem;border:none;font-weight:500;transition:background-color 0.2s;}.btn-primary:hover{background:rgb(79,70,229);}.btn-primary:disabled{background:rgba(99,102,241,0.5);}.btn-secondary{background:rgba(255,255,255,0.1);color:white;padding:0.5rem 1rem;border-radius:0.5rem;border:1px solid rgba(255,255,255,0.2);font-weight:500;transition:background-color 0.2s;}.btn-secondary:hover{background:rgba(255,255,255,0.2);}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;}.modal-content{background:rgb(30,41,59);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(99,102,241),rgb(168,85,247));color:white;font-weight:600;overflow:hidden;}.avatar img{width:100%;height:100%;object-fit:cover;}.avatar-sm{width:2rem;height:2rem;font-size:0.875rem;}.avatar-md{width:2.5rem;height:2.5rem;font-size:1rem;}.avatar-lg{width:3.5rem;height:3.5rem;font-size:1.5rem;}.avatar-xl{width:5rem;height:5rem;font-size:2rem;}.badge{display:inline-flex;align-items:center;padding:0.125rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;}.badge-primary{background:rgba(99,102,241,0.2);color:rgb(165,180,252);}.badge-success{background:rgba(34,197,94,0.2);color:rgb(134,239,172);}.badge-warning{background:rgba(245,158,11,0.2);color:rgb(252,211,77);}.badge-danger{background:rgba(239,68,68,0.2);color:rgb(252,165,165);}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:0.25rem;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.toast-container{position:fixed;bottom:5rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:0.5rem;pointer-events:none;}.toast{background:rgb(30,41,59);border:1px solid rgba(255,255,255,0.1);border-radius:0.5rem;padding:0.75rem 1rem;box-shadow:0 4px 12px rgba(0,0,0,0.3);animation:slideUp 0.3s ease-out;pointer-events:auto;}.toast.success{border-left:3px solid rgb(34,197,94);}.toast.error{border-left:3px solid rgb(239,68,68);}.toast.warning{border-left:3px solid rgb(245,158,11);}@media print{body{background:white;color:black;}.no-print{display:none !important;}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}