*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FAF5EE;--surface: #FFFFFF;--accent: #E39A55;--sand: #EED5AF;--ink: #2C241C;--sage: #7C9070;--border: #E8E0D5;--lumi-bubble: #FFF8F2}html,body,#root{height:100%}body{font-family:Karla,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--bg)}@media(min-width:481px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:flex;align-items:center;gap:.7rem}.orb{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e39a5573;flex-shrink:0}.orb.glowing{animation:orb-pulse 2s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.brand h1{font-family:Karla,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:.01em;text-transform:lowercase;line-height:1.2}.brand p{font-size:.75rem;color:var(--sage);line-height:1.2}.ghost-btn{background:transparent;color:var(--sage);border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;cursor:pointer;font-family:inherit;font-size:.8rem}.ghost-btn:hover{color:var(--ink);border-color:var(--sand)}.chat{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.bubble{max-width:85%;padding:.75rem 1rem;line-height:1.5;overflow-wrap:break-word;animation:message-in .15s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble p+p{margin-top:.45rem}.bubble.assistant{align-self:flex-start;background:var(--lumi-bubble);border:1px solid var(--border);border-radius:16px 16px 16px 4px;font-family:"Instrument Serif",Georgia,serif;font-size:1.1rem;color:var(--ink)}.bubble.assistant.welcome{font-size:1.4rem;line-height:1.35}.bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-radius:16px 16px 4px;font-size:.95rem}.bubble.crisis{background:var(--lumi-bubble);border:1px solid var(--accent)}.quick-replies{display:flex;flex-wrap:wrap;gap:.5rem;align-self:flex-start;max-width:85%}.quick-replies button{background:transparent;border:1px solid var(--accent);color:var(--ink);border-radius:999px;padding:.45rem .9rem;font-family:Karla,sans-serif;font-size:.85rem;cursor:pointer;animation:message-in .15s ease-out}.quick-replies button:hover{background:var(--lumi-bubble)}.typing{display:flex;gap:5px;align-items:center;padding:.9rem 1rem}.typing span{width:7px;height:7px;border-radius:50%;background:var(--sage);animation:dot-pulse 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{opacity:.3}30%{opacity:1}}.error{align-self:center;text-align:center;color:var(--ink);background:var(--sand);border-radius:12px;font-size:.85rem;padding:.5rem .9rem}.composer{display:flex;align-items:flex-end;gap:.6rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg)}.composer textarea{flex:1;resize:none;background:var(--surface);border:1px solid var(--border);border-radius:22px;color:var(--ink);padding:.65rem 1rem;font-family:Karla,sans-serif;font-size:.95rem;line-height:1.4;min-height:2.75rem;max-height:8rem}.composer textarea::placeholder{color:var(--sage)}.composer textarea:focus{outline:none;border-color:var(--accent)}.send-btn{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn svg{width:1.25rem;height:1.25rem}.send-btn:disabled{opacity:.4;cursor:default}.tabbar{display:flex;border-top:1px solid var(--border);background:var(--bg)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;padding:.5rem 0 .35rem;color:var(--sage);font-family:Karla,sans-serif;font-size:.7rem;cursor:pointer}.tabbar button.active{color:var(--accent);font-weight:600}.tabbar svg{width:22px;height:22px}.view{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.view-intro{font-family:"Instrument Serif",Georgia,serif;font-size:1.25rem;line-height:1.4;color:var(--ink);padding:.3rem .2rem .5rem}.view-note{margin-top:auto;padding-top:1rem;text-align:center;font-size:.75rem;color:var(--sage)}.habit-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.75rem .9rem;animation:message-in .15s ease-out}.habit-card.done{background:var(--lumi-bubble)}.habit-check{width:2.3rem;height:2.3rem;flex-shrink:0;border-radius:50%;border:2px solid var(--accent);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.habit-check.checked{background:var(--accent)}.habit-check svg{width:1.15rem;height:1.15rem}.habit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.habit-name{font-size:.95rem;font-weight:500;overflow-wrap:break-word}.habit-meta{font-size:.75rem;color:var(--sage)}.habit-week{display:flex;gap:3px;flex-shrink:0}.habit-week span{width:6px;height:6px;border-radius:50%;background:var(--border)}.habit-week span.filled{background:var(--accent)}.habit-remove{flex-shrink:0;background:transparent;border:none;color:var(--sage);font-size:1.1rem;line-height:1;cursor:pointer;padding:.2rem .3rem}.habit-done-note{text-align:center;padding:.6rem .5rem;animation:message-in .15s ease-out}.habit-done-note p{font-family:"Instrument Serif",Georgia,serif;font-size:1.05rem;margin-bottom:.5rem}.habit-done-note button,.habit-suggestions button{background:transparent;border:1px solid var(--accent);color:var(--ink);border-radius:999px;padding:.45rem .9rem;font-family:Karla,sans-serif;font-size:.85rem;cursor:pointer}.habit-done-note button:hover,.habit-suggestions button:hover{background:var(--lumi-bubble)}.habit-add{display:flex;gap:.5rem}.habit-add input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--ink);padding:.55rem 1rem;font-family:Karla,sans-serif;font-size:.9rem}.habit-add input::placeholder{color:var(--sage)}.habit-add input:focus{outline:none;border-color:var(--accent)}.habit-add button{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:0 1.1rem;font-family:Karla,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer}.habit-add button:disabled{opacity:.4;cursor:default}.habit-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.kompass-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem 1.1rem}.kompass-card h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.2rem;margin-bottom:.55rem}.kompass-group h3{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:.7rem 0 .3rem}.kompass-entry{font-family:"Instrument Serif",Georgia,serif;font-size:1.02rem;line-height:1.4;padding:.3rem 0;border-bottom:1px solid var(--border)}.kompass-entry:last-child{border-bottom:none}.focus-text{font-family:"Instrument Serif",Georgia,serif;font-size:1.1rem}.focus-empty{font-size:.875rem;color:var(--sage)}.link-btn{background:none;border:none;color:var(--accent);font-family:Karla,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:.45rem;padding:0}.focus-form{display:flex;gap:.5rem}.focus-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--ink);padding:.5rem .9rem;font-family:Karla,sans-serif;font-size:.9rem}.focus-form input:focus{outline:none;border-color:var(--accent)}.focus-form button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:0 1rem;font-family:Karla,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer}.commitment{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.commitment:last-of-type{border-bottom:none}.commitment-text{flex:1;font-family:"Instrument Serif",Georgia,serif;font-size:1.02rem;line-height:1.35}.commitment-actions{display:flex;gap:.4rem;flex-shrink:0}.commit-btn{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent}.commit-btn svg{width:.95rem;height:.95rem}.commit-btn.done{border:1.5px solid var(--accent);color:var(--accent)}.commit-btn.done:hover{background:var(--accent);color:#fff}.commit-btn.missed{border:1.5px solid var(--border);color:var(--sage)}.commit-btn.missed:hover{border-color:var(--sage)}.resolved-list{margin-top:.6rem}.resolved{font-size:.8rem;color:var(--sage);padding:.12rem 0}.resolved.done{text-decoration:line-through}.setting-label{font-size:.75rem;font-weight:600;color:var(--sage);margin:.7rem 0 .4rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip-row.centered{justify-content:center}.chip{background:transparent;border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:.35rem .8rem;font-family:Karla,sans-serif;font-size:.8rem;cursor:pointer}.chip.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem}.guide-card h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.15rem;margin-bottom:.45rem}.guide-card p{font-size:.875rem;line-height:1.5;color:var(--ink)}.guide-card p+p{margin-top:.55rem}.guide-card a{color:var(--accent);font-weight:600;text-decoration:none}.guide-sub{display:block;font-size:.78rem;color:var(--sage)}.guide-card ul{margin:.35rem 0 .55rem 1.1rem;font-size:.875rem;line-height:1.55}.footer{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));text-align:center;font-family:Karla,sans-serif;font-size:.7rem;line-height:1.5;color:var(--sage);background:var(--bg)}.footer a{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem}.onboarding-card{max-width:320px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.2rem 1.8rem;text-align:center}.onboarding-icon svg{width:56px;height:56px}.onboarding-text{margin-top:1.1rem;font-family:"Instrument Serif",Georgia,serif;font-size:1.3rem;line-height:1.4;color:var(--ink)}.onboarding-dots{display:flex;justify-content:center;gap:.4rem;margin:1.4rem 0 1.2rem}.onboarding-dots span{width:7px;height:7px;border-radius:50%;background:var(--border)}.onboarding-dots span.active{background:var(--accent)}.onboarding-next{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.65rem 1.8rem;font-family:Karla,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer}.header-actions{display:flex;align-items:center;gap:.4rem}.menu-btn{background:transparent;border:1px solid var(--border);border-radius:999px;width:34px;height:34px;color:var(--ink);font-size:1rem;line-height:1;letter-spacing:1px;cursor:pointer}.menu-btn.active{border-color:var(--accent);color:var(--accent)}.passphrase-card{margin-top:1.1rem;background:var(--bg);border:1px dashed var(--accent);border-radius:16px;padding:1.1rem .9rem}.passphrase-display{font-family:"Instrument Serif",Georgia,serif;font-size:1.55rem;color:var(--ink);word-break:break-word}.passphrase-warning{margin-top:.7rem;font-family:Karla,sans-serif;font-size:.8rem;line-height:1.5;color:var(--sage)}.link-btn{display:block;margin:.9rem auto 0;background:none;border:none;color:var(--sage);font-family:Karla,sans-serif;font-size:.85rem;text-decoration:underline;cursor:pointer}.link-btn.small{font-size:.75rem}.link-btn.danger{color:#b0503c}.danger-btn{background:#b0503c;color:#fff;border:none;border-radius:999px;padding:.55rem 1.4rem;font-family:Karla,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer}.login-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;color:var(--ink);margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:.7rem;align-items:center}.login-form input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.65rem .9rem;font-family:Karla,sans-serif;font-size:.95rem;background:var(--bg);color:var(--ink)}.login-form input:focus{outline:none;border-color:var(--accent)}.profil{flex:1;overflow-y:auto;padding:1rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.8rem;max-width:640px;width:100%;margin:0 auto}.profil-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.5rem;color:var(--ink)}.profil-subtitle{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.15rem;color:var(--ink);margin-top:.4rem}.profil-stats{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem}.profil-stat{font-family:"Instrument Serif",Georgia,serif;font-size:1.2rem;line-height:1.5;color:var(--ink)}.profil-hint{font-size:.875rem;line-height:1.5;color:var(--sage)}.memory-category{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.7rem .9rem}.memory-category summary{cursor:pointer;font-family:Karla,sans-serif;font-weight:600;font-size:.9rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.memory-count{background:var(--sand);border-radius:999px;padding:.05rem .55rem;font-size:.75rem;font-weight:600;color:var(--ink)}.memory-category ul{margin:.6rem 0 0 1.1rem;font-size:.85rem;line-height:1.6;color:var(--ink)}.memory-empty{margin-top:.6rem;font-size:.8rem;color:var(--sage)}.memory-category .link-btn{margin:.6rem 0 0;font-size:.75rem}.profil-actions{margin-top:.6rem;padding-top:.8rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.profil-actions .link-btn{margin:.3rem 0 0}@media(prefers-reduced-motion:reduce){.bubble,.quick-replies button,.habit-card,.habit-done-note,.orb.glowing{animation:none}}