@import url(https://fonts.googleapis.com/css2?family=Water+Brush&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.mood-calendar-box{background-color:#9d9a9a;display:flex;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.auth-container{align-items:center;display:flex;flex-direction:column;width:100%}.auth-toggle{color:#eec6ca;margin-top:15px;text-align:center}.text-button{background:none;border:none;color:#bcf4de;cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:underline;width:auto}.text-button:hover{background:none;color:#a0e6ca}.mood-container{display:flex;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.days,.mood-container{background-color:#010101;height:100vh}.days{grid-gap:10px;box-shadow:2px 0 10px #0000001a;color:#000;display:grid;gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:50px;width:50%}.days>div{aspect-ratio:1;cursor:pointer;margin-bottom:16px;padding:0;perspective:1000px;text-align:center;transition:all .3s ease-in-out}.day-inner,.days>div{position:relative;transform-style:preserve-3d;width:100%}.day-inner{border-radius:20%;box-shadow:0 4px 8px #0000001a;height:100%;transition:transform .6s}.day-front{align-items:center;border-radius:20%;display:flex;font-family:Water Brush,cursive;font-size:60px;font-weight:bolder;justify-content:center}.days>div.flipped .day-inner{transform:rotateY(180deg)}.day-back,.day-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20%;height:100%;position:absolute;width:100%}.day-back{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:inherit!important;overflow:hidden;transform:rotateY(180deg)}.day-back>div{background:#ffffff40;border-radius:20%;height:100%;padding:16px}.right-container{background-color:#ded6d1;display:flex;flex-direction:column;gap:14px;height:100vh;padding:12px;width:50%}.emotion-overview,.journal,.right-container{background-color:#000;border-radius:12px;overflow-y:auto}.emotion-overview,.journal{box-shadow:0 4px 12px #0000000d;flex:1 1}.day-back .quizContainer{-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);border-radius:20%;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;overflow-y:auto;padding:22px;perspective:1000px;transform:translateZ(150px);width:100%}@media (max-width:1200px){.days{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mood-container{flex-direction:column}.days,.right-container{height:auto;max-height:50vh;width:100%}.days{grid-template-columns:repeat(3,1fr)}.day-front{font-size:40px}}@media (max-width:480px){.days{grid-template-columns:repeat(2,1fr);padding:16px}.right-container{gap:16px;padding:16px}.emotion-overview,.journal{padding:16px}}.dashboard-container{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.dashboard-nav{background-color:#333;box-shadow:0 2px 10px #0000001a;display:flex;gap:1px;padding:0;z-index:10}.nav-item{background:#333;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:14px 20px;text-align:center;transition:all .3s ease}.nav-item:hover{background-color:#444}.nav-item.active{background-color:#4a6fa5;box-shadow:inset 0 -3px 0 #fff}.dashboard-content{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr 1fr;height:calc(100vh - 50px);overflow:hidden;padding:16px}.dashboard-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:auto;position:relative}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.section-header h3{color:#333;font-weight:500;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s;width:30px}.close-btn:hover{background-color:#f5f5f5;color:#333}.emotion-overview-section{grid-column:1;grid-row:1/span 1;padding:16px}.calendar-section{grid-column:2;grid-row:1/span 1;padding:16px}.days-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);height:100%}.day{align-items:center;aspect-ratio:1;border-radius:12px;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;justify-content:center;transition:transform .2s,box-shadow .2s}.day:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.day-content{color:#fff;font-family:Water Brush,cursive;font-size:32px;font-weight:700;text-shadow:1px 1px 3px #00000080}.journal-section{grid-column:3;grid-row:1/span 1;padding:16px}.quiz-section{animation:fadeIn .3s ease-in-out;background-color:#fff;grid-column:2;grid-row:1/span 1;z-index:5}.quiz-container{flex:1 1;overflow-y:auto;padding:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.dashboard-content{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.emotion-overview-section{grid-column:1;grid-row:1}.calendar-section{grid-column:2;grid-row:1}.journal-section{grid-column:1/span 2;grid-row:2}.quiz-section{grid-column:2;grid-row:1}.day-content{font-size:28px}}@media screen and (max-width:767px){.dashboard-nav{justify-content:flex-start;overflow-x:auto;padding:0}.dashboard-content{gap:12px;grid-template-columns:1fr;grid-template-rows:1fr;padding:12px}.dashboard-section{grid-column:1;grid-row:1;max-height:calc(100vh - 75px)}.dashboard-section.hidden{display:none}.dashboard-section.visible{display:flex}.day-content{font-size:24px}}@media screen and (max-width:480px){.nav-item{font-size:14px;padding:12px 10px}.dashboard-content{gap:8px;padding:8px}.days-grid{grid-template-columns:repeat(2,1fr)}.day-content{font-size:20px}}:root{--transition-speed:0.3s;--shadow-default:0 4px 6px #0000000d;--shadow-hover:0 6px 12px #00000026;--btn-bg:#fff;--btn-color:#333}.quiz{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:900px;overflow:auto;padding:30px;perspective:1000px;transform-style:preserve-3d}.quiz button{animation:cascade-entry .4s ease forwards;background:#fff;background:var(--btn-bg);border:none;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-default);color:#333;color:var(--btn-color);cursor:pointer;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:10px 20px;position:relative;text-shadow:0 1px 2px #0000001a;transform:translateZ(0);transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed);transition:all .3s cubic-bezier(.25,.46,.45,.94),transform .3s ease,opacity .3s ease;transition:all var(--transition-speed) cubic-bezier(.25,.46,.45,.94),transform .3s ease,opacity .3s ease}@keyframes cascade-entry{0%{opacity:0;transform:translateY(20px) rotateX(-45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.quiz button:first-child{animation-delay:.1s}.quiz button:nth-child(2){animation-delay:.2s}.quiz button:nth-child(3){animation-delay:.3s}.quiz button:nth-child(4){animation-delay:.4s}.quiz button:nth-child(5){animation-delay:.5s}.quiz button:after{background:linear-gradient(120deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);transition:all .3s ease;transition:all var(--transition-speed) ease;width:200%}.quiz button:hover{box-shadow:0 6px 12px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.quiz button:hover:after{left:100%}.quiz button:active{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-default);transform:translateY(0)}.quiz button[data-level=primary]{box-shadow:0 6px 12px #0000001a;padding:16px 28px}.quiz button[data-level=secondary]{min-width:120px}.quiz button[data-level=tertiary]{min-width:120px;padding:10px 18px}:root{--primary-bg:#121212;--card-bg:#1e1e1e;--text-primary:#ded6d1;--text-secondary:#a0a0a0;--accent-color:#e91e63;--highlight-color:#ffca28;--shadow-color:#0000004d;--grid-item-size:280px}.emotion-overview{background-color:#121212;background-color:var(--primary-bg);background-image:radial-gradient(circle at 10% 20%,#3b3b3b33 0,#0000 25%),radial-gradient(circle at 90% 80%,#3b3b3b26 0,#0000 20%);box-sizing:border-box;display:flex;flex-direction:column;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;max-width:100%;overflow:auto;overflow-y:auto;padding:40px}.emotion-overview,h2{color:#ded6d1;color:var(--text-primary);position:relative}h2{font-size:80px;font-weight:600;letter-spacing:1px;margin-bottom:32px;margin-top:0;text-shadow:0 5px 15px #0000004d;text-shadow:0 5px 15px var(--shadow-color)}h2:after{background:#e91e63;background:var(--accent-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}h3{color:#ded6d1;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:16px}.emotion-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}.time-range-selector,.view-selector{display:flex;gap:8px}.emotion-controls button{background:#ffffff14;border:none;border-radius:8px;color:#ded6d1;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.emotion-controls button:hover{background:#ffffff26;transform:translateY(-2px)}.emotion-controls button.active{background-color:#e91e63;background-color:var(--accent-color);box-shadow:0 4px 12px #e91e634d;color:#fff}.customize-btn{overflow:hidden;position:relative}.customize-btn:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s;width:100%}.customize-btn:hover:before{transform:translateX(100%)}.emotion-customizer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 10px 30px #0003;margin-bottom:24px;overflow:hidden;padding:20px}.legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0;padding:0 0 16px}.legend-item{align-items:center;background-color:#ded6d11a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.legend-item:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.legend-item:hover:before{opacity:1}.legend-item.selected{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.legend-item:hover{transform:translateY(-3px) scale(1.03)}.color-box{border-radius:6px;box-shadow:0 2px 8px #0003;height:18px;width:18px}.customizer-footer{display:flex;gap:16px;justify-content:center;margin-top:16px}.customizer-footer button{background:#ffffff14;border:none;border-radius:8px;color:#ded6d1;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.customizer-footer button:hover{background:#ffffff26}.spider-graph-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14141480;border:1px solid #ffffff08;border-radius:24px;box-shadow:0 10px 30px #00000026;display:flex;justify-content:center;margin-bottom:40px;min-height:400px;overflow:hidden;padding:20px;position:relative;width:100%}.spider-graph-container:before{background:radial-gradient(circle,#e91e6326 0,#e91e630d 30%,#0000 70%);border-radius:50%;content:"";height:50%;opacity:.7;position:absolute;right:-25%;top:-25%;width:50%;z-index:0}.chart-wrapper{position:relative;width:100%;z-index:1}.journal-container{background-color:#000;margin:0 auto;max-width:800px;padding:20px}.journal-form{background:#f5f5f5;border-radius:10px;margin-bottom:30px;padding:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input[type=date],.form-group select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px;resize:vertical;width:100%}button[type=submit]{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button[type=submit]:disabled{background:#ded6d1;cursor:not-allowed}.entries-list{margin-top:20px}.journal-entry{background:#ded6d1;border-radius:8px;margin-bottom:15px;padding:15px}.entry-header{display:flex;justify-content:space-between;margin-bottom:10px}.entry-date{color:#e0c9c9}.entry-emotion{border-radius:12px;font-size:.9em;padding:3px 8px}.entry-content{color:#333;line-height:1.5;margin:0}.error-message{color:#e74c3c;margin-bottom:10px}body{background-color:#000;color:#333;font-family:Arial,sans-serif}.login-container{background-color:#0b0a0a;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:100px auto;max-width:400px;padding:30px}h2{color:#eec6ca;font-family:Water Brush,cursive;font-size:60px;margin-bottom:30px;text-align:center;text-shadow:1px 1px 1px #0000001a}form div{margin-bottom:20px}label{color:#555;display:block;font-weight:600;margin-bottom:5px}input[type=email],input[type=password]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s;width:100%}input:focus{border-color:#1e88e5;box-shadow:0 0 5px #1e88e54d;outline:none}button{border:none;border-radius:4px;color:BCF4DE;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}button,button:hover:not(:disabled){background-color:#bcf4de}button:disabled{background-color:#90caf9;cursor:not-allowed}p{color:#e53935;font-size:14px;margin-bottom:15px;margin-top:5px}
/*# sourceMappingURL=main.5ec64bfb.css.map*/