@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: hsl(240, 20%, 12%);--color-bg-secondary: hsl(240, 18%, 16%);--color-bg-tertiary: hsl(240, 16%, 20%);--color-text-primary: hsl(0, 0%, 95%);--color-text-secondary: hsl(0, 0%, 70%);--color-text-muted: hsl(0, 0%, 50%);--color-accent: hsl(280, 70%, 65%);--color-accent-hover: hsl(280, 70%, 72%);--color-danger: hsl(0, 70%, 60%);--color-success: hsl(140, 60%, 55%);--color-warning: hsl(40, 90%, 60%);--color-border: hsl(240, 10%, 30%);--color-border-light: hsl(240, 8%, 40%);--glass-bg: hsla(240, 18%, 16%, .7);--glass-border: hsla(0, 0%, 100%, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-serif: "Playfair Display", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--color-intensity-1: hsl(200, 80%, 70%);--color-intensity-2: hsl(170, 70%, 65%);--color-intensity-3: hsl(60, 80%, 75%);--color-intensity-4: hsl(30, 90%, 70%);--color-intensity-5: hsl(0, 80%, 70%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.25, .8, .25, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}.border-intensity-1{border-left:4px solid var(--color-intensity-1)}.border-intensity-2{border-left:4px solid var(--color-intensity-2)}.border-intensity-3{border-left:4px solid var(--color-intensity-3)}.border-intensity-4{border-left:4px solid var(--color-intensity-4)}.border-intensity-5{border-left:4px solid var(--color-intensity-5)}.bg-intensity-1{background-color:var(--color-intensity-1)}.bg-intensity-2{background-color:var(--color-intensity-2)}.bg-intensity-3{background-color:var(--color-intensity-3)}.bg-intensity-4{background-color:var(--color-intensity-4)}.bg-intensity-5{background-color:var(--color-intensity-5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.container-wide{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-family-serif);letter-spacing:.05em;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.logo-subtitle{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.nav{display:flex;gap:var(--spacing-lg);align-items:center}@media(max-width:768px){.nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:var(--spacing-sm);padding-bottom:2px}.nav::-webkit-scrollbar{height:4px}.nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.nav .nav-label{display:inline;font-size:var(--font-size-xs);letter-spacing:.02em}.nav .nav-link{padding:.35rem .45rem;gap:.3rem}.nav .nav-icon{font-size:.95rem}}.nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.nav a:hover{color:var(--color-accent)}.nav .nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:var(--radius-sm)}.nav .nav-link:hover{background:#ffffff0a}.nav .nav-icon{font-size:1rem;line-height:1}@media(max-width:768px){.nav .nav-label{display:inline;font-size:var(--font-size-xs);letter-spacing:.02em}.nav .nav-link{padding:.35rem .45rem;gap:.3rem}.nav .nav-icon{font-size:.95rem}}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}input[type=text],input[type=password],textarea,select{width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #bb67e41a}textarea{resize:vertical;min-height:150px}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;text-align:center;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#e67070;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.tag.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tag.clickable{cursor:pointer}.tag.clickable:hover{border-color:var(--color-accent);color:var(--color-accent)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border-left:4px solid}.alert-warning{background:#f5b83d1a;border-color:var(--color-warning);color:var(--color-warning)}.alert-danger{background:#e052521a;border-color:var(--color-danger);color:var(--color-danger)}.alert-info{background:#52b1e01a;border-color:#52b1e0;color:#7dc4e8}.spinner{border:3px solid var(--color-bg-tertiary);border-top:3px solid var(--color-accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-2xl)}@media(max-width:768px){:root{--font-size-3xl: 2rem;--font-size-2xl: 1.5rem}.container,.container-wide{padding:var(--spacing-lg) var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md)}.nav{gap:var(--spacing-sm)}.nav .nav-label{display:inline;font-size:var(--font-size-xs);letter-spacing:.02em}.nav .nav-link{padding:.35rem .45rem;gap:.3rem}.nav .nav-icon{font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.char-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--spacing-xs)}.char-counter.warning{color:var(--color-warning)}.char-counter.danger{color:var(--color-danger)}.intensity-slider{width:100%;margin:var(--spacing-md) 0}.intensity-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent);text-align:center;margin-bottom:var(--spacing-sm)}.entry-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.entry-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.entry-intensity{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent)}.entry-emotions{margin-bottom:var(--spacing-md)}.entry-body{color:var(--color-text-secondary);line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.entry-body.collapsed{max-height:100px;overflow:hidden;position:relative}.entry-body.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--color-bg-secondary))}.expand-toggle{color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-sm);display:inline-block}.expand-toggle:hover{text-decoration:underline}.ai-reflection{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.ai-trigger{display:inline-block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.ai-trigger:hover{color:var(--color-text-secondary)}.ai-trigger.disabled{pointer-events:none;text-decoration:none;color:var(--color-text-muted);opacity:.7}.ai-trigger.busy{pointer-events:none;opacity:.8}.ai-result{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.8;box-shadow:var(--shadow-sm)}