.layout-root{display:flex;height:100vh;width:100%;background:#f3f4f6;overflow:hidden}.layout-main{flex:1;display:flex;flex-direction:column;height:100vh;background:#f9fafb}.name-setup-backdrop{position:fixed;inset:0;background:#121212;display:flex;align-items:center;justify-content:center;z-index:100}.name-setup-card{width:90%;max-width:360px;background:#181818;border-radius:16px;padding:24px;text-align:center;animation:fadeIn .25s ease}.name-setup-title{font-size:16px;color:#e4e4e4;margin-bottom:16px}.name-setup-input{width:100%;padding:12px;border-radius:10px;border:1px solid #2a2a2a;background:#1f1f1f;color:#e4e4e4;outline:none;margin-bottom:16px}.name-setup-button{width:100%;padding:12px;border-radius:10px;border:none;background:#4f46e5;color:#fff;cursor:pointer}@media(max-width:768px){.layout-root{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;z-index:100;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0006;z-index:90}.layout-main{width:100%}.topbar{padding:10px 12px}.topbar-title{font-size:14px}.chat-window{padding:12px 12px 90px}.bubble{max-width:80%;font-size:14px}.scroll-to-latest{bottom:100px;right:16px}.chat-input{padding:8px}.chat-textarea{font-size:14px}}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh}.sidebar-content{flex:1;padding:16px 12px;box-sizing:border-box;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;padding-left:6px}.sidebar-item{padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;color:#111827;transition:background .2s}.sidebar-item:hover{background:#f3f4f6}.sidebar-settings{background:#f9fafb;border:1px solid #e5e7eb}.sidebar-settings:hover{background:#f3f4f6}.sidebar-footer{padding:12px;border-top:1px solid #e5e7eb}.sidebar-logout{padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;color:#ef4444;text-align:center;transition:background .2s}.sidebar-logout:hover{background:#fee2e2}.sidebar-user{font-size:12px;color:#6b7280;margin-bottom:8px;text-align:center;word-break:break-all}.sidebar-header{display:flex;align-items:center;gap:10px;padding:16px 14px}.sidebar-logo{width:32px;height:32px;object-fit:contain}.sidebar-brand{font-size:16px;font-weight:600}body.dark .sidebar-brand{color:#e5e7eb}body.light .sidebar-brand{color:#1f2933}.sidebar-date-search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;margin-bottom:12px}.sidebar-subitem{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px}.sidebar-subitem:hover{background:#f3f4f6}.sidebar-subsublist{padding-left:16px}.sidebar-subsubitem{padding:6px 12px;font-size:12px;color:#6b7280;cursor:pointer}.sidebar-subsubitem:hover{background:#f3f4f6}body.dark .sidebar-subitem:hover,body.dark .sidebar-subsubitem:hover{background:#2a2a2a}.sidebar-search-wrapper{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;margin-bottom:14px;transition:border .2s,background .2s}.sidebar-search-wrapper:focus-within{border-color:#4f46e5;background:#fff}.sidebar-search-icon{font-size:14px;opacity:.6}.sidebar-search-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#111827}.sidebar-search-input::placeholder{color:#9ca3af}.sidebar-search-clear{font-size:12px;cursor:pointer;opacity:.5;transition:opacity .2s}.sidebar-search-clear:hover{opacity:1}body.dark .sidebar-search-wrapper{background:#1f1f1f;border:1px solid #2a2a2a}body.dark .sidebar-search-wrapper:focus-within{background:#1f1f1f;border-color:#4f46e5}body.dark .sidebar-search-input{color:#e4e4e4}body.dark .sidebar-search-input::placeholder{color:#9a9a9a}body.dark .sidebar-search-icon{opacity:.5}.chat-header{padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.chat-title{font-size:16px;font-weight:600;color:#111827}.chat-window{flex:1;padding:20px;overflow-y:auto;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background .4s ease}body.light .chat-window{background-image:url(/wallpaper-light.jpg)}body.dark .chat-window{background-image:url(/wallpaper-dark.jpg)}body.light .bubble.bestie{background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.dark .bubble.bestie{background:#2a2a2ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.light .bubble.user,body.dark .bubble.user{background:#4f46e5f2}@media(max-width:768px){.chat-window{padding:14px;background-position:center top}}.chat-input{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px}.chat-input input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;font-size:14px;outline:none}.chat-input button{padding:12px 16px;border-radius:12px;border:none;background:#6366f1;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.chat-input button:hover{background:#4f46e5}.bubble{display:inline-block;padding:10px 14px;border-radius:14px;margin-bottom:8px;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-width:60%}.bubble.user{background:#6366f1;color:#fff;align-self:flex-end}.bubble.bestie{background:#fff;color:#111827;align-self:flex-start;border:1px solid #e5e7eb}.chat-textarea{width:100%;resize:none;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4;border:1px solid #e5e7eb;outline:none;max-height:120px;overflow-y:hidden}.scroll-to-latest{position:fixed;right:20px;bottom:110px;width:36px;height:36px;border-radius:50%;background:#2a2a2a;color:#e4e4e4;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;opacity:.85;transition:opacity .2s,background .2s}.scroll-to-latest:hover{opacity:1;background:#3a3a3a}body.light .chat-textarea{background:#fff;color:#111;border:1px solid #d1d5db}body.dark .chat-textarea{background:#1f1f1f;color:#e4e4e4;border:1px solid #2a2a2a}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid #2a2a2a;background:inherit}.chat-window{padding:16px 16px 80px;overflow-y:auto}.bubble-row{display:flex;margin-bottom:4px}.bubble-row.bestie{justify-content:flex-start}.bubble-row.user{justify-content:flex-end}@media(max-width:768px){.bubble-row.user{justify-content:flex-end}.bubble-row.bestie{justify-content:flex-start}}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.topbar-menu{font-size:18px;background:none;border:none;cursor:pointer}.topbar-title{font-weight:600;flex:1}.topbar-closeness{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f0fdf4;border:1px solid #bbf7d0}.closeness-icon{font-size:14px}.closeness-text{font-size:12px;color:#166534}.topbar-search{padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:14px}.topbar-menu{color:inherit}body.dark .topbar-menu{color:#e4e4e4}@media(max-width:768px){.topbar{gap:8px}.topbar-closeness{padding:2px 8px;font-size:11px}.closeness-text{font-size:11px}}.closeness-tooltip{position:absolute;top:42px;right:0;width:240px;background:#1f1f1f;border:1px solid #2a2a2a;border-radius:12px;padding:12px;z-index:1000;box-shadow:0 10px 30px #0006;animation:fadeInUp .2s ease}body.light .closeness-tooltip{background:#fff;border:1px solid #e5e7eb;color:#111827}.tooltip-desc{font-size:12px;opacity:.8;line-height:1.4;margin-bottom:10px}.tooltip-bar{width:100%;height:6px;background:#2a2a2a;border-radius:999px;overflow:hidden;margin-bottom:8px}body.light .tooltip-bar{background:#e5e7eb}.tooltip-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4f46e5);border-radius:999px;transition:width .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.closeness-tooltip{right:auto;left:0;width:220px}}.closeness-tooltip{position:absolute;top:44px;right:0;width:220px;background:#fff;color:#111827;border-radius:12px;padding:12px;box-shadow:0 8px 24px #0000001f;z-index:50;animation:fadeIn .15s ease}body.dark .closeness-tooltip{background:#1f1f1f;color:#e4e4e4;box-shadow:0 8px 24px #00000080}.tooltip-desc{font-size:12px;line-height:1.4;opacity:.85;margin-bottom:8px}.tooltip-bar{width:100%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}@media(max-width:480px){.closeness-tooltip{right:-20px;width:200px}}.topbar-closeness-wrapper{position:relative;display:flex;align-items:center}.closeness-tooltip{position:absolute;top:44px;right:0;width:240px;background:#fff;color:#111827;border-radius:14px;padding:14px;box-shadow:0 12px 32px #0000001f;z-index:50;animation:fadeIn .15s ease}body.dark .closeness-tooltip{background:#1f1f1f;color:#e4e4e4;box-shadow:0 12px 32px #00000080}.tooltip-desc{font-size:12px;line-height:1.4;opacity:.9;margin-bottom:2px}.tooltip-hint{font-size:11px;opacity:.7;margin-bottom:10px}.tooltip-progress-row{display:flex;align-items:center;gap:8px}.tooltip-bar{flex:1;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.tooltip-bar-fill{height:100%;background:#4f46e5;border-radius:999px;transition:width .3s ease}.tooltip-percent{font-size:11px;font-weight:600;min-width:32px;text-align:right}@media(max-width:480px){.closeness-tooltip{right:-20px;width:220px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-backdrop{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:50}.settings-modal{width:90%;max-width:420px;background:#fff;border-radius:16px;overflow:hidden;animation:fadeIn .2s ease}.settings-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.settings-close{background:none;border:none;font-size:16px;cursor:pointer}.settings-body{padding:16px}.settings-section{margin-bottom:20px}.settings-label{font-size:12px;color:#6b7280;margin-bottom:8px}.settings-row button{flex:1;padding:10px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer}.settings-row button:hover{background:#f3f4f6}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-row button.active{background:#e0e7ff;border-color:#6366f1;color:#1e3a8a}body.dark .settings-close{color:#e4e4e4}.settings-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{width:90%;max-width:360px;background:#fff;border-radius:16px;padding:16px;animation:fadeIn .2s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-title{font-size:16px;font-weight:600}.settings-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit}.settings-section{margin-bottom:18px}.settings-label{font-size:13px;margin-bottom:8px;color:#6b7280}body.dark .settings-label{color:#9a9a9a}.settings-row{display:flex;gap:8px}.settings-row button{flex:1;padding:10px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:14px}body.dark .settings-row button{background:#1f1f1f;border:1px solid #2a2a2a;color:#e4e4e4}.settings-row button.active{border-color:#4f46e5;background:#eef2ff;color:#4f46e5}body.dark .settings-row button.active{background:#2a2a2a;color:#9be7b0}body{margin:0;background:#f5f6fa;font-family:system-ui,sans-serif}.app-container{display:flex;flex-direction:column;height:100vh}.chat-window{flex:1;padding:20px;overflow-y:auto}.bubble{max-width:70%;padding:12px 16px;margin-bottom:12px;border-radius:16px;line-height:1.5}.bubble.user{background:#4f46e5;color:#fff;margin-left:auto}.bubble.bestie{background:#fff;color:#111;margin-right:auto}.chat-input{display:flex;padding:12px;background:#fff;border-top:1px solid #eee}.chat-input input{flex:1;padding:12px;border-radius:10px;border:1px solid #ddd}.chat-input button{margin-left:10px;padding:12px 18px;border:none;border-radius:10px;background:#4f46e5;color:#fff}.chat-header{padding:14px 20px;background:#fff;border-bottom:1px solid #eee}.chat-title{font-size:18px;font-weight:600}.chat-subtitle{font-size:12px;color:#777}.relation-level{font-size:12px;color:#4f46e5}.bubble.reflecting{background:#eef2ff}.bubble.reminder{background:#fff7ed;border:1px solid #fed7aa}@media(max-width:768px){.layout-root{flex-direction:column}.layout-main{width:100%}.chat-header{padding:14px 16px}.chat-window{padding:16px}.chat-input{padding:10px 12px}}body.light{background:#f3f4f6;color:#111827}body.dark{background:#121212;color:#e4e4e4}body.dark .layout-root{background:#121212}body.dark .layout-main{background:#181818}body.dark .sidebar{background:#181818;border-right:1px solid #2a2a2a}body.dark .sidebar-title{color:#9a9a9a}body.dark .sidebar-item{color:#e4e4e4}body.dark .sidebar-item:hover{background:#2a2a2a}body.dark .sidebar-settings{background:#1f1f1f;border:1px solid #2a2a2a}body.dark .topbar{background:#181818;border-bottom:1px solid #2a2a2a}body.dark .topbar-title{color:#f0f0f0}body.dark .topbar-search{background:#1f1f1f;color:#e4e4e4;border:1px solid #2a2a2a}body.dark .topbar-closeness{background:#1c1c1c;border:1px solid #2a2a2a}body.dark .closeness-text{color:#9be7b0}body.dark .bubble.bestie{background:#2a2a2a;color:#e4e4e4}body.dark .bubble.user{background:#4f46e5;color:#fff}body.dark .chat-input{background:#181818;border-top:1px solid #2a2a2a}body.dark .chat-input input{background:#1f1f1f;color:#e4e4e4;border:1px solid #2a2a2a}body.dark .settings-backdrop{background:#0000008c}body.dark .settings-modal{background:#181818;color:#e4e4e4}body.dark .settings-row button{background:#1f1f1f;color:#e4e4e4;border:1px solid #2a2a2a}body.dark .settings-row button.active{background:#2a2a2a;border-color:#4f46e5}.scroll-latest-icon{position:fixed;bottom:90px;right:20px;width:40px;height:40px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#e4e4e4;transition:background .2s}.scroll-latest-icon:hover{background:#3a3a3a}.sidebar-sublist{padding-left:12px}.sidebar-subitem{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:#bdbdbd}.sidebar-subitem:hover{background:#2a2a2a}body.dark ::-webkit-scrollbar{width:8px}body.dark ::-webkit-scrollbar-track{background:#181818}body.dark ::-webkit-scrollbar-thumb{background-color:#2a2a2a;border-radius:4px}body.dark ::-webkit-scrollbar-thumb:hover{background-color:#3a3a3a}.topbar-closeness{position:relative}.closeness-tooltip{position:absolute;top:120%;right:0;width:220px;padding:12px;border-radius:12px;z-index:50;animation:fadeIn .2s ease}body.light .closeness-tooltip{background:#fff;border:1px solid #e5e7eb;color:#111827;box-shadow:0 10px 30px #00000014}body.dark .closeness-tooltip{background:#181818;border:1px solid #2a2a2a;color:#e4e4e4;box-shadow:0 10px 30px #0006}.tooltip-title{font-size:13px;font-weight:600;margin-bottom:4px}.tooltip-desc{font-size:12px;line-height:1.4;margin-bottom:8px;opacity:.8}.tooltip-bar{width:100%;height:6px;border-radius:999px;overflow:hidden;margin-bottom:6px;background:#e5e7eb}body.dark .tooltip-bar{background:#2a2a2a}.tooltip-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#22c55e);border-radius:999px;transition:width .3s ease}.tooltip-hint{font-size:11px;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.guide-backdrop{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.guide-card{width:90%;max-width:360px;padding:24px 22px;border-radius:20px;text-align:center;animation:fadeIn .25s ease}body.light .guide-card{background:#fff;color:#111827;box-shadow:0 20px 50px #0000001a}body.dark .guide-card{background:#181818;color:#e4e4e4;box-shadow:0 20px 50px #00000080}.guide-title{font-size:18px;font-weight:600;margin-bottom:8px}.guide-desc{font-size:14px;line-height:1.5;opacity:.85}.guide-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.guide-dots{display:flex;gap:6px}.guide-dot{width:6px;height:6px;border-radius:50%;background:#d1d5db}.guide-dot.active{background:#4f46e5}.guide-btn{padding:8px 14px;border-radius:10px;border:none;background:#4f46e5;color:#fff;font-size:13px;cursor:pointer}@media(max-width:480px){.closeness-tooltip{right:-10px;width:200px}.topbar{padding:10px 12px}.topbar-search{max-width:120px}}