*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1226;--color-bg-card: #1a1e3d;--color-bg-card-soft: rgba(26, 30, 61, .72);--color-text: #e8e6f0;--color-text-dim: #9a97b8;--color-gold: #d4af37;--color-gold-soft: #f0d98c;--color-qi-purple: #6a4c93;--color-danger: #c94c4c;--color-success: #4caf7d;--color-cultivation: #6a4c93;--color-body: #4caf7d;--color-duty: #4c7aaf;--color-demon: #c94c4c;--color-tier-1: #9a97b8;--color-tier-2: #4caf7d;--color-tier-3: #4c7aaf;--color-tier-4: #d4af37;--color-cinnabar: #c24d3a;--sky-tint-a: rgba(106, 76, 147, .18);--sky-tint-b: rgba(212, 175, 55, .08);--nebula-1: rgba(106, 76, 147, .55);--nebula-2: rgba(212, 175, 55, .35);--nebula-3: rgba(47, 111, 94, .35);--galaxy-a: rgba(240, 217, 140, .12);--galaxy-b: rgba(106, 76, 147, .16);--galaxy-c: rgba(201, 215, 242, .05);--galaxy-d: rgba(212, 175, 55, .07);--radius-card: 14px;--radius-sm: 8px;--radius-pill: 999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px rgba(212, 175, 55, .35);--font-heading: "Cinzel", "Georgia", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 6px;--space-sm: 10px;--space-md: 18px;--space-lg: 28px;--space-xl: 40px;--nav-height: 64px;--header-height: 56px}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:var(--color-gold);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-moz-placeholder{color:var(--color-text-dim);opacity:.7}::placeholder{color:var(--color-text-dim);opacity:.7}.text-dim{color:var(--color-text-dim)}.text-gold{color:var(--color-gold)}.text-center{text-align:center}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0c1f}::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:8px;border:2px solid #0a0c1f}::-webkit-scrollbar-thumb:hover{background:#d4af378c}.sky-bg{position:relative;min-height:100vh;background-color:#0a0c1f;background-image:radial-gradient(1200px 700px at 80% -10%,var(--sky-tint-a),transparent 60%),radial-gradient(900px 600px at -10% 30%,var(--sky-tint-b),transparent 55%);overflow:hidden}.sky-bg>*:not(.sky-layers){position:relative;z-index:2}.sky-layers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.app-shell{max-width:720px;margin:0 auto;padding:0 var(--space-md);padding-bottom:calc(var(--nav-height) + var(--space-lg))}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:var(--header-height);padding:var(--space-sm) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1226b8;border-bottom:1px solid rgba(212,175,55,.15)}.app-header-brand{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0}.app-header-brand .app-title{font-family:var(--font-heading);font-size:1.05rem;letter-spacing:.06em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{flex-shrink:0;font-size:.9rem;line-height:1;color:var(--color-gold);text-shadow:0 0 12px rgba(212,175,55,.8)}.rank-badge{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);background:#d4af371f;border:1px solid rgba(212,175,55,.35);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.header-xp{flex:1;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0}.header-xp .xp-bar{width:100%;max-width:180px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:stretch;height:var(--nav-height);background:#0f1226eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(212,175,55,.18)}.nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:.66rem;letter-spacing:.04em;border:none;background:none;transition:color .2s ease,background .2s ease}.nav-link .nav-icon{font-size:1.25rem;line-height:1;transition:transform .2s ease}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-gold);background:#d4af371a}.nav-link.active .nav-icon{transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(212,175,55,.75))}.main-content{padding-top:var(--space-md)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.page-header h2{position:relative;display:inline-block;padding-bottom:8px;font-size:1.25rem;letter-spacing:.03em}.page-header h2:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-gold),rgba(212,175,55,0))}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--space-xl) * 2);padding:var(--space-xl) var(--space-md);text-align:center}.auth-card{width:100%;max-width:380px;padding:var(--space-lg);background:#12152c59;border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-card);box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-title{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--space-xs)}.auth-subtitle{color:var(--color-text-dim);font-size:.85rem;margin-bottom:var(--space-lg)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.app-shell{max-width:700px;margin:0 auto;padding-bottom:var(--space-xl)}.bottom-nav{left:var(--space-md);right:auto;top:50%;transform:translateY(-50%);bottom:auto;width:76px;height:auto;flex-direction:column;justify-content:center;gap:var(--space-md);border-radius:var(--radius-card);border:1px solid rgba(212,175,55,.18);box-shadow:var(--shadow-soft)}.nav-link{padding:var(--space-sm) 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky-bg .nebula,.sky-bg .comet,.sky-bg .const-pattern.active,.card:before,.gu-card:before,.ach-card:before{animation:none!important}}.card{position:relative;border-radius:var(--radius-card);background:#12152c52;border:1px solid rgba(212,175,55,.18);box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-md)}.card+.card{margin-top:var(--space-md)}.card:before,.gu-card:before,.ach-card:before{content:"";position:absolute;left:50%;top:50%;width:min(280px,66%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(212,175,55,.14);pointer-events:none;z-index:0;opacity:.6}.card:after,.gu-card:after,.ach-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-card);background:linear-gradient(#d4af3780,#d4af3780) 8px 8px / 18px 2px,linear-gradient(#d4af3780,#d4af3780) 8px 8px / 2px 18px,linear-gradient(#d4af3780,#d4af3780) calc(100% - 10px) 8px / 18px 2px,linear-gradient(#d4af3780,#d4af3780) calc(100% - 10px) 8px / 2px 18px,linear-gradient(#d4af3780,#d4af3780) 8px calc(100% - 10px) / 18px 2px,linear-gradient(#d4af3780,#d4af3780) 8px calc(100% - 10px) / 2px 18px,linear-gradient(#d4af3780,#d4af3780) calc(100% - 10px) calc(100% - 10px) / 18px 2px,linear-gradient(#d4af3780,#d4af3780) calc(100% - 10px) calc(100% - 10px) / 2px 18px;background-repeat:no-repeat;pointer-events:none;z-index:0}.card>*,.gu-card-head,.gu-card-body,.ach-card>*{position:relative;z-index:1}.seal-emblem{position:absolute;top:12px;right:12px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:.72rem;line-height:1;color:var(--color-gold);border:1px solid rgba(212,175,55,.55);background:radial-gradient(circle,#d4af3724,#d4af3708);box-shadow:inset 0 0 6px #d4af374d,0 0 10px #d4af3738}.profile-card{position:relative;overflow:hidden;text-align:center;padding:var(--space-lg)}.profile-card:before{content:"";position:absolute;left:50%;top:-110px;width:280px;height:280px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 38%,transparent 24%,rgba(212,175,55,.12) 26%,transparent 28%),radial-gradient(circle,rgba(212,175,55,.12),rgba(106,76,147,.08) 45%,transparent 70%);pointer-events:none}.profile-card>*{position:relative}.profile-heart{font-family:var(--font-heading);font-size:.95rem;font-style:italic;color:var(--color-text-dim);margin-bottom:var(--space-md)}.profile-rank{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:.06em;background:linear-gradient(120deg,var(--color-gold-soft),var(--color-gold) 55%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(212,175,55,.3))}.profile-sub{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);font-size:.8rem;color:var(--color-text-dim)}.profile-sub .stat-value{display:block;font-size:1.05rem;font-weight:700;color:var(--color-text)}.progress{background:#ffffff14;border-radius:var(--radius-pill);height:8px;overflow:hidden;width:100%}.progress-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-qi-purple),var(--color-gold));width:0;transition:width .6s ease}.progress-fill.tier-1{background:var(--color-tier-1)}.progress-fill.tier-2{background:var(--color-tier-2)}.progress-fill.tier-3{background:var(--color-tier-3)}.progress-fill.tier-4{background:linear-gradient(90deg,#d4af37,#f0d98c,#d4af37);background-size:200% 100%;animation:shimmer 2.5s linear infinite}@keyframes shimmer{0%{background-position:0% 0}to{background-position:-200% 0}}.task-section{margin-top:var(--space-md)}.task-section-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text)}.task-section-head:before{content:"◆";font-size:.55rem;color:var(--color-gold);text-shadow:0 0 8px rgba(212,175,55,.6)}.task-section-head .cat-icon{font-size:1rem}.task-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-left:3px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);transition:opacity .4s ease,background .3s ease,transform .25s ease,border-color .3s ease}.task-item:hover{background:#ffffff0e;transform:translateY(-1px)}.task-item.cat-cultivation{border-left-color:var(--color-cultivation)}.task-item.cat-body{border-left-color:var(--color-body)}.task-item.cat-duty{border-left-color:var(--color-duty)}.task-item.cat-demon{border-left-color:var(--color-demon)}.task-item.is-done{opacity:.55;background:#4caf7d0d}.task-title{flex:1;min-width:0}.task-title .text{word-break:break-word}.task-item.is-done .task-title .text{text-decoration:line-through;text-decoration-color:var(--color-gold)}.task-time{font-size:.72rem;color:var(--color-text-dim);white-space:nowrap}.check{position:relative;flex-shrink:0;width:26px;height:26px;display:inline-block}.check input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.check .box{position:absolute;inset:0;border:2px solid var(--color-text-dim);border-radius:6px;background:transparent;transition:border-color .2s ease,background .2s ease,box-shadow .25s ease}.check .box:hover{box-shadow:0 0 0 4px #d4af3714}.check input:focus-visible~.box{border-color:var(--color-gold);box-shadow:0 0 0 4px #d4af371f}.check input:checked~.box{border-color:var(--color-gold);background:#d4af3729;box-shadow:0 0 10px #d4af3773}.check input:checked~.box:after{transform:rotate(45deg) scale(1);animation:check-pop .25s ease}@keyframes check-pop{0%{transform:rotate(45deg) scale(0)}70%{transform:rotate(45deg) scale(1.25)}to{transform:rotate(45deg) scale(1)}}.check .box:after{content:"";position:absolute;left:7px;top:3px;width:7px;height:12px;border:solid var(--color-gold);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.check input:checked~.box:after{transform:rotate(45deg) scale(1)}.task-item.cat-demon .check .box{border-radius:50%;border-color:var(--color-danger)}.task-item.cat-demon .check input:checked~.box{background:#c94c4c33;border-color:var(--color-danger);box-shadow:0 0 10px #c94c4c73}.task-item.cat-demon .check .box:after{border-color:var(--color-danger)}.particles{position:absolute;inset:0;pointer-events:none;z-index:3}.particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 6px var(--color-gold);opacity:0;animation:particle-burst .7s ease-out forwards}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.88rem;font-weight:600;background:#ffffff0f;color:var(--color-text);transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-qi-purple),#8a63b8);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--color-gold),#e6c459);color:#221a00}.btn-gold:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-danger{background:#c94c4c26;color:var(--color-danger);border-color:#c94c4c4d}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-delete{background:transparent;color:var(--color-text-dim);border-color:transparent;padding:6px 10px;line-height:1}.btn-delete:hover{color:var(--color-danger);background:#c94c4c1f;box-shadow:none;transform:none}.task-delete{flex-shrink:0;margin-left:var(--space-xs)}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.gu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:600px){.gu-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.gu-grid{grid-template-columns:repeat(4,1fr)}}.gu-card{position:relative;background:#12152c52;border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-card);box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.gu-card:hover{transform:translateY(-3px);border-color:#d4af3759;box-shadow:0 8px 28px #0006}.gu-card-head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm)}.gu-icon{font-size:1.8rem;line-height:1}.gu-name{font-family:var(--font-heading);font-size:1rem;word-break:break-word}.gu-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px;font-size:.62rem}.gu-badge{padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--color-text-dim);white-space:nowrap}.gu-tier{color:var(--color-gold);background:#d4af371f}.gu-card-body{padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.gu-refinement-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--color-text-dim)}.gu-actions{margin-top:auto}.gu-feed-effect{display:inline-block;font-weight:700;color:var(--color-gold);font-size:.8rem;animation:float-up .9s ease-out forwards;pointer-events:none}@keyframes float-up{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px #d4af3726}textarea.form-input{resize:vertical;min-height:180px;background:#ffffff0a}.form-error{color:var(--color-danger);font-size:.75rem;margin-top:4px}.form-help{color:var(--color-text-dim);font-size:.75rem;margin-top:4px}.mood-selector{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.mood-btn{width:44px;height:44px;border-radius:50%;border:2px solid transparent;background:#ffffff0f;font-size:1.25rem;transition:transform .15s ease,border-color .2s ease,background .2s ease}.mood-btn:hover{transform:scale(1.08)}.mood-btn.active{border-color:var(--color-gold);background:#d4af372e;box-shadow:var(--shadow-glow)}.chip-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.chip{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--color-text-dim);font-size:.8rem;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:#d4af3766;color:var(--color-text)}.chip input{display:none}.chip:has(input:checked){border-color:var(--color-gold);color:var(--color-gold);background:#d4af371f}.chip.cat-demon:has(input:checked){border-color:var(--color-danger);color:var(--color-danger);background:#c94c4c1f}.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:600px){.ach-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.ach-grid{grid-template-columns:repeat(4,1fr)}}.ach-card{position:relative;text-align:center;padding:var(--space-md);background:#12152c52;border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-card);box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.ach-card.unlocked{border-color:#d4af378c;box-shadow:inset 0 1px #ffffff0f,0 0 24px #d4af3729}.ach-card .ach-icon{font-size:1.9rem}.ach-card .ach-label{font-weight:600;font-size:.9rem}.ach-card .ach-date{font-size:.7rem;color:var(--color-text-dim)}.ach-card.locked{filter:grayscale(1);opacity:.55}.ach-card.locked .ach-icon{filter:blur(1px)}.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:var(--space-sm);width:min(92vw,360px);pointer-events:none}.toast{background:var(--color-bg-card);border:1px solid var(--color-gold);border-radius:var(--radius-card);box-shadow:var(--shadow-glow);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);animation:toast-in .4s ease,toast-glow 1.6s ease .4s;transform-origin:top}.toast .toast-icon{font-size:1.3rem}.toast .toast-title{font-family:var(--font-heading);font-weight:700;color:var(--color-gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.toast .toast-msg{font-size:.8rem;color:var(--color-text-dim)}.toast.hide{opacity:0;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 36px #d4af37a6}}.rank-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#050714c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .3s ease}.rank-modal .rank-card{text-align:center;padding:var(--space-xl) var(--space-lg);animation:rank-scale .6s cubic-bezier(.22,1.2,.36,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rank-scale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sky-theme-toggle{position:fixed;right:var(--space-md);bottom:calc(var(--nav-height) + var(--space-sm));z-index:50;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:.95rem;line-height:1;color:var(--color-gold);background:linear-gradient(165deg,#1a1e3deb,#12152cd1);border:1px solid rgba(212,175,55,.5);box-shadow:inset 0 1px #ffffff0f,0 6px 20px #0006;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sky-theme-toggle:hover{transform:translateY(-2px) scale(1.05);border-color:#d4af37d9;box-shadow:0 0 22px #d4af3759}@media(min-width:900px){.sky-theme-toggle{right:var(--space-lg);bottom:var(--space-lg)}}.journal-layout{display:flex;flex-direction:column;gap:var(--space-md)}.journal-date{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-gold);text-align:center;letter-spacing:.04em}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.date-nav .btn{padding:6px 10px}.history-item{display:block;padding:var(--space-md)}.history-item .entry-date{font-family:var(--font-heading);color:var(--color-gold);font-size:.95rem;margin-bottom:4px}.history-item .entry-mood{font-size:.75rem;color:var(--color-text-dim);margin-bottom:6px}.history-item .entry-preview{color:var(--color-text);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-dim)}.empty-state .empty-icon{font-size:2.2rem;display:block;margin-bottom:var(--space-sm);filter:drop-shadow(0 0 14px rgba(212,175,55,.4))}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}.nebula-1{width:220px;height:220px;top:-40px;right:-60px;background:radial-gradient(circle,var(--nebula-1),transparent 70%);animation:drift-1 20s ease-in-out infinite alternate}.nebula-2{width:180px;height:180px;bottom:10%;left:-50px;background:radial-gradient(circle,var(--nebula-2),transparent 70%);animation:drift-2 22s ease-in-out infinite alternate}.nebula-3{width:160px;height:130px;top:30%;left:40%;background:radial-gradient(circle,var(--nebula-3),transparent 70%);animation:drift-3 18s ease-in-out infinite alternate}@keyframes drift-1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-60px,40px,0) scale(1.15)}}@keyframes drift-2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-50px,0) scale(1.1)}}@keyframes drift-3{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(30px,30px,0) scale(1.2)}}.star-field{position:absolute;inset:0;width:100%;height:100%}.galaxy-band{position:absolute;left:-15%;right:-15%;top:16%;height:34%;transform:rotate(-14deg);background:radial-gradient(ellipse at 62% 48%,var(--galaxy-a),transparent 55%),radial-gradient(ellipse at 38% 55%,var(--galaxy-b),transparent 60%),radial-gradient(ellipse at 50% 45%,var(--galaxy-c),transparent 70%),radial-gradient(ellipse at 72% 60%,var(--galaxy-d),transparent 50%);filter:blur(16px);mix-blend-mode:screen;pointer-events:none}.comet-field{position:absolute;inset:0;pointer-events:none}.comet{position:absolute;transform:translateY(-50%);width:220px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(240,217,140,.28) 40%,var(--color-gold-soft) 82%,#fff 100%);border-radius:var(--radius-pill);opacity:0;animation:comet-cross var(--comet-dur, 6.5s) cubic-bezier(.3,.05,.4,1) infinite;animation-delay:var(--comet-delay, 0s)}.comet:after{content:"";position:absolute;top:-2.5px;left:calc(100% - 3px);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #f0d98cf2,0 0 16px 6px #d4af3773}.comet-1{--comet-angle: 24deg;--comet-dur: 6.5s;--comet-delay: 0s;top:14%;left:-6%}.comet-2{--comet-angle: 27deg;--comet-dur: 7.2s;--comet-delay: 3.2s;top:34%;left:-8%}.comet-3{--comet-angle: 30deg;--comet-dur: 6.1s;--comet-delay: 6.4s;top:54%;left:-4%}@keyframes comet-cross{0%{transform:translateY(-50%) rotate(var(--comet-angle)) translate(-90vw);opacity:0}6%{opacity:1}82%{opacity:1}to{transform:translateY(-50%) rotate(var(--comet-angle)) translate(160vw);opacity:0}}.constellation{position:absolute;inset:0;width:100%;height:100%}.const-pattern{opacity:0;pointer-events:none;transition:opacity .8s ease}.const-pattern.active{opacity:1}.const-pattern .const-line{stroke:#eef0ff;stroke-width:1.1;stroke-dasharray:800;stroke-dashoffset:800;fill:none;filter:drop-shadow(0 0 3px rgba(220,225,255,.9));animation:const-line-draw .95s ease-out forwards}@keyframes const-line-draw{to{stroke-dashoffset:0}}.const-pattern .const-line:nth-of-type(1){animation-delay:.2s}.const-pattern .const-line:nth-of-type(2){animation-delay:.6s}.const-pattern .const-line:nth-of-type(3){animation-delay:1s}.const-pattern .const-line:nth-of-type(4){animation-delay:1.4s}.const-pattern .const-line:nth-of-type(5){animation-delay:1.8s}.const-pattern .const-line:nth-of-type(6){animation-delay:2.2s}.const-pattern .const-line:nth-of-type(7){animation-delay:2.6s}.const-pattern .const-line:nth-of-type(8){animation-delay:3s}.const-pattern .const-line:nth-of-type(9){animation-delay:3.4s}.const-pattern .const-line:nth-of-type(10){animation-delay:3.8s}.const-pattern .const-line:nth-of-type(11){animation-delay:4.2s}.const-pattern .const-star{opacity:0;animation:const-star-pop .5s ease forwards}.const-pattern .const-star:nth-of-type(1){animation-delay:.7s}.const-pattern .const-star:nth-of-type(2){animation-delay:1.1s}.const-pattern .const-star:nth-of-type(3){animation-delay:1.5s}.const-pattern .const-star:nth-of-type(4){animation-delay:1.9s}.const-pattern .const-star:nth-of-type(5){animation-delay:2.3s}.const-pattern .const-star:nth-of-type(6){animation-delay:2.7s}.const-pattern .const-star:nth-of-type(7){animation-delay:3.1s}.const-pattern .const-star:nth-of-type(8){animation-delay:3.5s}.const-pattern .const-star:nth-of-type(9){animation-delay:3.9s}.const-pattern .const-star:nth-of-type(10){animation-delay:4.3s}.const-pattern .const-star:nth-of-type(11){animation-delay:4.7s}@keyframes const-star-pop{to{opacity:1}}.const-pattern .const-star{fill:var(--color-gold-soft);filter:drop-shadow(0 0 3px rgba(212,175,55,.8))}.sky-pm .comet-field{display:none}.sky-am .constellation,body.sky-am .comet-field{display:block}body.sky-pm .comet-field{display:none}body.sky-am .constellation,body.sky-pm .constellation{display:block}@media(max-width:600px){.nebula-2{display:none}.comet{width:140px}}@media(min-width:768px){.nebula-1{width:320px;height:320px}.nebula-2{width:280px;height:280px}.nebula-3{width:240px;height:200px}}@media(min-width:1200px){.nebula-1{width:420px;height:420px}.nebula-2{width:360px;height:360px}.nebula-3{width:300px;height:240px}}@media(prefers-reduced-motion:reduce){.nebula{filter:none;opacity:.25}.comet{display:none}.const-pattern.active{animation:none;opacity:1}}body.sky-theme-qi{--sky-tint-a: rgba(120, 60, 140, .22);--sky-tint-b: rgba(190, 120, 210, .1);--nebula-1: rgba(146, 64, 150, .6);--nebula-2: rgba(212, 116, 180, .34);--nebula-3: rgba(106, 76, 147, .5);--galaxy-a: rgba(222, 196, 245, .14);--galaxy-b: rgba(146, 84, 170, .2);--galaxy-c: rgba(242, 200, 232, .08);--galaxy-d: rgba(212, 175, 55, .08)}body.sky-theme-jade{--sky-tint-a: rgba(42, 110, 96, .2);--sky-tint-b: rgba(160, 210, 180, .08);--nebula-1: rgba(52, 120, 105, .5);--nebula-2: rgba(140, 200, 120, .3);--nebula-3: rgba(40, 90, 110, .42);--galaxy-a: rgba(180, 240, 205, .13);--galaxy-b: rgba(52, 140, 120, .18);--galaxy-c: rgba(210, 240, 225, .07);--galaxy-d: rgba(212, 175, 55, .08)}body.sky-theme-ember{--sky-tint-a: rgba(150, 60, 42, .22);--sky-tint-b: rgba(220, 130, 60, .1);--nebula-1: rgba(160, 64, 48, .52);--nebula-2: rgba(214, 120, 50, .4);--nebula-3: rgba(120, 50, 40, .42);--galaxy-a: rgba(255, 210, 150, .14);--galaxy-b: rgba(194, 77, 58, .2);--galaxy-c: rgba(255, 180, 130, .09);--galaxy-d: rgba(240, 150, 70, .12)}body.sky-theme-sunset{--sky-tint-a: rgba(170, 95, 40, .18);--sky-tint-b: rgba(240, 150, 70, .1);--nebula-1: rgba(180, 100, 40, .42);--nebula-2: rgba(240, 150, 70, .34);--nebula-3: rgba(120, 70, 40, .32);--galaxy-a: rgba(255, 226, 170, .14);--galaxy-b: rgba(190, 110, 50, .16);--galaxy-c: rgba(255, 200, 130, .08);--galaxy-d: rgba(240, 170, 90, .1)}