*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}html{min-height:calc(100% + env(safe-area-inset-top));background-color:#1e0f32;height:100%}body{min-height:calc(100% + env(safe-area-inset-top));overscroll-behavior:none;background-color:#1e0f32;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{position:fixed;overflow:hidden;inset:0}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.device-guard-desktop{display:flex;color:#fff8e7;text-align:center;background:linear-gradient(135deg,#1a0533,#2d1b69,#1a0533);flex-direction:column;justify-content:center;align-items: center;height:100%;padding:40px}.device-guard-desktop .emoji{margin-bottom:24px;font-size:80px}.device-guard-desktop h2{margin-bottom:12px;font-size:22px;font-weight:700}.device-guard-desktop p,.device-guard-mobile p{opacity:.6;font-size:14px;line-height:1.6}.device-guard-mobile{display:flex;color:#fff8e7;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 60px)32px 40px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#1a0533,#2d1b69,#1a0533);flex-direction:column;align-items: center;height:100%}.device-guard-mobile .emoji{margin-bottom:16px;font-size:72px}.device-guard-mobile h2{margin-bottom:8px;font-size:24px;font-weight:700}.device-guard-mobile .guard-subtitle{opacity:.7;margin-bottom:32px;font-size:15px}.guard-steps{text-align:left;width:100%;max-width:320px;margin-bottom:32px}.guard-step{display:flex;color:#fff8e7d9;background:#fff8e70f;border:1px solid #fff8e714;border-radius:12px;align-items: center;gap:12px;margin-bottom:8px;padding:14px 16px;font-size:14px;line-height:1.4}.guard-step strong{color:#f0d68a}.step-num{color:#d4a843;text-align:center;background:#d4a84340;border-radius:12px;flex-shrink:0;width:24px;height:24px;font-size:13px;font-weight:700;line-height:24px}.step-icon{font-size:16px}.guard-install-btn{color:#fff8e7;cursor:pointer;background:linear-gradient(135deg,#d4a84366,#b4643280);border:1px solid #d4a84366;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700}.guard-install-btn:active{opacity:.8}.guard-hint{opacity:.4;max-width:260px;font-size:12px;line-height:1.5}.install-prompt{position:fixed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;animation:slideUp .3s ease-out;background:#2a1545f2;border-top:1px solid #d4a8434d;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-prompt-content{display:flex;align-items: center;gap:12px}.install-prompt-icon{flex-shrink:0;font-size:36px}.install-prompt-text{flex:1}.install-prompt-text h3{color:#fff8e7;margin-bottom:4px;font-size:14px;font-weight:600}.install-prompt-text p{color:#fff8e799;font-size:12px;line-height:1.4}.install-prompt-close{color:#fff8e780;cursor:pointer;background:0 0;border:1px solid #fff8e733;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px}.install-prompt-btn{color:#f0d68a;cursor:pointer;background:#d4a8434d;border:1px solid #d4a84366;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.app-container{display:flex;position:relative;flex-direction:column;height:100%}.tab-bar{display:flex;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:#1e0f32e6;border-top:1px solid #fff8e714;flex-shrink:0}.tab-bar-item{display:flex;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items: center;gap:2px;padding:8px 0 6px}.tab-bar-item .tab-icon{font-size:20px;line-height:1}.tab-bar-item .tab-label{color:#fff8e766;font-size:10px;font-weight:500}.tab-bar-item.active .tab-label{color:#d4a843}.screen{overflow:hidden;position:relative;flex:1}.home-screen{display:flex;position:relative;flex-direction:column;height:100%}.home-bg{position:absolute;z-index:0;background-position:50%;background-size:cover;inset:0}.messages-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:10;padding:calc(env(safe-area-inset-top,0px) + 12px)0 0;flex:1}.messages-spacer{height:40%}.messages-content{padding-bottom:170px}.message-enter{animation:fadeInDown .4s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.controls{position:absolute;z-index:20;bottom:0;left:0;right:0}.controls-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e0f32a6;border-top:1px solid #fff8e71a;border-left:1px solid #fff8e71a;border-right:1px solid #fff8e71a;border-top-left-radius:24px;border-top-right-radius:24px;padding:30px 20px 36px}.controls-row{display:flex;justify-content:center;align-items: flex-end;gap:24px}.side-button{display:flex;flex-direction:column;align-items: center}.side-label{color:#fff8e7;text-shadow:0 1px 3px #0009;margin-bottom:4px;font-size:11px;font-weight:600}.frosted-button{display:flex;cursor:pointer;background:#4a9e6b80;border:1.5px solid #fff8e740;border-radius:28px;justify-content:center;align-items: center;width:56px;height:56px}.frosted-badge{display:flex;background:#d4a84340;border:1.5px solid #d4a84359;border-radius:28px;justify-content:center;align-items: center;width:56px;height:56px}.count-text{color:#fff8e7;text-shadow:0 1px 2px #0006;font-size:20px;font-weight:700}.voice-container{display:flex;position:relative;flex-direction:column;align-items: center}.voice-hint{color:#fff8e7;text-shadow:0 1px 3px #0009;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:12px;font-weight:600}.voice-pulse{position:absolute;animation:pulse 1.4s ease-in-out infinite;background:#ff6b6b4d;border-radius:42px;width:84px;height:84px;bottom:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.5}}.voice-button{display:flex;cursor:pointer;user-select:none;touch-action:none;position:relative;z-index:1;background:#b464328c;border:2.5px solid #fff8e759;border-radius:38px;justify-content:center;align-items: center;width:76px;height:76px}.voice-button.recording{background:#dc46328c;border-color:#ff787880}.voice-button.disabled{opacity:.7;background:#64648c8c;border-color:#c8c8ff4d}.bouncing-dots{display:flex;align-items: center;gap:6px}.bouncing-dot{animation:bounce .6s ease-in-out infinite;background:#fff8e7;border-radius:4px;width:8px;height:8px}.bouncing-dot:nth-child(2){animation-delay:.15s}.bouncing-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.message-row{display:flex;margin:4px 14px}.message-row.bear{justify-content:flex-start}.message-row.user{justify-content:flex-end}.avatar-circle{display:flex;background:#fffaf0d9;border:1px solid #d4a8434d;border-radius:16px;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px;margin-top:4px;margin-right:6px}.avatar-emoji{font-size:17px;line-height:1}.bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;box-shadow:0 2px 4px #00000026}.bubble.bear-bubble{background:#fffaf0eb;border:1px solid #d4a84333;border-top-left-radius:4px}.bubble.user-bubble{background:#b46432e0;border:1px solid #ffc89633;border-top-right-radius:4px}.bubble.failed-bubble{cursor:pointer;border-color:#ff64644d}.bubble-text{font-size:14px;line-height:1.5}.bubble-text.bear-text{color:#4a3728}.bubble-text.user-text{color:#fff8e7}.recognizing-row{display:flex;align-items: center;gap:6px}.recognizing-text{color:#fff8e7b3;font-size:13px}.recognizing-dots{display:flex;align-items: center;gap:5px}.recognizing-dot{animation:bounce .5s ease-in-out infinite;background:#fff8e7cc;border-radius:3px;width:6px;height:6px}.recognizing-dot:nth-child(2){animation-delay:.12s}.recognizing-dot:nth-child(3){animation-delay:.24s}.failed-text{color:#ffc8c8e6;font-size:13px}.actions-row{display:flex;gap:8px;margin-top:10px}.action-button{color:#fff8e7;cursor:pointer;background:#b46432d9;border:1px solid #ffc8964d;border-radius:14px;padding:6px 14px;font-size:13px;font-weight:600}.context-menu-overlay{position:fixed;z-index:1000;display:flex;animation:fadeIn .15s ease-out;background:#0006;justify-content:center;align-items: center;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-menu{overflow:hidden;background:#2a1545;border:1px solid #fff8e71a;border-radius:14px;min-width:200px}.context-menu-item{color:#fff8e7;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:14px 20px;font-size:15px}.context-menu-item:not(:last-child){border-bottom:1px solid #fff8e714}.context-menu-item:active{background:#fff8e70d}.context-menu-item.destructive{color:#ff6b6b}.modal-overlay{position:fixed;display:flex;z-index:1000;animation:fadeIn .2s ease-out;background:#0009;justify-content:center;align-items: center;padding:24px;inset:0}.modal-content{background:#2a1545;border:1px solid #fff8e71a;border-radius:16px;width:100%;max-width:400px;padding:20px}.modal-title{color:#fff8e7;margin-bottom:12px;font-size:16px;font-weight:600}.modal-input{color:#fff8e7;resize:none;outline:none;background:#fff8e714;border:1px solid #fff8e71f;border-radius:10px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.modal-input:focus{border-color:#d4a84366}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.modal-btn-cancel{color:#fff8e780;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.modal-btn-confirm{color:#f0d68a;cursor:pointer;background:#d4a8434d;border:1px solid #d4a84366;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.history-screen{display:flex;background:linear-gradient(#1a0533,#2d1b69,#1a0533);flex-direction:column;height:100%}.history-header{display:flex;padding:calc(env(safe-area-inset-top,0px) + 10px)20px 16px;flex-shrink:0;align-items: center;gap:10px}.history-header-title{color:#fff8e7;font-size:24px;font-weight:700}.history-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px);flex:1}.diary-card{display:flex;cursor:pointer;animation:fadeInDown .4s ease-out;position:relative;overflow:hidden;touch-action:pan-y;background:#fff8e714;border:1px solid #d4a84333;border-radius:16px;margin-bottom:12px;padding:16px}.diary-card.tutorial{background:#fff8e70a;border-color:#a0781826}.card-date{display:flex;background:#d4a84333;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items: center;width:50px;height:50px;margin-right:14px}.card-date.tutorial{background:#a0781826}.card-date .date-day{color:#d4a843;font-size:20px;font-weight:700;line-height:1.2}.card-date .date-month{color:#d4a843;opacity:.8;font-size:10px}.tutorial-icon{font-size:22px}.card-content{flex:1;min-width:0}.card-title{color:#fff8e7;margin-bottom:4px;font-size:16px;font-weight:600}.card-preview{color:#fff8e7;opacity:.6;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;line-height:1.4}.card-meta{color:#d4a843;opacity:.6;font-size:11px}.card-delete-btn{position:absolute;display:flex;color:#fff;cursor:pointer;background:#c33;border:none;border-radius:0 16px 16px 0;justify-content:center;align-items: center;width:72px;transition:transform .2s;font-size:14px;font-weight:600;top:0;bottom:0;right:0;transform:translate(100%)}.diary-card.swiped .card-delete-btn{transform:translate(0)}.history-empty{display:flex;flex-direction:column;align-items: center;padding-top:80px}.history-empty .empty-emoji{margin-bottom:16px;font-size:60px}.history-empty .empty-text{color:#fff8e7;margin-bottom:8px;font-size:18px;font-weight:600}.history-empty .empty-hint{color:#fff8e7;opacity:.5;font-size:14px}.diary-detail{display:flex;background:linear-gradient(#1a0533,#2d1b69,#1a0533);flex-direction:column;height:100%}.detail-header{display:flex;padding:calc(env(safe-area-inset-top,0px) + 8px)16px 12px;flex-shrink:0;justify-content:space-between;align-items: center}.back-button{cursor:pointer;color:#fff8e7;background:0 0;border:none;padding:8px}.header-actions{display:flex;gap:6px}.header-action-btn{display:flex;cursor:pointer;background:#fff8e71a;border:none;border-radius:20px;justify-content:center;align-items: center;width:40px;height:40px}.detail-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px);flex:1}.diary-card-detail{position:relative;overflow:hidden;animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#fff8e7,#fff0d4,#fff8e7);border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000004d}.diary-date{color:#a07818;text-align:center;margin-bottom:12px;font-size:13px}.diary-title{color:#4a3728;text-align:center;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.4}.title-divider{background:#d4a843;border-radius:1px;width:40px;height:2px;margin:0 auto 20px}.diary-content{color:#4a3728;letter-spacing:.3px;white-space:pre-wrap;font-size:15px;line-height:1.73}.card-footer{display:flex;justify-content:center;align-items: center;gap:12px;margin-top:28px}.footer-line{opacity:.3;background:#d4a843;flex:1;height:1px}.footer-brand{display:flex;align-items: center;gap:4px}.footer-brand .bear-decor{font-size:14px}.footer-brand .footer-text{color:#a07818;opacity:.5;font-size:11px}.fragments-section{animation:fadeInDown .4s ease-out .3s both;background:#fff8e70f;border:1px solid #d4a84326;border-radius:16px;margin-top:24px;padding:16px}.fragments-title-row{display:flex;align-items: center;gap:6px;margin-bottom:12px}.fragments-title{color:#d4a843;font-size:15px;font-weight:600}.fragment{display:flex;align-items: flex-start;margin-bottom:10px}.fragment-index{color:#d4a843;text-align:center;background:#d4a84333;border-radius:11px;flex-shrink:0;width:22px;height:22px;margin-top:1px;margin-right:10px;font-size:12px;line-height:22px}.fragment-text{color:#fff8e7;opacity:.7;flex:1;font-size:13px;line-height:1.54}.toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff8e7;z-index:2000;animation:toastIn .3s ease-out;white-space:nowrap;background:#2a1545f2;border:1px solid #d4a8434d;border-radius:12px;padding:10px 20px;font-size:14px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.update-toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;z-index:3000;animation:toastIn .3s ease-out;white-space:nowrap;background:#2a1545f2;border:1px solid #d4a84366;border-radius:14px;align-items: center;gap:12px;padding:12px 16px;left:50%;transform:translate(-50%)}.update-toast span{color:#fff8e7;font-size:14px}.update-toast button{color:#f0d68a;cursor:pointer;background:#d4a8434d;border:1px solid #d4a84366;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.confirm-overlay{position:fixed;display:flex;z-index:1000;animation:fadeIn .15s ease-out;background:#0009;justify-content:center;align-items: center;padding:24px;inset:0}.confirm-dialog{text-align:center;background:#2a1545;border:1px solid #fff8e71a;border-radius:16px;width:100%;max-width:300px;padding:24px}.confirm-title{color:#fff8e7;margin-bottom:8px;font-size:16px;font-weight:600}.confirm-message{color:#fff8e799;margin-bottom:20px;font-size:14px;line-height:1.4}.confirm-buttons{display:flex;justify-content:center;gap:12px}.confirm-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600}.confirm-btn.cancel{color:#fff8e780;background:#fff8e714}.confirm-btn.destructive{color:#ff6b6b;background:#ff50504d}.confirm-btn.primary{color:#f0d68a;background:#d4a8434d}