:root{font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--c-text-on-background);background-color:var(--c-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a.text-primary,.text-primary{color:var(--c-primary)!important}.text-secondary{color:var(--c-secondary)!important}.text-danger{color:var(--c-danger)!important}a{font-weight:500;color:var(--c-primary);text-decoration:inherit}a:hover{color:var(--c-secondary)}*,*:before,*:after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;height:100%;font-family:var(--font-family-primary),sans-serif;background-color:var(--c-background);color:var(--c-text-on-background)}@media screen and (max-width: 499px){body{overflow-x:hidden}}h1{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0}h1{font-size:var(--font-size-2xl)}@media screen and (min-width: 992px){h1{font-size:var(--font-size-3xl)}}@media screen and (min-width: 1400px){h1{font-size:3.2em}}h2{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}h2{font-size:var(--font-size-xl)}@media screen and (min-width: 992px){h2{font-size:var(--font-size-2xl)}}@media screen and (min-width: 1400px){h2{font-size:2.4em}}h3{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}h3{font-size:var(--font-size-lg)}@media screen and (min-width: 992px){h3{font-size:var(--font-size-xl)}}@media screen and (min-width: 1400px){h3{font-size:1.8em}}p{line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}p{font-size:var(--font-size-sm)}@media screen and (min-width: 992px){p{font-size:var(--font-size-base)}}@media screen and (min-width: 1400px){p{font-size:var(--font-size-base)}}button{border:1px solid transparent;font-family:var(--font-family-primary),sans-serif;background-color:var(--c-primary);color:var(--c-text-on-background);cursor:pointer;transition:all var(--transition-normal);font-weight:var(--font-weight-medium)}button{border-radius:var(--border-radius-sm)}button{padding:12px 16px}@media screen and (min-width: 992px){button{padding:14px 20px}}@media screen and (min-width: 1400px){button{padding:16px 24px}}button{font-size:14px}@media screen and (min-width: 992px){button{font-size:15px}}@media screen and (min-width: 1400px){button{font-size:16px}}@media screen and (min-width: 992px){button{border-radius:var(--border-radius-md)}}button:hover{background-color:var(--c-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.container{width:100%;max-width:100vw;padding:0 16px}@media screen and (min-width: 992px){.container{width:100%;max-width:1024px;padding:0 24px;margin:0 auto}}@media screen and (min-width: 1400px){.container{width:100%;max-width:1200px;padding:0 32px;margin:0 auto}}@media (prefers-color-scheme: light){:root{color:var(--c-text-on-background);background-color:var(--c-background)}a:hover{color:var(--c-secondary)}button{background-color:var(--c-primary)}}.main-content{flex-grow:1;background:var(--c-background);overflow-y:auto;height:100%;min-height:0;padding:var(--spacing-md)}.main-content{display:flex;flex-direction:column;align-items:stretch}@media screen and (max-width: 499px){.main-content{padding-bottom:var(--spacing-lg)}}@media screen and (min-width: 992px){.main-content{gap:var(--spacing-lg);display:flex;align-items:start}}@media screen and (min-width: 1400px){.main-content{display:block;width:100%;max-width:none;margin:0;padding:var(--spacing-xl) 25vw}}#root{width:100%;height:100vh;margin:0;padding:0}@media screen and (max-width: 499px){#root{max-width:100vw;overflow-x:hidden}}@media screen and (min-width: 992px){#root{display:flex;justify-content:center;align-items:center;background-color:var(--c-background);max-width:none}}@media screen and (min-width: 1400px){#root{display:block;background:var(--c-background)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px}.loading-container.full-height{min-height:100vh}.loading-container .loading-spinner .spinner{border:3px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-container .loading-message{font-size:16px;color:var(--c-text-muted);font-weight:500;text-align:center}.loading-container.small{gap:8px;padding:10px}.loading-container.small .spinner{width:20px;height:20px;border-width:2px}.loading-container.small .loading-message{font-size:14px}.loading-container.medium{gap:16px;padding:20px}.loading-container.medium .spinner{width:32px;height:32px;border-width:3px}.loading-container.medium .loading-message{font-size:16px}.loading-container.large{gap:24px;padding:30px}.loading-container.large .spinner{width:48px;height:48px;border-width:4px}.loading-container.large .loading-message{font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-container.medium{gap:12px;padding:15px}.loading-container.medium .spinner{width:28px;height:28px}.loading-container.medium .loading-message{font-size:14px}.loading-container.large{gap:20px;padding:25px}.loading-container.large .spinner{width:40px;height:40px}.loading-container.large .loading-message{font-size:16px}}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f9fafb;color:#333;padding:20px}.code{font-size:6rem;font-weight:700;color:#cbd5e1;margin:0;line-height:1}.title{font-size:2rem;font-weight:600;margin:10px 0}.message{font-size:1rem;color:#64748b;max-width:500px;margin-bottom:30px}.button-group{display:flex;gap:15px}.button{padding:10px 20px;border-radius:6px;font-size:1rem;cursor:pointer;border:none;transition:opacity .2s}.button.primary{background-color:#2563eb;color:#fff}.button.secondary{background-color:#e2e8f0;color:#475569}.main-layout-page{width:100%;background-color:var(--c-background)}.main-layout-page{height:100vh;min-height:100vh}@media screen and (min-width: 1400px){.main-layout-page{height:100vh;min-height:100vh}}@media screen and (max-width: 499px){.main-layout-page{display:block}}@media screen and (min-width: 992px){.main-layout-page{background:var(--c-background);padding:var(--spacing-xl)}.main-layout-page{display:flex;justify-content:center;align-items:center}}@media screen and (min-width: 1400px){.main-layout-page{display:block;background:var(--c-background);padding:0}}.main-layout-page .main-layout-container{position:relative;background-color:var(--c-background)}.main-layout-page .main-layout-container{display:flex;flex-direction:column;align-items:stretch}@media screen and (max-width: 499px){.main-layout-page .main-layout-container{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:var(--nav-height-mobile)}}@media screen and (min-width: 992px){.main-layout-page .main-layout-container{width:var(--app-width-laptop);height:var(--app-height);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding-bottom:var(--nav-height-laptop)}}@media screen and (min-width: 1400px){.main-layout-page .main-layout-container{width:100vw;height:100vh;overflow:auto;border-radius:0;box-shadow:none;padding-bottom:var(--nav-height-desktop)}}.home-header{background:var(--c-background);border-bottom:1px solid var(--c-border);padding:var(--spacing-xs) var(--spacing-md)}@media screen and (max-width: 499px){.home-header{position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.home-header .app-logo-background{position:relative}.home-header .app-logo-background{display:flex;justify-content:space-between;align-items:center}.home-header .app-logo-text{font-weight:var(--font-weight-black);color:var(--c-primary);transition:all var(--transition-normal)}.home-header .app-logo-text{font-size:var(--font-size-xl)}@media screen and (min-width: 992px){.home-header .app-logo-text{font-size:var(--font-size-2xl)}}@media screen and (min-width: 1400px){.home-header .app-logo-text{font-size:var(--font-size-xl)}}.home-header .app-logo-text:hover{transform:scale(1.05);color:var(--c-secondary);border:0!important}.home-header .user-info{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;text-decoration:none;color:inherit;border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.home-header .user-info{padding:var(--spacing-xs)}@media screen and (min-width: 992px){.home-header .user-info{padding:var(--spacing-sm)}}@media screen and (min-width: 1400px){.home-header .user-info{padding:var(--spacing-md)}}.home-header .user-info:hover{background-color:var(--c-primary-light);transform:translateY(-1px)}@media screen and (min-width: 1400px){.home-header .user-info{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}}.home-header .profile-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--c-border);transition:all var(--transition-normal)}@media screen and (max-width: 499px){.home-header .profile-avatar{width:36px;height:36px}}@media screen and (min-width: 992px){.home-header .profile-avatar{width:40px;height:40px}}@media screen and (min-width: 1400px){.home-header .profile-avatar{width:48px;height:48px}}.home-header .profile-avatar:hover{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-shadow-accent)}.home-header .profile-name{font-weight:var(--font-weight-medium);color:var(--c-text-on-background);font-family:var(--font-family-secondary),sans-serif!important}.home-header .profile-name{font-size:var(--font-size-sm)}@media screen and (min-width: 992px){.home-header .profile-name{font-size:var(--font-size-sm)}}@media screen and (min-width: 1400px){.home-header .profile-name{font-size:var(--font-size-sm)}}@media screen and (max-width: 360px){.home-header .profile-name{display:none}}.home-header .profile-icon{color:var(--c-text-on-background);transition:all var(--transition-normal)}.home-header .profile-icon{font-size:28px}@media screen and (min-width: 992px){.home-header .profile-icon{font-size:32px}}@media screen and (min-width: 1400px){.home-header .profile-icon{font-size:36px}}.home-header .profile-icon:hover{color:var(--c-primary);transform:rotate(15deg)}.logo-dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden}@media screen and (max-width: 499px){.logo-dropdown-menu{min-width:140px;margin-top:var(--spacing-xs);box-shadow:var(--shadow-lg)}}@media screen and (min-width: 992px){.logo-dropdown-menu{min-width:160px}}@media screen and (min-width: 1400px){.logo-dropdown-menu{min-width:180px;border-radius:var(--border-radius-lg)}}.logo-dropdown-item{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--c-text-on-surface);transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.logo-dropdown-item{padding:var(--spacing-sm)}@media screen and (min-width: 992px){.logo-dropdown-item{padding:var(--spacing-md)}}@media screen and (min-width: 1400px){.logo-dropdown-item{padding:var(--spacing-md)}}.logo-dropdown-item{font-size:var(--font-size-sm)}@media screen and (min-width: 992px){.logo-dropdown-item{font-size:var(--font-size-base)}}@media screen and (min-width: 1400px){.logo-dropdown-item{font-size:var(--font-size-base)}}.logo-dropdown-item:hover{background-color:var(--c-primary-light);color:var(--c-text-on-surface);transform:translate(2px)}.logo-dropdown-item:active{background-color:var(--c-primary);color:var(--c-text-on-background)}.logo-dropdown-separator{height:1px;background:var(--c-border);margin:var(--spacing-xs) 0}.app-logo-link{background:transparent;border:0;padding:0;cursor:pointer;color:inherit;transition:all var(--transition-normal)}.app-logo-link:focus{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.app-logo-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.icon-wrapper{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%}@media screen and (max-width: 499px){.icon-wrapper{width:40px;height:40px}}@media screen and (min-width: 992px){.icon-wrapper{width:48px;height:48px}}@media screen and (min-width: 1400px){.icon-wrapper{width:56px;height:56px}}.icon-wrapper{box-shadow:0 2px 8px rgba(var(--c-shadow-color-rgb),.1);border:2px solid var(--c-border-white);transition:var(--transition-normal)}.icon-wrapper svg{color:var(--c-text-on-surface)}.icon-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--c-shadow-color-rgb),.15)}.icon-wrapper--primary{background-color:var(--c-primary)}.icon-wrapper--secondary{background-color:var(--c-primary-light)}.icon-wrapper--gradient{background:var(--c-tertiary)}.icon-wrapper--accent{background-color:var(--c-background);border:2px solid var(--c-border-subtle)}.icon-wrapper--muted{background-color:var(--c-border);border:2px solid rgba(255,255,255,.6)}.nav-bar{display:flex;justify-content:center;align-items:center;background-color:var(--c-surface);border-top:1px solid var(--c-border);gap:var(--spacing-2xl)}@media screen and (max-width: 499px){.nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000}}@media screen and (min-width: 992px){.nav-bar{position:relative;border-radius:var(--border-radius-lg);margin:16px}}@media screen and (max-width: 499px){.nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);box-shadow:0 -4px 16px var(--c-shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--c-surface);gap:var(--spacing-xl)}.nav-bar{padding:var(--spacing-sm) var(--spacing-md)}.nav-bar{height:var(--nav-height-mobile)}}@media screen and (min-width: 992px){.nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;border-radius:var(--border-radius-xl);border:1px solid var(--c-border);box-shadow:var(--shadow-lg);margin:0 var(--spacing-md) var(--spacing-md)}.nav-bar{padding:var(--spacing-md) var(--spacing-lg)}}@media screen and (min-width: 1400px){.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:var(--c-surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--c-border);border-radius:0;margin:0;padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 -4px 20px var(--c-shadow-light);z-index:var(--z-fixed);gap:var(--spacing-2xl)}}.nav-bar .item{gap:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--c-text-muted);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal);min-width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.nav-bar .item{font-size:10px}@media screen and (min-width: 992px){.nav-bar .item{font-size:11px}}@media screen and (min-width: 1400px){.nav-bar .item{font-size:12px}}.nav-bar .item{padding:var(--spacing-xs)}@media screen and (min-width: 992px){.nav-bar .item{padding:var(--spacing-sm)}}@media screen and (min-width: 1400px){.nav-bar .item{padding:var(--spacing-sm)}}@media screen and (max-width: 499px){.nav-bar .item{min-height:44px;justify-content:center}}.nav-bar .item--active{color:var(--c-text-secondary);background-color:var(--c-primary-light)}.nav-bar .item--active .icon{color:var(--c-primary)}.nav-bar .item:hover:not(.item--active){color:var(--c-text-on-surface);background-color:var(--c-primary-light)}.nav-bar .item .icon{transition:color var(--transition-normal)}.nav-bar .item .icon{font-size:20px}@media screen and (min-width: 992px){.nav-bar .item .icon{font-size:22px}}@media screen and (min-width: 1400px){.nav-bar .item .icon{font-size:24px}}.nav-bar .item .label{font-weight:var(--font-weight-medium);text-align:center}.nav-bar .item .label{font-size:9px}@media screen and (min-width: 992px){.nav-bar .item .label{font-size:10px}}@media screen and (min-width: 1400px){.nav-bar .item .label{font-size:11px}}@media screen and (max-width: 360px){.nav-bar .item .label{display:none}}.nav-bar .add-button{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.snackbar-content{display:flex;flex-direction:column}.snackbar-title{font-weight:700;margin-bottom:4px}.emotion-tag-wrapper{color:var(--c-text-on-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px var(--spacing-sm);border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);cursor:default;background-color:var(--c-background)}.emotion-tag-wrapper:hover{transform:scale(1.05)}.emotion-tag-wrapper .emotion-tag-label{white-space:nowrap;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.emotion-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.entry-card{background-color:var(--c-white);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);overflow:hidden;transition:all var(--transition-normal)}.entry-card:hover{box-shadow:var(--shadow-md)}.entry-card .entry-main-card-wrapper{padding:var(--spacing-lg)}.entry-card .entry-main-card-wrapper .card-header-flex{display:flex;justify-content:space-between;align-items:flex-start}.entry-card .entry-main-card-wrapper .date-group{display:flex;gap:var(--spacing-md);align-items:flex-start;flex:1;padding-right:var(--spacing-md)}.entry-card .entry-main-card-wrapper .date-group .date-box{display:flex;flex-direction:column;justify-content:space-between}.entry-card .entry-main-card-wrapper .date-group .date-box{background-color:var(--c-tertiary);border-radius:var(--border-radius-lg);width:60px;height:60px;border:1px solid var(--c-border);flex-shrink:0;padding:var(--spacing-sm)}.entry-card .entry-main-card-wrapper .date-group .date-box .month{font-size:10px;font-weight:var(--font-weight-bold);color:var(--c-text-muted);text-transform:uppercase;line-height:1;margin-bottom:2px}.entry-card .entry-main-card-wrapper .date-group .date-box .date{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--c-text-on-surface);line-height:1}.entry-card .entry-main-card-wrapper .date-group .title-info{padding-top:2px}.entry-card .entry-main-card-wrapper .date-group .title-info .day-name{color:var(--c-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold)}.entry-card .entry-main-card-wrapper .date-group .title-info .entry-title{color:var(--c-text-on-background);font-size:var(--font-size-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-card .entry-main-card-wrapper .date-group .title-info .entry-title-input{width:100%;color:var(--c-text-on-background);font-size:var(--font-size-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:-.025em;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--c-border);border-radius:var(--border-radius-sm);background-color:var(--c-white);outline:none;transition:all var(--transition-fast)}.entry-card .entry-main-card-wrapper .date-group .title-info .entry-title-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(var(--c-primary-rgb, 0, 0, 0),.1)}.entry-card .entry-main-card-wrapper .btn-details{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--c-white);color:var(--c-text-on-background);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:none!important;cursor:pointer;outline:1px solid var(--c-border)}.entry-card .entry-main-card-wrapper .btn-details:hover{background-color:var(--c-primary-light)}.entry-card .entry-main-card-wrapper .btn-details .icon{transition:transform var(--transition-fast)}.entry-card .card-reflection{background-color:var(--c-tertiary);padding:var(--spacing-lg);border-top:1px solid var(--c-border);animation:fadeIn var(--transition-slow)}.entry-card .card-reflection .reflection-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);opacity:.6}.entry-card .card-reflection .reflection-label .reflection-label-left{display:flex;align-items:center;gap:var(--spacing-sm)}.entry-card .card-reflection .reflection-label span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.entry-card .card-reflection .reflection-label .reflection-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.entry-card .card-reflection .reflection-label .btn-action{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);outline:1px solid var(--c-border)}.entry-card .card-reflection .reflection-label .btn-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.entry-card .card-reflection .reflection-label .btn-action:disabled{opacity:.5;cursor:not-allowed}.entry-card .card-reflection .reflection-label .btn-action span{font-size:var(--font-size-xs);text-transform:none;letter-spacing:normal}.entry-card .card-reflection .reflection-label .btn-action.btn-edit{background-color:var(--c-white);color:var(--c-primary);outline-color:var(--c-primary)}.entry-card .card-reflection .reflection-label .btn-action.btn-edit:hover:not(:disabled){background-color:var(--c-primary-light)}.entry-card .card-reflection .reflection-label .btn-action.btn-delete{background-color:var(--c-white);color:var(--c-error, #dc3545);outline-color:var(--c-error, #dc3545)}.entry-card .card-reflection .reflection-label .btn-action.btn-delete:hover:not(:disabled){background-color:#dc35451a}.entry-card .card-reflection .reflection-label .btn-action.btn-save{background-color:var(--c-primary);color:var(--c-white);outline-color:var(--c-primary)}.entry-card .card-reflection .reflection-label .btn-action.btn-save:hover:not(:disabled){background-color:var(--c-primary-dark, var(--c-primary))}.entry-card .card-reflection .reflection-label .btn-action.btn-cancel{background-color:var(--c-white);color:var(--c-text-muted);outline-color:var(--c-border)}.entry-card .card-reflection .reflection-label .btn-action.btn-cancel:hover:not(:disabled){background-color:var(--c-tertiary)}.entry-card .card-reflection .reflection-text-box{background-color:var(--c-white);padding:var(--spacing-md);border-radius:var(--border-radius-lg);border:1px solid var(--c-border-subtle);box-shadow:var(--shadow-sm)}.entry-card .card-reflection .reflection-text-box p{font-size:var(--font-size-sm);color:var(--c-text-on-surface);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);white-space:pre-line}.entry-card .card-reflection .reflection-text-box .reflection-textarea{width:100%;min-height:120px;font-size:var(--font-size-sm);color:var(--c-text-on-surface);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);border:1px solid var(--c-border);border-radius:var(--border-radius-sm);background-color:var(--c-white);outline:none;resize:vertical;font-family:inherit;transition:all var(--transition-fast)}.entry-card .card-reflection .reflection-text-box .reflection-textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(var(--c-primary-rgb, 0, 0, 0),.1)}.entry-card .card-reflection .reflection-text-box .reflection-textarea::placeholder{color:var(--c-text-muted);opacity:.6}.entry-card .card-reflection .empty-state{text-align:center;color:var(--c-text-muted);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md) 0}.main-content .entries-list-frame{width:100%;min-height:100%;background:var(--c-surface)}.main-content .entries-list-frame{padding:var(--spacing-md)}@media screen and (min-width: 992px){.main-content .entries-list-frame{padding:var(--spacing-lg)}}@media screen and (min-width: 1400px){.main-content .entries-list-frame{padding:var(--spacing-xl)}}.main-content .entries-list-frame{display:flex;flex-direction:column;align-items:stretch}.main-content .entries-list-frame{gap:var(--spacing-sm)}.main-content .entries-list-title{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;letter-spacing:-.5px}.main-content .entries-list-title{font-size:2.5rem}@media screen and (min-width: 992px){.main-content .entries-list-title{font-size:3rem}}@media screen and (min-width: 1400px){.main-content .entries-list-title{font-size:3.5rem}}.main-content .entries-list-title{margin:0}.main-content .entries-list-subtitle{line-height:var(--line-height-relaxed);color:var(--c-text-on-surface)}.main-content .entries-list-subtitle{font-size:var(--font-size-sm)}@media screen and (min-width: 992px){.main-content .entries-list-subtitle{font-size:var(--font-size-base)}}@media screen and (min-width: 1400px){.main-content .entries-list-subtitle{font-size:var(--font-size-lg)}}.main-content .entries-list-subtitle{padding-left:var(--spacing-sm);font-weight:var(--font-weight-medium)}@media screen and (min-width: 1400px){.main-content .entries-list-subtitle{max-width:80%}}.main-content .stats-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:min-content;margin-bottom:var(--spacing-lg);padding:var(--spacing-xs)}.main-content .stats-section .stat-card-dark{background-color:var(--c-black);color:var(--c-white);border-radius:var(--border-radius-xl);padding:var(--spacing-md)}.main-content .stats-section .stat-card-dark{display:flex;flex-direction:column;justify-content:space-between}.main-content .stats-section .stat-card-dark{aspect-ratio:1/1;cursor:pointer;box-shadow:var(--c-shadow-heavy);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.main-content .stats-section .stat-card-dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.main-content .stats-section .stat-card-dark .icon-box{display:flex;justify-content:center;align-items:center}.main-content .stats-section .stat-card-dark .icon-box{width:40px;height:40px;border-radius:50%;background-color:#ffffff26}.main-content .stats-section .stat-card-dark .icon-box svg{width:24px;height:24px;color:var(--c-warning)}.main-content .stats-section .stat-card-dark .stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.main-content .stats-section .stat-card-dark .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight)}.main-content .stats-section .stat-card-dark .stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}.main-content .stats-section .stat-card-light{background-color:var(--c-white);color:var(--c-text-on-background);border:1px solid var(--c-border);border-radius:var(--border-radius-xl);padding:var(--spacing-md)}.main-content .stats-section .stat-card-light{display:flex;flex-direction:column;justify-content:space-between}.main-content .stats-section .stat-card-light{aspect-ratio:1/1;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.main-content .stats-section .stat-card-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.main-content .stats-section .stat-card-light .icon-box{display:flex;justify-content:center;align-items:center}.main-content .stats-section .stat-card-light .icon-box{width:40px;height:40px;border-radius:50%;background-color:var(--c-surface)}.main-content .stats-section .stat-card-light .icon-box svg{width:24px;height:24px;color:var(--c-warning)}.main-content .stats-section .stat-card-light .stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.main-content .stats-section .stat-card-light .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--c-text-on-background)}.main-content .stats-section .stat-card-light .stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}.main-content .entries-list-content{padding-bottom:var(--spacing-3xl);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.main-content .load-more-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:24px;padding-bottom:32px;width:100%}.main-content .load-more-wrapper .load-more-btn{border-radius:20px;text-transform:none;min-width:150px;font-weight:600;border-width:1.5px}.main-content .load-more-wrapper .load-more-btn:hover{border-width:1.5px;background-color:#2196f30a}.main-content .load-more-wrapper .load-more-text{margin-top:8px;color:#888;font-size:12px}.quotes-page{background:var(--c-background);width:100%;height:100%;display:flex;justify-content:center;align-items:center}:root{--c-primary: #DDA7A2;--c-secondary: #89A5B3;--c-tertiary: #F6E9E8;--c-background: #FBFBF8;--c-surface: #FDF6EC;--c-primary-light: #F6E9E8;--c-black: #000000;--c-white: #FFFFFF;--c-text-on-surface: #6B4F4F;--c-text-on-background: #6B4F4F;--c-text-muted: #A1927E;--c-page-title: rgba(0, 0, 0, .15);--c-border: #DED8CC;--c-border-subtle: rgba(107, 79, 79, .1);--c-border-white: rgba(255, 255, 255, .8);--c-shadow-color-rgb: 107, 79, 79;--c-shadow-light: 0 2px 8px rgba(var(--c-shadow-color-rgb), .08), 0 1px 3px rgba(var(--c-shadow-color-rgb), .06);--c-shadow-heavy: 0 4px 16px rgba(var(--c-shadow-color-rgb), .12), 0 2px 6px rgba(var(--c-shadow-color-rgb), .08);--c-danger: #d32f2f;--c-success: #2e7d32;--c-warning: #f57c00;--c-info: #0288d1;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--container-mobile: 100%;--container-laptop: 1024px;--container-desktop: 1200px;--app-width-mobile: 100vw;--app-width-laptop: 1024px;--app-width-desktop: 1200px;--app-height: 100vh;--app-min-height: 100vh;--header-height-mobile: 60px;--header-height-laptop: 70px;--header-height-desktop: 80px;--nav-height-mobile: 60px;--nav-height-laptop: 70px;--nav-height-desktop: 80px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25)}@media screen and (min-width: 1024px){:root{--spacing-md: 20px;--spacing-lg: 28px;--spacing-xl: 40px;--spacing-2xl: 56px;--spacing-3xl: 80px;--font-size-sm: 15px;--font-size-base: 17px;--font-size-lg: 19px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--border-radius-sm: 10px;--border-radius-md: 14px;--border-radius-lg: 18px;--border-radius-xl: 28px}}@media screen and (min-width: 1025px){:root{--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 36px;--spacing-3xl: 48px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--border-radius-sm: 12px;--border-radius-md: 16px;--border-radius-lg: 20px;--border-radius-xl: 32px}}:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-family-mono: "Inter Mono", Consolas, "Courier New", monospace;--font-family-secondary: "Inter", sans-serif}.statistics-page{background:var(--c-background);width:100%;height:100%;display:flex;justify-content:center;align-items:center}