.message-display[data-v-b07d164b]{padding:1rem;border-radius:4px;margin:.5rem 0;font-weight:600;max-width:400px;box-sizing:border-box;word-wrap:break-word}.message-error[data-v-b07d164b]{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7}.message-success[data-v-b07d164b]{background-color:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.fixed-top-center[data-v-b07d164b]{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:210;max-width:90vw}.auth-container[data-v-f2df1777]{position:fixed;z-index:100;top:0;left:0;max-width:400px;margin:0 auto;padding:2rem;background:#f0f8ff;border:2px solid #4a90e2;border-radius:8px}.auth-header[data-v-f2df1777]{text-align:center;margin-bottom:2rem}.auth-header h2[data-v-f2df1777]{color:#4a90e2;margin-bottom:.5rem}.auth-form[data-v-f2df1777]{display:flex;flex-direction:column;gap:1rem}.input-group[data-v-f2df1777]{display:flex;flex-direction:column}.input-group label[data-v-f2df1777]{margin-bottom:.5rem;color:#333;font-weight:700}.input-group input[data-v-f2df1777]{padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem}.input-group input[data-v-f2df1777]:focus{outline:none;border-color:#4a90e2}.input-group input[data-v-f2df1777]:disabled{opacity:.6;cursor:not-allowed}.auth-btn[data-v-f2df1777]{background:#4a90e2;color:#fff;border:none;padding:.75rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;margin-bottom:0}.auth-btn[data-v-f2df1777]:hover:not(:disabled){background:#357abd}.auth-btn[data-v-f2df1777]:disabled{opacity:.6;cursor:not-allowed}.auth-link[data-v-f2df1777]{text-align:center;margin-top:1rem}.auth-link a[data-v-f2df1777]{color:#4a90e2;cursor:pointer;text-decoration:underline}.error-message[data-v-f2df1777]{background:#ffe6e6;color:#d32f2f;padding:1rem;border-radius:4px;margin-top:1rem;text-align:center}.success-message[data-v-f2df1777]{background:#e8f5e8;color:#2e7d32;padding:1rem;border-radius:4px;margin-top:1rem;text-align:center}.settings-modal-wrapper[data-v-5e1e8778]{position:fixed;right:-100%;top:0;background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40%;height:100%}@media screen and (max-width: 767px){.settings-modal-wrapper[data-v-5e1e8778]{width:100%;overflow-y:auto}}.settings-modal-wrapper.open[data-v-5e1e8778]{right:0}.close-button[data-v-5e1e8778]{position:absolute;top:1rem;right:1rem}.settings-heading[data-v-5e1e8778]{font-size:1.8rem;line-height:1.4;margin-bottom:2rem}.settings_items.disabled_items[data-v-5e1e8778]{opacity:.5}.settings_item[data-v-5e1e8778]{margin-bottom:2.8rem}.settings_item__heading[data-v-5e1e8778]{font-size:1rem;margin-bottom:1.2rem}.slide-rihgt-enter-active[data-v-5e1e8778]{transition:all .24s ease-in}.slide-rihgt-leave-active[data-v-5e1e8778]{transition:all .24s ease-out}.slide-rihgt-enter-from[data-v-5e1e8778],.slide-rihgt-leave-to[data-v-5e1e8778]{transform:translate(100%)}.preset-group[data-v-5e1e8778]{justify-content:flex-start}.preset-btn[data-v-5e1e8778]{font-size:.8rem}.settings_pixel__input[data-v-5e1e8778]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:3px solid #1f2937;background-color:#f0f8ff;cursor:pointer;image-rendering:pixelated;position:relative;outline-offset:2px;outline:2px solid transparent;transition:outline-color .2s ease}.settings_pixel__input[data-v-5e1e8778]:hover{transform:translateY(-2px);box-shadow:0 0 1px #000001}.settings_pixel__input[data-v-5e1e8778]:checked{background-color:#3b82f6;border-color:#1e40af}.settings_pixel__input[data-v-5e1e8778]:checked:after{content:"";position:absolute;top:0;left:3px;width:5px;height:10px;display:flex;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);image-rendering:pixelated}.app-footer[data-v-102dd664]{text-align:center;padding:1rem 0;font-size:.875rem;border-top:1px solid var(--border-color);background-color:transparent}.app-footer small[data-v-102dd664]{font-size:.65rem}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #2563eb;--secondary-blue: #3b82f6;--secondary-gray: #6b7280;--light-blue: #93c5fd;--water-blue: #06b6d4;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--bg-morning: linear-gradient(135deg, #fef3c7 0%, #fbbf24 100%);--bg-afternoon: linear-gradient(135deg, #dbeafe 0%, #3b82f6 100%);--bg-evening: linear-gradient(135deg, #fce7f3 0%, #ec4899 100%);--bg-night: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--pixel-font: "Press Start 2P", cursive;--regular-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.theme-morning{background:var(--bg-morning)}.theme-afternoon{background:var(--bg-afternoon)}.theme-evening{background:var(--bg-evening)}.theme-night{background:var(--bg-night);color:#f8fafc}.--text-default{color:#000}.--text-modern-dark{color:#0f0f0f}.--text-secondary-gray{color:var(--secondary-gray)}.--text-primary-blue{color:var(--primary-blue)}.theme-night .--text-default:not(.isolated-color),.theme-night .--text-modern-dark:not(.isolated-color),.theme-night .--text-secondary-gray:not(.isolated-color),.theme-night .--text-primary-blue:not(.isolated-color){color:inherit}.theme-night .--night-invert:not(.isolated-color){color:#f8fafc}.theme-night .--invert-bg:not(.isolated-bg){background-color:#1f293766}body{font-family:var(--regular-font);line-height:1.6;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;transition:background .5s ease}.app-container{min-height:100vh;padding:1rem;max-width:1200px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0}.app-title{font-size:1.8rem!important;margin:0}.app-header__logo{display:flex;align-items:center}.d_logo{max-width:64px;max-height:64px}.user-info{display:flex;align-items:center;gap:1rem}.user-info__mbottom{display:flex;column-gap:1rem;align-items:center}@media screen and (max-width: 767px){.user-info{flex-wrap:wrap;justify-content:flex-end;row-gap:.2rem}.user-info.--ghost-user{width:100%}.user-info__nick{flex-basis:80%}}.main-content{display:flex;flex-direction:column;gap:2rem}.app-dashboard{display:grid;grid-template-columns:1fr;gap:1rem}.hide__mobile{display:none}@media (min-width: 768px){.app-dashboard{grid-template-columns:1fr 1fr;gap:2rem;grid-template-areas:"motivation motivation" "timer bottle" "stats stats"}.timer-section{grid-area:timer}.bottle-section{grid-area:bottle;display:flex;justify-content:center;align-items:center}.motivation-message{grid-area:motivation}.stats-section{grid-area:stats}.hide__mobile{display:block}}.pixel-text{font-family:var(--pixel-font);font-size:.75rem;line-height:1.4;text-rendering:pixelated;image-rendering:pixelated}.pixel-text.large{font-size:1rem}.pixel-text.small{font-size:.625rem}.pixel-btn{font-family:var(--pixel-font);font-size:.75rem;padding:.75rem 1.5rem;border:3px solid #1f2937;background:#f8fafc;color:#1f2937;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.pixel-btn:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.pixel-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pixel-btn-small{padding:.5rem 1rem;font-size:.625rem}.auth-btn{padding-left:.5rem;padding-right:.5rem;font-size:10px;width:100%;margin-bottom:1rem;color:#fff;border:none}.auth-btn:hover:not(:disabled){background:#0009}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn__inner span{vertical-align:middle}.auth-btn.--warning{background-color:var(--warning-orange);border-color:var(--warning-orange)}.timer-container{background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.timer-display{text-align:center;margin-bottom:1.5rem}.time-remaining{font-size:3rem;margin-bottom:.5rem;color:var(--primary-blue)}@media (max-width: 767px){.time-remaining{font-size:2rem}}.session-info{margin-top:1.6rem}.session-type{display:flex;justify-content:space-between;align-items:center}.session-type__item{display:flex;align-items:baseline;column-gap:.8rem}.session-type__icon{font-size:1.2rem}.timer-presets{margin-bottom:1.5rem}.timer-presets h3{margin-bottom:.75rem;text-align:center}.preset-group{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.preset-btn{padding:.75rem 1rem;min-width:80px}.preset-btn.active{background:var(--primary-blue);color:#fff}.preset-btn.break-btn.active{background:var(--success-green)}.timer-controls{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.control-btn{flex:1;min-width:100px}.control-btn>span{vertical-align:middle}.start-btn{background:var(--success-green);border-color:var(--success-green);color:#fff}.pause-btn{background:var(--warning-orange);border-color:var(--warning-orange);color:#fff}.resume-btn{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.stop-btn{background:var(--error-red);border-color:var(--error-red);color:#fff}.plane-btn{background:none;border:none;outline:none;cursor:pointer}.progress-container{margin-top:1rem}.progress-bar{width:100%;height:10px;background:#e5e7eb;border:2px solid #1f2937;overflow:hidden}.progress-fill{height:100%;background:var(--water-blue);transition:width .5s ease;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.2) 2px,rgba(255,255,255,.2) 4px);animation:flow 2s linear infinite}@keyframes flow{0%{background-position:0 0}to{background-position:8px 0}}.motivation-message{background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.motivation-text{font-size:1rem;color:var(--primary-blue);margin:0}.water-drops{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.water-drop{position:absolute;width:20px;height:20px;background:var(--water-blue);border-radius:50% 50% 50% 0;transform:rotate(90deg);opacity:.7;animation:dropFall 3s linear infinite;left:calc(50% + (var(--offset, 0) * 100px));animation-delay:var(--delay, 0s)}@keyframes dropFall{0%{top:-50px;opacity:.7}10%{opacity:1}90%{opacity:1}to{top:100vh;opacity:0}}.water-drop:nth-child(1){--offset: -2}.water-drop:nth-child(2){--offset: 0}.water-drop:nth-child(3){--offset: 2}@media (max-width: 768px){.app-container{padding:.5rem}.app-header{flex-direction:column;gap:1rem;margin-bottom:0}.motivation-message{padding:1rem}.timer-controls{flex-direction:column}.control-btn{min-width:auto}.preset-group{flex-direction:column;align-items:center}.preset-btn{width:100%;max-width:200px}}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fef2f2;color:var(--error-red);padding:1rem;border:2px solid var(--error-red);border-radius:8px;margin:1rem 0;text-align:center}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem}.icon_emoji{font-size:1rem}.icon_emoji.--medium{font-size:1.4rem}.icon_emoji.--big{font-size:2rem}.icon_emoji.--x-big{font-size:2.6rem}.--bold{font-weight:700}.settings-icon:hover{transform:translateY(-2px)}.icon_emoji.--red{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-color:#ef4444}.bottle-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:1rem;padding:2rem;background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottle,.demo-bottle{position:relative;width:120px;height:200px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.bottle-outline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 40%,#1f2937 40%,#1f2937 43%,transparent 43%),linear-gradient(to right,transparent 57%,#1f2937 57%,#1f2937 60%,transparent 60%),linear-gradient(to bottom,transparent 0%,transparent 20%,#1f2937 20%,#1f2937 23%,transparent 23%),linear-gradient(to right,#1f2937 0%,#1f2937 3%,transparent 3%),linear-gradient(to right,transparent 97%,#1f2937 97%,#1f2937 100%),linear-gradient(to bottom,transparent 97%,#1f2937 97%,#1f2937 100%),linear-gradient(to bottom,transparent 23%,#1f2937 23%,#1f2937 26%,transparent 26%),linear-gradient(to right,transparent 3%,rgba(240,248,255,.3) 3%,rgba(240,248,255,.3) 97%,transparent 97%);background-size:100% 100%;z-index:3}.bottle-cap{position:absolute;top:5px;left:50%;transform:translate(-50%);width:30px;height:20px;background:linear-gradient(to right,#1f2937 0%,#1f2937 2px,transparent 2px),linear-gradient(to right,transparent calc(100% - 2px),#1f2937 calc(100% - 2px)),linear-gradient(to bottom,#1f2937 0%,#1f2937 2px,transparent 2px),linear-gradient(to bottom,transparent calc(100% - 2px),#1f2937 calc(100% - 2px)),linear-gradient(to bottom,#6b7280 2px,#4b5563 calc(100% - 2px));z-index:4;image-rendering:pixelated}.water-fill,.demo-water-fill{position:absolute;bottom:3px;left:3px;right:3px;background:linear-gradient(180deg,#06b6d4e6,#0ea5e9e6,#2563ebe6);border-radius:0 0 2px 2px;transition:height .5s ease;z-index:1;image-rendering:pixelated;animation:waterShimmer 3s ease-in-out infinite}@keyframes waterShimmer{0%,to{opacity:.9;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(10deg)}}.water-surface{position:absolute;left:3px;right:3px;height:2px;background:#fff9;z-index:2;animation:waterSurface 2s ease-in-out infinite}@keyframes waterSurface{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(.98)}}.bubbles,.demo-bubbles{position:absolute;bottom:10px;left:10px;right:10px;height:calc(100% - 40px);pointer-events:none;z-index:2}.bubble{position:absolute;width:6px;height:6px;background:#ffffffb3;border-radius:50%;animation:bubbleRise 4s linear infinite;animation-delay:var(--delay, 0s);left:var(--x, 20%);image-rendering:pixelated}@keyframes bubbleRise{0%{bottom:0;opacity:.7;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(.3)}}.bubble:nth-child(1){--delay: 0s;--x: 20%}.bubble:nth-child(2){--delay: .5s;--x: 50%}.bubble:nth-child(3){--delay: 1s;--x: 80%}.bubble:nth-child(4){--delay: 1.5s;--x: 35%}.bubble:nth-child(5){--delay: 2s;--x: 65%}.bottle.active{animation:bottleGlow 2s ease-in-out infinite}@keyframes bottleGlow{0%,to{filter:drop-shadow(0 0 5px rgba(6,182,212,.3))}50%{filter:drop-shadow(0 0 15px rgba(6,182,212,.5))}}.fill-info{text-align:center}.fill-percentage{color:var(--water-blue);font-size:1rem}.fill-motivation{text-align:center;color:var(--primary-blue);margin-top:.5rem;font-size:.875rem}.demo-bottle-container{text-align:center;margin:2rem 0}.demo-bottle{margin:0 auto 1rem}.demo-water-fill{animation:demoFill 5s ease-in-out infinite}@keyframes demoFill{0%{height:0%}50%{height:80%}to{height:0%}}.demo-text{color:var(--primary-blue);margin-top:1rem}.auth-container{min-height:100vh;display:flex;flex-direction:column;gap:3rem}.landing-section{text-align:center;padding:2rem 0}.app-title-large{font-size:2rem;margin-bottom:.5rem}.tagline{font-size:1rem;color:#6b7280;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.feature-card{background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-text{color:#374151}.auth-section{display:flex;justify-content:center;padding:2rem 0}.auth-card{background:#fffffff2;border:3px solid #1f2937;border-radius:8px;padding:2rem;max-width:400px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h2{margin-bottom:1rem;color:var(--primary-blue)}.auth-subtitle{color:#6b7280;margin-bottom:2rem}.email-btn{background-color:var(--primary-blue)}.google-btn{background:#4285f4;border-color:#4285f4}.google-btn:hover{background:#3367d6;border-color:#3367d6}.privacy-note{font-size:.625rem;color:#6b7280;margin-top:1rem;line-height:1.4}.stats-container{background:#ffffffe6;border:3px solid #1f2937;border-radius:8px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-title{text-align:center;margin-bottom:2rem;color:var(--primary-blue)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f0f8ff80;border:2px solid var(--light-blue);border-radius:8px;padding:1rem;text-align:center}.stat-number{font-size:1.5rem;color:var(--primary-blue);margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.75rem}.daily-goal{margin:2rem 0;text-align:center}.daily-goal h3{margin-bottom:1rem;color:var(--primary-blue)}.goal-bottles{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.goal-bottle{font-size:2rem;opacity:.3;transition:opacity .3s ease}.goal-bottle.completed{opacity:1;animation:bottleFill .5s ease}@keyframes bottleFill{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.goal-text{color:#6b7280;margin-top:1rem}.recent-sessions{margin:2rem 0}.recent-sessions h3{margin-bottom:1rem;color:var(--primary-blue)}.session-list{display:flex;flex-direction:column;gap:.5rem}.session-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f0f8ff4d;border:2px solid transparent;border-radius:8px;transition:border-color .3s ease}.session-item.completed{border-color:var(--success-green)}.session-icon{font-size:1.5rem}.session-details{flex:1}.session-duration{color:var(--primary-blue);margin-bottom:.25rem}.session-date{color:#6b7280;font-size:.625rem}.session-status{font-size:1.25rem}.clear-session-container{display:flex;flex-direction:row-reverse;margin-top:.8rem;margin-bottom:.8rem}.clear-session-btn{flex:0 0 auto}.clear-confirm-message{bottom:unset;height:max-content;width:max-content;top:calc(50% - 54px)!important}.clear-confirm-controlls{text-align:center;margin-top:1rem}.achievements{margin:2rem 0}.achievements h3{margin-bottom:1rem;color:var(--primary-blue)}.achievement-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(45deg,#fbbf241a,#f59e0b1a);border:2px solid var(--warning-orange);border-radius:8px;animation:achievementUnlock .5s ease}@keyframes achievementUnlock{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.achievement-icon{font-size:2rem}.achievement-info{flex:1}.achievement-title{color:var(--warning-orange);margin-bottom:.25rem}.achievement-description{color:#6b7280;font-size:.625rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;margin-bottom:0}.quick-stats{grid-template-columns:repeat(2,1fr)}.auth-section,.landing-section{padding:1rem 0}.auth-card{margin:1rem}.app-title-large{font-size:1.5rem}.bottle,.demo-bottle{width:100px;height:160px}}@media (max-width: 480px){.quick-stats{grid-template-columns:1fr}.goal-bottles{flex-wrap:wrap}.bottle,.demo-bottle{width:80px;height:130px}}