*{box-sizing:border-box}body,html{margin:0;min-height:100vh;font-family:Noto Sans JP,Noto Sans TC,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(160deg,#fbf8f4,#f5ede5 40%,#ede5dd);background-attachment:fixed;color:#3d3d3d;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(30,27%,71%,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(30,21%,63%,.06) 0,transparent 50%);pointer-events:none;z-index:-1}.chat-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:520px;margin:0 auto;padding:.75rem 1rem calc(72px + .75rem);position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 1rem;border-bottom:1px solid hsla(29,23%,72%,.2)}.chat-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#4a4540}.chat-header p{margin:.25rem 0 0;font-size:.9rem;color:#7a7570}.chat-header-main{display:flex;flex-direction:column;gap:.1rem}.chat-header-actions{display:flex;gap:.5rem;align-items:center}.chat-reset-button,.chat-signout-button{border:none;background:transparent;color:#9a9590;font-size:.8rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .2s}.chat-reset-button:hover:not(:disabled),.chat-signout-button:hover{background:hsla(29,23%,72%,.15);color:#7a7570}.chat-reset-button:disabled{opacity:.4;cursor:default}.chat-messages{flex:1 1;overflow-y:auto;padding:1.5rem .25rem;display:flex;flex-direction:column;gap:1.1rem;scroll-behavior:smooth}.welcome{padding:2rem 1.5rem;color:#6a6560;font-size:.95rem;line-height:1.7;background:hsla(29,23%,72%,.08);border-radius:1rem}.welcome p{margin:0 0 .5rem}.welcome p:last-child{margin-bottom:0}.bubble{max-width:80%;padding:.85rem 1.05rem;border-radius:1.15rem;line-height:1.85;font-size:1rem;letter-spacing:.01em;animation:bubbleIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes bubbleIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,#d4c4b0,#c8b8a5);color:#3d3530;border-bottom-right-radius:.3rem;box-shadow:0 2px 8px hsla(30,17%,47%,.15);margin-left:2.5rem}.bubble.assistant{align-self:flex-start;background:#fff;border:none;box-shadow:0 2px 16px hsla(30,17%,47%,.1);border-bottom-left-radius:.3rem;margin-right:2.5rem}.message-row{display:flex;align-items:flex-end;gap:.6rem;width:100%}.message-row.user{flex-direction:row-reverse}.message-row .mini-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-bottom:.2rem}.bubble.assistant[data-emotion=gentle]{border-left:3px solid #c9b8a8}.bubble.assistant[data-emotion=calm]{border-left:3px solid #9cb4a8}.bubble.assistant[data-emotion=concerned]{border-left:3px solid #c4a898}.bubble.proactive{background:rgba(156,180,168,.12)}.proactive-indicator{font-size:.7rem;color:#7a9488;margin-bottom:.35rem;font-weight:500}.bubble-content{white-space:pre-wrap;word-break:break-word}.suggested-step{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed hsla(29,23%,72%,.4);font-size:.88rem;color:#6a6560}.suggested-step .label{display:block;margin-bottom:.25rem;font-weight:500;color:#5a5550}.bubble.loading .typing{display:inline-block;width:8px;height:8px;background:#c9b8a8;border-radius:50%;animation:typing .8s ease-in-out infinite}@keyframes typing{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.chat-input{display:flex;gap:.5rem;background:linear-gradient(180deg,transparent,hsla(35,55%,96%,.98) 40%);position:-webkit-sticky;position:sticky;bottom:72px;margin-bottom:-.75rem;padding:1.25rem 0 .85rem}.chat-input input{flex:1 1;padding:.9rem 1.1rem;border:1px solid hsla(29,23%,72%,.25);border-radius:1.25rem;font-size:1rem;font-family:inherit;background:#fffcf9;color:#3d3d3d;transition:all .2s ease;box-shadow:0 2px 8px hsla(30,17%,55%,.04)}.chat-input input:focus{outline:none;border-color:#c9b8a8;background:#fff;box-shadow:0 0 0 3px hsla(29,23%,72%,.12),0 4px 12px hsla(30,17%,55%,.08)}.chat-input input::placeholder{color:#b8b0a8;font-weight:300}.chat-input input:disabled{background:#f8f5f0;cursor:not-allowed;opacity:.7}.chat-input button{padding:.9rem 1.25rem;border:none;border-radius:1.25rem;background:linear-gradient(135deg,#c9b8a8,#b8a898);color:#fff;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px hsla(30,21%,63%,.2)}.chat-input button:hover:not(:disabled){background:linear-gradient(135deg,#b8a898,#a89888);transform:translateY(-1px);box-shadow:0 4px 12px hsla(30,21%,63%,.25)}.chat-input button:active:not(:disabled){transform:translateY(0)}.chat-input button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.voice-button{padding:0!important;width:3.25rem!important;height:3.25rem!important;background:linear-gradient(145deg,#fff,#f5f0ea)!important;border:2px solid hsla(30,21%,63%,.25)!important;border-radius:50%!important;color:#8a7a70;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px hsla(30,17%,47%,.12),inset 0 1px 0 hsla(0,0%,100%,.8)!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.voice-button:hover:not(:disabled){background:linear-gradient(145deg,#fff,#ede5dd)!important;border-color:#c0a898!important;transform:scale(1.08)!important;box-shadow:0 6px 20px hsla(30,17%,47%,.18),inset 0 1px 0 hsla(0,0%,100%,.9)!important}.voice-button:active:not(:disabled){transform:scale(.95)!important}.voice-button.listening{background:linear-gradient(145deg,#e8f5ec,#d0e8d8)!important;border-color:#7cb890!important;animation:listenPulse 1.2s ease-in-out infinite;color:#5a9068}.voice-button.transcribing{background:linear-gradient(145deg,#f5ede5,#e8ddd0)!important;border-color:#c8b8a0!important;cursor:wait;animation:transcribeWait .8s ease-in-out infinite;color:#9a8a78}@keyframes listenPulse{0%,to{box-shadow:0 0 0 0 rgba(124,184,144,.5),0 4px 16px rgba(100,160,120,.2);transform:scale(1)}50%{box-shadow:0 0 0 12px rgba(124,184,144,0),0 6px 20px rgba(100,160,120,.25);transform:scale(1.05)}}@keyframes transcribeWait{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fffcf8;border:1px solid hsla(29,23%,72%,.2);border-radius:1.25rem;box-shadow:0 4px 20px hsla(30,17%,55%,.1);padding:2.5rem 2rem;width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin:0;font-size:1.85rem;font-weight:600;color:#4a4540}.login-header p{margin:.5rem 0 0;font-size:.95rem;color:#7a7570}.login-loading{text-align:center;color:#9a9590;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.95rem 1.15rem;border:1px solid hsla(29,23%,72%,.3);border-radius:.85rem;font-size:.95rem;font-family:inherit;background:#fffcf8;color:#3d3d3d;transition:all .2s}.login-form input:focus{outline:none;border-color:#c9b8a8;box-shadow:0 0 0 3px hsla(29,23%,72%,.15)}.login-form input:disabled{background:#f5f0ea;cursor:not-allowed}.login-error{margin:0;padding:.75rem 1rem;background:hsla(12,48%,59%,.1);border:1px solid hsla(12,48%,59%,.2);border-radius:.65rem;color:#a85a4a;font-size:.88rem;line-height:1.5}.login-button{padding:1rem 1.25rem;border:none;border-radius:.85rem;background:#c9b8a8;color:#fff;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;margin-top:.5rem;transition:all .2s}.login-button:hover:not(:disabled){background:#b8a898;transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:.85rem;margin:1.5rem 0;color:#a8a098;font-size:.88rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:hsla(29,23%,72%,.3)}.login-google-button{width:100%;padding:1rem 1.25rem;border:1px solid hsla(29,23%,72%,.3);border-radius:.85rem;background:#fffcf8;color:#4a4540;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.login-google-button:hover:not(:disabled){background:#faf7f2;border-color:#c9b8a8}.login-google-button:disabled{opacity:.6;cursor:not-allowed}.login-toggle{text-align:center;margin:1.75rem 0 0;font-size:.9rem;color:#7a7570}.login-toggle-button{border:none;background:none;color:#c9b8a8;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;padding:0;margin-left:.25rem;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.login-toggle-button:hover:not(:disabled){color:#b8a898}.login-toggle-button:disabled{opacity:.6;cursor:not-allowed}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:50}.bottom-nav{background:rgba(255,252,248,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid hsla(29,23%,72%,.2);justify-content:space-around;padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom));height:72px;box-shadow:0 -4px 20px hsla(30,17%,55%,.06)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;justify-content:center;flex:1 1;position:relative;padding:.5rem 0;height:100%;border:none;background:transparent;cursor:pointer;transition:all .2s;color:#b8b0a8}.bottom-nav-item.active{color:#c9b8a8}.bottom-nav-item:hover{color:#9a9590}.bottom-nav-indicator{position:absolute;top:0;width:2rem;height:.15rem;background:#c9b8a8;border-radius:999px;animation:fadeIn .3s ease}.bottom-nav-icon{font-size:1.5rem;margin-bottom:.25rem;transition:all .2s;filter:grayscale(0)}.bottom-nav-icon.grayscale{filter:grayscale(1);opacity:.6}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1) translateY(-2px)}.bottom-nav-label{font-size:.65rem;font-weight:600;letter-spacing:-.02em;transition:opacity .2s}.bottom-nav-item.active .bottom-nav-label{opacity:1}.bottom-nav-item:not(.active) .bottom-nav-label{opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.page-container{display:flex;flex-direction:column;min-height:100vh;max-width:560px;margin:0 auto;padding:1rem 1rem calc(72px + 1rem)}.page-header{padding:1.25rem 0;border-bottom:1px solid hsla(29,23%,72%,.2)}.page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#4a4540}.page-header p{margin:.25rem 0 0;font-size:.9rem;color:#7a7570}.page-content{flex:1 1;padding:1.5rem 0}.text-muted{color:#9a9590;font-size:.95rem;text-align:center;margin:2rem 0}.text-muted-small{color:#a8a098;font-size:.85rem;margin-top:.5rem}.chat-header-simple{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid hsla(29,23%,72%,.2)}.chat-header-simple h1{margin:0;font-size:1.25rem;font-weight:600;color:#4a4540}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{padding:1.5rem;background:#fffcf8;border:1px solid hsla(29,23%,72%,.2);border-radius:1rem}.settings-section h2{margin:0 0 .85rem;font-size:1rem;font-weight:600;color:#4a4540}.user-email{color:#7a7570;font-size:.95rem;margin:0}.button-danger{width:100%;padding:.95rem 1.25rem;border:none;border-radius:.85rem;background:#d8a898;color:#fff;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.button-danger:hover{background:#c89888}.version-info{text-align:center;font-size:.75rem;color:#a8a098;margin-top:2rem;padding:1rem}.task-list-container{display:flex;flex-direction:column;gap:1rem}.task-list-summary{padding:1.15rem;text-align:center;background:hsla(29,23%,72%,.1);border-radius:1rem}.task-summary-text{margin:0;color:#6a6560;font-size:.95rem}.task-list-filters{display:flex;gap:.5rem;padding:.5rem 0}.task-filter-button{flex:1 1;padding:.6rem .85rem;border:1px solid hsla(29,23%,72%,.3);border-radius:.65rem;background:#fffcf8;color:#7a7570;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.task-filter-button.active{background:#c9b8a8;color:#fff;border-color:#c9b8a8}.task-filter-button:hover:not(.active){border-color:#c9b8a8;background:hsla(29,23%,72%,.08)}.task-category-filter{padding:.25rem 0}.task-category-select{width:100%;border:1px solid hsla(29,23%,72%,.3);border-radius:.65rem;background:#fffcf8;color:#6a6560;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a7570' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding:.7rem 2.25rem .7rem .95rem}.task-category-select:focus{outline:none;border-color:#c9b8a8;box-shadow:0 0 0 3px hsla(29,23%,72%,.15)}.task-category-select:hover{border-color:#c9b8a8}.task-add-button{width:100%;padding:1rem;border:2px dashed hsla(29,23%,72%,.4);border-radius:1rem;background:transparent;color:#9a9590;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.task-add-button:hover{border-color:#c9b8a8;color:#c9b8a8;background:hsla(29,23%,72%,.05)}.task-form-wrapper{padding:1.25rem;background:#fffcf8;border:1px solid hsla(29,23%,72%,.2);border-radius:1rem}.task-form{gap:1rem}.task-form,.task-form-field{display:flex;flex-direction:column}.task-form-field{gap:.4rem}.task-form-label{font-size:.8rem;font-weight:500;color:#7a7570}.task-form-input,.task-form-select,.task-form-textarea{padding:.85rem;border:1px solid hsla(29,23%,72%,.3);border-radius:.65rem;font-size:.95rem;font-family:inherit;background:#fffcf8;color:#3d3d3d;transition:all .2s}.task-form-input:focus,.task-form-select:focus,.task-form-textarea:focus{outline:none;border-color:#c9b8a8;box-shadow:0 0 0 3px hsla(29,23%,72%,.15)}.task-form-textarea{resize:vertical;min-height:70px}.task-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem}.task-form-actions{display:flex;gap:.65rem;margin-top:.5rem}.task-form-button-primary,.task-form-button-secondary{flex:1 1;padding:.85rem;border:none;border-radius:.65rem;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.task-form-button-secondary{background:hsla(29,23%,72%,.15);color:#6a6560}.task-form-button-secondary:hover{background:hsla(29,23%,72%,.25)}.task-form-button-primary{background:#c9b8a8;color:#fff}.task-form-button-primary:hover:not(:disabled){background:#b8a898}.task-form-button-primary:disabled{opacity:.5;cursor:not-allowed}.task-list{display:flex;flex-direction:column;gap:.85rem}.task-list-empty{padding:3.5rem 1.5rem;text-align:center;color:#a8a098;font-size:.95rem;background:hsla(29,23%,72%,.05);border-radius:1rem}.task-list-empty p{margin:0}.task-item{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:1.15rem;background:#fffcf8;border:1px solid hsla(29,23%,72%,.2);border-radius:1rem;transition:all .2s}.task-item:hover{box-shadow:0 2px 12px hsla(30,17%,55%,.08)}.task-item.completed{opacity:.6;background:#faf7f2}.task-item.completed .task-title{text-decoration:line-through;color:#a8a098}.task-item.just-completed{animation:warmGlow 1.5s ease-out;opacity:1;background:#fffcf8}@keyframes warmGlow{0%{background:rgba(156,180,168,.2);box-shadow:0 0 0 0 rgba(156,180,168,.4)}30%{background:rgba(156,180,168,.25);box-shadow:0 0 16px 6px rgba(156,180,168,.2)}to{background:#faf7f2;box-shadow:none}}.task-checkbox.celebrate{animation:checkCelebrate .5s ease-out}@keyframes checkCelebrate{0%{transform:scale(1)}30%{transform:scale(1.3);background:rgba(156,180,168,.25);border-color:#9cb4a8}to{transform:scale(1)}}.completion-message{position:absolute;top:-1.75rem;left:50%;transform:translateX(-50%);background:rgba(156,180,168,.95);color:#fff;font-size:.8rem;font-weight:500;padding:.4rem 1rem;border-radius:999px;white-space:nowrap;animation:messageFloat 1.5s ease-out forwards;z-index:10;box-shadow:0 2px 8px rgba(156,180,168,.3)}@keyframes messageFloat{0%{opacity:0;transform:translateX(-50%) translateY(8px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-8px)}}.task-item-main{display:flex;align-items:flex-start;gap:.85rem;flex:1 1}.task-checkbox{width:1.5rem;height:1.5rem;border:2px solid hsla(29,23%,72%,.5);border-radius:.4rem;background:#fffcf8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-top:.1rem}.task-checkbox:hover{border-color:#c9b8a8;background:hsla(29,23%,72%,.1)}.task-checkbox .checkmark{color:#9cb4a8;font-size:1rem;font-weight:700}.task-item-content{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.task-title{font-size:.95rem;font-weight:500;color:#3d3d3d;line-height:1.45}.task-description{font-size:.85rem;color:#7a7570;line-height:1.5}.task-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-category,.task-due-date{font-size:.75rem;padding:.3rem .6rem;border-radius:.4rem;font-weight:500}.task-category{background:hsla(29,23%,72%,.15);color:#7a7570}.task-due-date{background:rgba(156,180,168,.15);color:#6b8176}.task-due-date.urgent{background:hsla(28,71%,72%,.25);color:#b87333;font-weight:600}.task-due-date.past{background:hsla(0,27%,71%,.2);color:#a07070}.task-delete-button{width:1.75rem;height:1.75rem;border:none;background:transparent;color:#c9b8a8;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.4rem;transition:all .2s;flex-shrink:0;line-height:1;margin-top:-.25rem}.task-delete-button:hover{background:hsla(15,45%,72%,.15);color:#d8a898}.journey-container{display:flex;flex-direction:column;gap:1.5rem}.journey-card{padding:1.5rem;background:#fffcf8;border:1px solid hsla(29,23%,72%,.2);border-radius:1rem;display:flex;align-items:center;gap:1.15rem}.journey-streak{border-left:4px solid #9cb4a8}.journey-steps{border-left:4px solid #c9b8a8}.journey-card-icon{font-size:2.25rem;flex-shrink:0}.journey-card-content{flex:1 1}.journey-card-title{font-size:.85rem;color:#7a7570;margin-bottom:.35rem}.journey-card-value{font-size:1.85rem;font-weight:600;color:#4a4540;margin-bottom:.25rem}.journey-card-subtitle{font-size:.85rem;color:#9a9590}.journey-section{display:flex;flex-direction:column;gap:1rem}.journey-section-title{font-size:1.1rem;font-weight:600;color:#4a4540;margin:0}.journey-empty{text-align:center;padding:2.5rem 1rem;color:#9a9590;background:hsla(29,23%,72%,.05);border-radius:1rem}.journey-empty p{margin:0;font-size:.95rem}.journey-empty-hint{margin-top:.5rem!important;font-size:.85rem!important;color:#a8a098!important}.journey-milestones{display:flex;flex-direction:column;gap:.85rem}.journey-milestone-item{padding:1.15rem;background:hsla(29,23%,72%,.08);border:1px solid hsla(29,23%,72%,.15);border-radius:1rem;display:flex;align-items:flex-start;gap:.85rem}.journey-milestone-icon{font-size:1.5rem;flex-shrink:0}.journey-milestone-content{flex:1 1}.journey-milestone-title{font-size:.95rem;font-weight:500;color:#4a4540;margin-bottom:.3rem}.journey-milestone-description{font-size:.85rem;color:#7a7570;line-height:1.5}.journey-footer{text-align:center;padding:2.5rem 1rem;color:#a8a098;font-size:.85rem}.journey-footer p{margin:.25rem 0}.header-actions{display:flex;gap:.35rem;align-items:center}.chat-clear-button,.conversation-mode-button{border:none;background:transparent;font-size:1.15rem;padding:.5rem;cursor:pointer;opacity:.45;transition:all .2s ease;border-radius:.6rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem}.chat-clear-button:hover:not(:disabled),.conversation-mode-button:hover{opacity:.75;background:hsla(30,21%,63%,.12)}.conversation-mode-button.active{opacity:1;background:linear-gradient(135deg,rgba(140,180,156,.2),rgba(120,160,136,.25))}.chat-clear-button:disabled{opacity:.2;cursor:default}.conversation-mode-banner{padding:.65rem 1rem;background:rgba(156,180,168,.15);font-size:.8rem;margin-bottom:.5rem}.playing-indicator{padding:.5rem 1rem;background:hsla(29,23%,72%,.15);border-radius:999px;font-size:.8rem;color:#7a7570;text-align:center;align-self:center;animation:pulse 1.5s ease-in-out infinite}.bubble.assistant .bubble-content{font-family:Noto Sans JP,Noto Sans TC,system-ui,sans-serif}.ruri-avatar{position:relative}.ruri-avatar,.ruri-avatar-inner{display:flex;align-items:center;justify-content:center}.ruri-avatar-inner{background:linear-gradient(135deg,#f8f3ed,#e8ddd0);border-radius:50%;box-shadow:0 3px 12px hsla(30,17%,55%,.15);border:2px solid hsla(0,0%,100%,.8);overflow:hidden;transition:all .3s ease;animation:gentleBreathing 4s ease-in-out infinite}@keyframes gentleBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ruri-avatar-small .ruri-avatar-inner{width:2.25rem;height:2.25rem}.ruri-avatar-medium .ruri-avatar-inner{width:3.25rem;height:3.25rem}.ruri-avatar-large .ruri-avatar-inner{width:8rem;height:8rem;box-shadow:0 8px 32px hsla(30,17%,55%,.2)}.ruri-welcome .ruri-avatar-large .ruri-avatar-inner{width:10rem;height:10rem}.ruri-avatar-image{border-radius:50%;object-fit:cover;object-position:center 15%;transition:transform .3s ease}.ruri-avatar-large .ruri-avatar-image{object-position:center 20%}.ruri-avatar:hover .ruri-avatar-image{transform:scale(1.03)}.ruri-avatar-pulse{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(156,180,168,.4) 0,rgba(156,180,168,0) 70%);animation:avatarPulse 1.5s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.3}}.ruri-avatar.speaking .ruri-avatar-inner{box-shadow:0 0 0 3px rgba(156,180,168,.5),0 4px 16px rgba(140,160,148,.25);border-color:rgba(156,180,168,.3)}.ruri-header{justify-content:space-between;padding:.85rem 1rem;background:linear-gradient(180deg,rgba(255,253,250,.97),rgba(255,253,250,.92));margin:-.75rem -1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(29,23%,72%,.12);box-shadow:0 2px 12px hsla(30,17%,55%,.04)}.ruri-header,.ruri-profile{display:flex;align-items:center}.ruri-profile{gap:.75rem;cursor:pointer;padding:.25rem;border-radius:1rem;transition:background .2s ease}.ruri-profile:hover{background:hsla(29,23%,72%,.08)}.ruri-info{display:flex;flex-direction:column;gap:.1rem}.ruri-info h1{margin:0;font-size:1.05rem;font-weight:600;color:#3d3835;font-family:Noto Sans JP,sans-serif;letter-spacing:.01em}.ruri-info p{margin:0;font-size:.72rem;color:#7a9888;font-weight:500;display:flex;align-items:center;gap:.35rem}.ruri-info p:before{content:"";display:inline-block;width:7px;height:7px;background:linear-gradient(135deg,#8cb89c,#7aa88a);border-radius:50%;box-shadow:0 0 4px rgba(140,184,156,.5);animation:onlinePulse 2.5s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1;box-shadow:0 0 4px rgba(140,184,156,.5)}50%{opacity:.7;box-shadow:0 0 8px rgba(140,184,156,.3)}}.ruri-header.speaking .ruri-info p{color:#6b9878}.ruri-header.speaking .ruri-info p:before{background:linear-gradient(135deg,#7ac090,#5aa878);animation:speakingPulse .8s ease-in-out infinite}@keyframes speakingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.ruri-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem 3rem;gap:1rem;animation:welcomeIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes welcomeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ruri-welcome .ruri-avatar-large .ruri-avatar-inner{width:7rem;height:7rem;box-shadow:0 8px 32px hsla(30,17%,47%,.2),0 0 0 4px hsla(0,0%,100%,.8)}.ruri-welcome-text{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.ruri-welcome-text h2{margin:0;font-size:1.5rem;font-weight:600;color:#3d3835;font-family:Noto Sans JP,sans-serif;letter-spacing:.02em}.ruri-welcome-subtitle{margin:0;font-size:.78rem;color:#9a9590;font-weight:400;letter-spacing:.03em}.ruri-welcome-message{margin-top:1rem;padding:1.1rem 1.35rem;background:#fff;border:none;border-radius:1.15rem;border-bottom-left-radius:.3rem;box-shadow:0 4px 20px hsla(30,17%,47%,.1);position:relative;max-width:280px}.ruri-welcome-message:before{display:none}.ruri-welcome-message-row{display:flex;align-items:flex-end;gap:.6rem}.ruri-welcome-message p{margin:0;font-size:1rem;color:#3d3835;font-family:Noto Sans JP,sans-serif;line-height:1.7}.ruri-welcome-message p+p{margin-top:.35rem}.ruri-welcome-hint{margin-top:1.5rem;font-size:.8rem;color:#a8a098;display:flex;align-items:center;gap:.5rem}.ruri-welcome-hint .mic-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(145deg,#e8f5ec,#d8e8dc);border-radius:50%;font-size:.85rem;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;animation:fadeIn .5s ease-out}.loading-screen p{color:#9a9590;font-size:1rem;font-family:Noto Sans JP,sans-serif;animation:loadingText 1.5s ease-in-out infinite}@keyframes loadingText{0%,to{opacity:1}50%{opacity:.5}}.usage-indicator{padding:.35rem .75rem;font-size:.72rem;color:#a8a098;text-align:center;transition:all .3s ease;border-radius:.5rem;margin:.25rem 0}.usage-indicator.low{color:#c4a060;background:rgba(196,160,96,.08)}.usage-indicator.exhausted{color:#c47060;font-weight:500;background:rgba(196,112,96,.1);padding:.5rem .85rem}.voice-fallback-notice{padding:.6rem 1rem;background:hsla(29,23%,72%,.15);border-radius:.85rem;font-size:.85rem;color:#6a6560;text-align:center;margin:.25rem 0;font-family:Noto Sans JP,sans-serif;animation:noticeSlideIn .3s ease-out,noticeSlideOut .3s ease-in 4.7s}@keyframes noticeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes noticeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.conversation-mode-banner{padding:.5rem .85rem;background:linear-gradient(135deg,rgba(156,180,168,.12),rgba(140,164,152,.15));border-radius:.75rem;font-size:.78rem;color:#6b8176;text-align:center;margin:.25rem 0;animation:fadeIn .3s ease;border:1px solid rgba(156,180,168,.15)}