@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 3rem;background:radial-gradient(circle at 20% 10%,rgba(90,200,250,.08),transparent 45%),radial-gradient(circle at 80% 0%,rgba(10,132,255,.08),transparent 55%),var(--background);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 45%,rgba(255,255,255,.03));opacity:.7;pointer-events:none;animation:surfaceDrift 18s ease-in-out infinite alternate}.auth-container{position:relative;width:100%;max-width:440px;padding:2.75rem;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#040810e0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 32px 64px #0000008c;animation:authFade .65s cubic-bezier(.16,1,.3,1);z-index:1}.auth-title{font-size:1.9rem;text-align:center;color:var(--text);margin-bottom:.4rem;letter-spacing:-.02em}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.75rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.6rem;background:#ffffff05;padding:.3rem;border-radius:14px;border:1px solid rgba(255,255,255,.07)}.auth-tabs button{flex:1;padding:.75rem;background:transparent;color:var(--text-secondary);font-weight:600;border-radius:10px;letter-spacing:-.01em;transition:color .25s ease,background .3s ease,transform .3s ease}.auth-tabs button.active{background:#ffffff14;color:var(--text);box-shadow:none}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-field-switch{position:relative;min-height:0;transition:height .45s cubic-bezier(.4,0,.2,1)}.auth-field-group{display:grid;gap:.75rem;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1)}.auth-field-group.is-active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.auth-input{padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;color:var(--text);font-size:1rem;transition:border-color .25s ease,background-color .25s ease,transform .25s ease}.auth-input:focus{border-color:#5ac8fabf;background:#ffffff0f}.auth-error{color:var(--error);font-size:.875rem;margin:-.5rem 0 0}.auth-submit{padding:1rem;background:linear-gradient(120deg,#1d3b6f,#2b6be9 65%,#4d8cff);color:#f4fbff;border-radius:14px;font-weight:700;font-size:1rem;border:1px solid rgba(15,54,105,.8);transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease,opacity .2s ease;box-shadow:none}.auth-submit:hover:not(:disabled){filter:brightness(1.12)}.auth-submit:disabled{opacity:.6;cursor:wait}@keyframes authFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes surfaceDrift{0%{transform:translate3d(-2%,-1%,0);opacity:.55}to{transform:translate3d(3%,2%,0);opacity:.85}}@media (max-width: 640px){.auth-container{padding:2.25rem 1.75rem;border-radius:18px}.auth-tabs button{font-size:.95rem}}.dream-title-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;transition:border-color .22s ease,box-shadow .22s ease}.dream-title-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5ac8fa2e}.dream-title-input::placeholder{color:var(--text-secondary);font-weight:400}.dream-date-section{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.35rem}.dream-date-section label{color:var(--text-secondary);font-size:.9rem}.dream-date-input{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;width:fit-content;transition:border-color .22s ease}.dream-date-input:focus{border-color:var(--primary)}.dreams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.dream-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border);padding:1.2rem;box-shadow:var(--shadow-light);display:flex;flex-direction:column;gap:.65rem;min-height:320px;border-radius:16px;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;position:relative}.dream-card:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa66;background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.dream-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dream-card--pending{cursor:default;opacity:.6}.dream-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:block}.dream-visibility-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border);font-size:.78rem;margin-left:.5rem;color:var(--text-secondary)}.dream-chevron{font-size:1.25rem;color:var(--text-secondary);transition:transform .16s ease}.dream-card:hover .dream-chevron{color:var(--primary)}.dream-title{font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:.2rem;font-size:1.05rem}.dream-summary{color:var(--text-secondary);font-size:.9rem}.dream-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.dream-date{color:var(--text-secondary);font-size:.95rem}.dream-content{white-space:pre-wrap;color:var(--text);line-height:1.6}.dream-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags-section{display:grid;gap:.75rem}.tags-input{display:flex;gap:.5rem;align-items:center}.tags-input input{flex:1;padding:.8rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.tags-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7fb3c224}.add-tag-btn{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-weight:600;transition:border-color .22s ease,color .22s ease}.add-tag-btn:hover{border-color:var(--primary);color:var(--primary)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag .remove-tag{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:0 .25rem}.dream-textarea{width:100%;border-radius:14px;border:1px solid var(--border);padding:1rem;background:var(--surface);color:var(--text);font-size:1rem;line-height:1.6;resize:vertical;min-height:180px;transition:border-color .22s ease,box-shadow .22s ease}.dream-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5ac8fa2e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-radius:18px;padding:1.85rem;width:92%;max-width:640px;max-height:92vh;overflow:auto;border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-btn{background:none;border:1px solid var(--border);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;color:var(--text-secondary);transition:border-color .22s ease,color .22s ease,background .22s ease}.close-btn:hover{border-color:var(--primary);color:var(--primary);background:#ffffff0a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.visibility-section{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:#ffffff08;display:flex;flex-direction:column;gap:.75rem}.visibility-section .section-label{font-weight:600;margin:0;color:var(--text)}.visibility-options{display:flex;flex-wrap:wrap;gap:.5rem}.visibility-chip{border:1px solid var(--border);border-radius:999px;padding:.4rem 1rem;background:var(--surface);color:var(--text-secondary);font-weight:600;transition:all .16s ease}.visibility-chip.active{border-color:var(--primary);color:var(--text);background:#5ac8fa1f;box-shadow:0 0 0 2px #5ac8fa2e}.visibility-chip:disabled{opacity:.6;cursor:not-allowed}.visibility-helper{margin:0;color:var(--text-secondary);font-size:.9rem}.alert-banner{margin:.5rem 0;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(208,104,104,.35);background:#d0686814;color:#f9d6d6;font-weight:600}.dreams-loading{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:1rem;animation:fadeIn .4s ease}.journal-header{animation:fadeIn .4s ease}.journal-header h1{animation:slideInUp .4s ease .05s both}.journal-header .page-subtitle{animation:slideInUp .4s ease .1s both}.journal-header .action-group{animation:fadeIn .5s ease .15s both}.dreams-list{animation:fadeIn .5s ease .2s both}.dream-card{animation:slideInUp .4s ease both}@media (max-width: 640px){.dreams-list{grid-template-columns:1fr}.modal-content{padding:1.25rem}.modal-actions{flex-direction:column-reverse;align-items:stretch}}.dream-detail-page{padding-top:72px;animation:fadeIn .4s ease}.dream-detail-page .detail-card{margin-top:.75rem}.detail-card{margin-top:1.5rem;padding:2rem;border-radius:18px;border:1px solid var(--border);background:#ffffff0a;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:1.25rem;animation:slideInUp .45s ease .1s both}.detail-toolbar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.25rem;animation:fadeIn .4s ease}.detail-back-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-light);transition:border-color .18s ease,background .18s ease,transform .18s ease}.detail-back-btn:hover{border-color:var(--primary);background:#5ac8fa1f;color:var(--primary)}.detail-back-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font-size:.9rem}.detail-head{display:flex;flex-direction:column;gap:1rem}.detail-date{color:var(--text-secondary);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.detail-date:hover .edit-hint,.detail-head h1:hover .edit-hint{opacity:1}.edit-hint{opacity:0;font-size:.85rem;transition:opacity .16s ease}.detail-head h1{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.detail-title-edit,.detail-date-edit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.detail-title-input{padding:.6rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.4rem;font-weight:700;flex:1;min-width:200px}.detail-title-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5ac8fa26}.detail-date-input{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.detail-date-input:focus{border-color:var(--primary)}.detail-visibility{border:1px solid var(--border);border-radius:14px;padding:1rem;background:#ffffff05}.detail-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--text-secondary);margin-bottom:.6rem}.detail-visibility-options{display:flex;flex-wrap:wrap;gap:.6rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.detail-body{padding:1.25rem;border-radius:16px;border:1px solid var(--border);background:#ffffff08;line-height:1.7;color:var(--text);white-space:pre-wrap}.detail-textarea{width:100%;min-height:180px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;padding:.9rem 1rem;line-height:1.6;margin-bottom:1rem}.detail-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5ac8fa26}.detail-tags-editor{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-tag-input-row{display:flex;gap:.5rem;align-items:center}.detail-tag-input-row input{flex:1;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.detail-tag-input-row input:focus{border-color:var(--primary)}.detail-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.detail-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border)}.detail-tag-remove{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.detail-edit-actions{display:flex;justify-content:flex-end;gap:.75rem}.detail-summary{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem;background:#5ac8fa0f}.detail-summary h3{margin:0 0 .25rem}.detail-insight{margin:0;color:var(--text)}.detail-insight.muted{color:var(--text-secondary);font-style:italic}.detail-status-message{margin:-.25rem 0 .5rem;color:var(--text-secondary);font-size:.92rem}.detail-actions{display:flex;justify-content:flex-end;gap:.75rem}.detail-error,.detail-placeholder{margin-top:2rem;padding:1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text)}.danger-btn{border-radius:12px;padding:.8rem 1.2rem;font-weight:600;border:1px solid rgba(239,68,68,.4);background:#ef444426;color:#ffe5e5;transition:background .16s ease,transform .16s ease}.danger-btn:hover:not(:disabled){background:#ef444447;border-color:#ef444499}.danger-btn:disabled{opacity:.6;cursor:wait}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}.detail-status-message{margin:.5rem 0;color:var(--primary);font-size:.92rem;font-weight:500}@media (max-width: 640px){.detail-summary{flex-direction:column;align-items:flex-start}.detail-card{padding:1.5rem}.dream-detail-page{padding-top:64px}.detail-back-btn{width:100%;justify-content:center}}.feed-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-end;animation:fadeIn .4s ease}.feed-header h1{animation:slideInUp .4s ease .05s both}.feed-header .page-subtitle{animation:slideInUp .4s ease .1s both}.feed-actions{display:flex;gap:.75rem;align-items:center;animation:fadeIn .5s ease .15s both}.feed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem;animation:fadeIn .5s ease .2s both}.feed-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-light);transition:box-shadow .22s ease,border-color .22s ease,background .22s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideInUp .4s ease both}.feed-card:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa66;background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.feed-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem}.feed-author{color:var(--primary-strong);font-weight:700;letter-spacing:-.01em}.feed-visibility{color:var(--text-secondary);font-size:.9rem}.feed-date{color:var(--text-secondary);font-size:.95rem}.feed-title{margin:.35rem 0;font-size:1.1rem}.feed-summary{color:var(--primary);font-weight:600;margin:.25rem 0 .5rem}.feed-content{color:var(--text);line-height:1.7;margin:.35rem 0 .75rem}.feed-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feed-empty-card{border:1px dashed var(--border);border-radius:16px;padding:1.5rem;text-align:center;color:var(--text);background:#ffffff05;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem;align-items:center;box-shadow:var(--shadow-light);animation:fadeIn .5s ease .2s both}.feed-empty-card .primary-btn{margin-top:.5rem}@media (max-width: 640px){.feed-list{grid-template-columns:1fr}.feed-actions{width:100%;justify-content:space-between}}.navigation{position:fixed;top:0;left:0;right:0;background:#0f151cb3;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--border);z-index:100;height:88px;transition:background .35s ease,border-color .35s ease,height .4s cubic-bezier(.4,0,.2,1)}.navigation-compact{height:56px;background:#0a0e12e6}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em;transition:color .2s ease,font-size .4s cubic-bezier(.4,0,.2,1)}.nav-logo-icon{width:36px;height:36px;border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s ease}.nav-logo:hover{color:var(--primary)}.nav-links{display:flex;gap:2rem;position:relative;align-items:center;padding-bottom:12px;margin-top:12px}.nav-links a{color:var(--text-secondary);font-weight:600;transition:color .2s ease,gap .35s ease;padding:.35rem 0;display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-icon{font-size:1.25rem;color:currentColor;opacity:1;max-height:1.5em;overflow:hidden;transition:opacity .4s ease,max-height .4s ease}.nav-tab-label{display:inline;transition:opacity .2s ease}.nav-actions{display:flex;align-items:center;gap:1rem}.sign-out-btn{background:#ffffff14;color:var(--text);padding:.55rem 1rem;border-radius:12px;font-weight:600;border:1px solid var(--border);transition:color .25s ease,border-color .25s ease,background .25s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-light)}.sign-out-btn:hover{color:var(--primary);border-color:#ffffff38}.sign-out-btn svg{font-size:1rem}.navigation-compact .nav-logo{font-size:1.35rem}.navigation-compact .nav-logo-icon{width:26px;height:26px;border-radius:6px}.navigation-compact .nav-links{margin-top:0;padding-bottom:8px}.navigation-compact .nav-links a{flex-direction:row;gap:.4rem}.navigation-compact .nav-icon{opacity:0;max-height:0;pointer-events:none}@media (max-width: 768px){.navigation-compact .nav-icon{opacity:1;max-height:1.5em;pointer-events:auto}.navigation{position:sticky;top:0;height:56px}.nav-container{padding:0 .75rem}.nav-logo{font-size:1.15rem}.nav-logo-icon{width:22px;height:22px}.nav-links{flex:1;justify-content:space-between;gap:.5rem;padding:0 .25rem 10px;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;gap:.3rem;font-size:.85rem;padding:.35rem .4rem;border-radius:12px;white-space:nowrap}.nav-icon{display:block;font-size:1.1rem}.nav-actions{display:none}}@media (max-width: 620px){.nav-links{gap:.2rem}.nav-links a{padding:.4rem .2rem}.nav-links a .nav-tab-label{display:none}}@media (max-width: 480px){.nav-links a{gap:.2rem;font-size:.75rem;padding:.3rem .2rem}}.profile-loading{text-align:center;color:var(--text-secondary);padding:4rem 1rem;font-size:1rem;animation:fadeIn .4s ease}.profile-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn .4s ease}.profile-avatar{margin-top:25px;margin-bottom:1.5rem;animation:fadeIn .8s ease-out}.avatar-circle{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#5ac8fa66,#0a84ff59),var(--surface-muted);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto;position:relative;overflow:hidden;box-shadow:var(--shadow-light);transition:transform .18s ease,box-shadow .18s ease;border:1px solid var(--border)}.avatar-circle svg{max-width:60%;max-height:60%}.avatar-circle:hover{box-shadow:var(--shadow-soft);border-color:var(--primary)}.profile-info{animation:slideInUp .4s ease .1s both}.profile-info h1{font-size:1.75rem;margin-bottom:.5rem}.profile-username{color:var(--text-secondary);font-size:1.05rem;margin-bottom:.65rem}.profile-bio{color:var(--text);margin-bottom:.75rem;max-width:520px;margin-left:auto;margin-right:auto}.profile-email{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.edit-profile-btn{background:#45acdc;color:#f7fbfc;padding:.72rem 1.8rem;border-radius:10px;font-weight:700;transition:filter .22s ease,box-shadow .22s ease;box-shadow:var(--shadow-light);border:1px solid var(--primary-strong)}.edit-profile-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-soft)}.sign-out-profile-btn{display:inline-flex;background:#ffffff0f;color:var(--text-secondary);padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem;border:1px solid var(--border);transition:color .25s ease,border-color .25s ease,background .25s ease;align-items:center;gap:.4rem}.sign-out-profile-btn:hover{color:var(--primary);border-color:#ffffff2e}.profile-btn-row{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-edit-form{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem;animation:fadeIn .3s ease-out}.profile-input,.profile-textarea{padding:.9rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:1rem;transition:border-color .22s ease,box-shadow .22s ease}.profile-textarea{resize:vertical}.profile-input:focus,.profile-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2f6f801f}.profile-actions{display:flex;gap:1rem;justify-content:flex-end}.profile-stats{display:flex;justify-content:center;gap:3rem;padding:1.75rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);border-radius:12px;border:1px solid var(--border);transition:transform .16s ease,box-shadow .16s ease;box-shadow:var(--shadow-light);animation:slideInUp .4s ease .25s both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-stats:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa59}.follow-actions{margin-top:1.25rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.follow-note{border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;color:var(--text-secondary);font-weight:600;background:#ffffff0d}.stat-item{text-align:center;transition:transform .3s ease}.stat-button{background:transparent;border:none;cursor:pointer;padding:0;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:12px}.stat-item:hover{color:var(--primary)}.connection-panel{margin-top:1.5rem;border:1px solid var(--border);border-radius:16px;padding:1.25rem;background:#ffffff0a;box-shadow:var(--shadow-light);animation:fadeIn .25s ease}.connection-panel-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start}.connection-panel-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.connection-panel-placeholder{color:var(--text-secondary);margin:.75rem 0 0}.connection-list{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.connection-card{border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem;background:var(--surface);cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.connection-card:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa80;background:#5ac8fa0f}.connection-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.connection-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.connection-meta{display:flex;flex-direction:column;gap:.15rem}.connection-name{font-weight:600;margin:0;color:var(--text)}.connection-username{color:var(--text-secondary);font-size:.9rem}.stat-value{font-size:1.9rem;font-weight:700;color:var(--primary-strong);margin-bottom:.25rem;transition:color .2s ease}.stat-label{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.profile-stats{gap:2rem}}.avatar-customizer{border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.85rem;background:#ffffff08}.customizer-label{font-weight:600;margin:0;color:var(--text-secondary)}.avatar-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}.avatar-option{border:1px solid var(--border);border-radius:10px;padding:.6rem;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:.5rem;font-weight:600;justify-content:flex-start;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;cursor:pointer}.avatar-option svg{font-size:1.3rem}.avatar-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px #5ac8fa4d;transform:translateY(-1px)}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:.5rem}.color-swatch{width:100%;padding-top:100%;border-radius:12px;border:2px solid transparent;position:relative;display:block;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;transition:border-color .22s ease,box-shadow .22s ease}.color-swatch:hover{border-color:#ffffff4d}.color-swatch.selected{border-color:var(--primary);box-shadow:0 0 0 2px #5ac8fa59}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-dreams{margin-top:2.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:14px;background:#ffffff09;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeIn .3s ease}.profile-dreams-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.25rem}.profile-dreams h2{margin:0;font-size:1.35rem}.profile-dreams-subtitle{color:var(--text-secondary);margin-top:.2rem}.profile-dream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.profile-dream-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--surface);box-shadow:var(--shadow-light);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.profile-dream-card:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa80;background:linear-gradient(180deg,#5ac8fa14,#ffffff08)}.profile-dream-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-color:var(--primary)}.profile-dream-top{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.dream-date-pill,.dream-visibility-pill{padding:.3rem .65rem;border-radius:999px;font-size:.85rem;border:1px solid var(--border);background:#ffffff0a}.dream-visibility-pill{color:var(--primary);border-color:#2f6f8059}.profile-dream-title{font-size:1.05rem;margin:0 0 .35rem}.profile-dream-summary{color:var(--primary);margin:0 0 .35rem;font-weight:600}.profile-dream-snippet{color:var(--text);margin:0 0 .5rem;line-height:1.5}.profile-dream-tags{display:flex;flex-wrap:wrap;gap:.4rem}.profile-dreams-empty,.profile-dreams-loading{border:1px dashed var(--border);border-radius:12px;padding:1.75rem;text-align:center;color:var(--text-secondary)}.profile-dreams-empty .primary-btn{margin-top:.85rem}.search-header{animation:fadeIn .4s ease}.search-header h1{animation:slideInUp .4s ease .05s both}.search-header .page-subtitle{animation:slideInUp .4s ease .1s both}.search-box{display:flex;flex-direction:column;gap:.6rem;animation:fadeIn .5s ease .15s both}.filter-toggle{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.filter-label{color:var(--text-secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.chip{border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:.55rem 1rem;font-weight:600;letter-spacing:-.01em;transition:color .25s ease,transform .25s ease;position:relative;cursor:pointer;overflow:hidden;z-index:0}.chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff1a;box-shadow:0 14px 35px #0000004d;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1);z-index:-1}.chip:hover,.chip-active{color:var(--text)}.chip-active:before{opacity:1;transform:scale(1)}.search-input-wrap{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.search-input-wrap input{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;transition:border-color .16s ease,box-shadow .16s ease}.search-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5ac8fa26}.hint{color:var(--text-secondary);font-size:.95rem}.search-results{display:flex;flex-direction:column;gap:1.5rem}.result-section{display:flex;flex-direction:column;gap:.85rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.placeholder{border:1px dashed var(--border);border-radius:12px;padding:1.25rem;color:var(--text-secondary);background:var(--surface-muted)}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.person-card{display:flex;gap:.9rem;align-items:center;padding:.9rem;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,outline .2s ease;cursor:pointer}.person-card:hover,.person-card:focus-visible{box-shadow:var(--shadow-light);border-color:#5ac8fa80;background:#5ac8fa0f}.person-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 20px #00000040;transition:transform .25s ease,border-color .25s ease}.person-avatar svg{font-size:1.4rem}.person-name{font-weight:700}.person-username{color:var(--text-secondary);font-size:.95rem}.dream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.search-dream-card{border:1px solid var(--border);border-radius:14px;padding:1rem;background:#ffffff09;box-shadow:var(--shadow-light);transition:transform .22s ease,box-shadow .22s ease,border-color .16s ease}.search-dream-card:hover{box-shadow:var(--shadow-soft);border-color:#5ac8fa73;background:#5ac8fa0d}.search-dream-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.search-dream-card h3{margin:0 0 .35rem;font-size:1.05rem}.dream-summary{color:var(--primary);margin:0 0 .35rem;font-weight:600}.dream-snippet{margin:0 0 .6rem;color:var(--text);line-height:1.5}.dream-tags{display:flex;flex-wrap:wrap;gap:.4rem}.search-results{animation:fadeIn .5s ease .2s both}.people-grid{animation:fadeIn .4s ease}.person-card{animation:slideInUp .4s ease both}.dream-grid{animation:fadeIn .4s ease}.search-dream-card{animation:slideInUp .4s ease both}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.search-input-wrap{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #5ac8fa;--primary-strong: #0a84ff;--accent: #ffd166;--background: #060811;--background-secondary: #0b0f1a;--surface: rgba(255, 255, 255, .04);--surface-muted: rgba(255, 255, 255, .025);--text: #e9edf5;--text-secondary: #aab3c2;--border: rgba(255, 255, 255, .08);--shadow-soft: 0 20px 60px rgba(0, 0, 0, .35);--shadow-light: 0 10px 30px rgba(0, 0, 0, .22);--glow-primary: 0 0 60px rgba(90, 200, 250, .25);--error: #ff6b6b;--success: #2cd46b}html{background:#05070f;min-height:100%;overscroll-behavior:contain;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#060811,#0b0f1a 55%,#060811);background-color:#05070f;background-attachment:fixed;position:relative;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overscroll-behavior:contain}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowSweep{0%{transform:translate(-120%);opacity:0}45%{opacity:.35}to{transform:translate(160%);opacity:0}}#root{min-height:100vh;position:relative;z-index:2}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-container{max-width:1100px;margin:0 auto;padding:100px 1.25rem 50px;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header h1{font-size:2.25rem;letter-spacing:-.02em;color:#eef2fb}.page-subtitle{color:var(--text-secondary);font-size:1rem}.action-group{display:flex;gap:12px;align-items:center}.primary-btn,.secondary-btn,.ghost-btn{border-radius:12px;padding:.8rem 1.2rem;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;transition:filter .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease,opacity .22s ease;background:var(--surface);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-btn{background:#0f172a;color:#e6f4ff;border-color:#ffffff1f;box-shadow:0 10px 30px #040c1a59;position:relative;overflow:hidden}.primary-btn:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.28) 45%,transparent 70%);transform:translate(-120%);animation:glowSweep 8s ease-in-out infinite}.primary-btn:hover{filter:brightness(1.12);box-shadow:var(--shadow-soft),0 0 20px #5ac8fa26}.primary-btn:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.secondary-btn{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.secondary-btn:hover{border-color:var(--primary);color:var(--primary)}.ghost-btn{background:transparent;color:var(--text-secondary)}.pill{display:inline-flex;align-items:center;gap:6px;padding:.35rem .8rem;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:.9rem;border:1px solid var(--border)}.pill-active{background:#5ac8fa2e;color:var(--text);border-color:var(--primary);box-shadow:var(--glow-primary)}.card-shell{background:#ffffff0a;border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-light);transition:transform .22s ease,box-shadow .22s ease,border-color .16s ease,background .16s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-shell:hover{box-shadow:var(--shadow-soft);background:#ffffff12;border-color:#ffffff24}.empty-state{text-align:center;padding:3rem 2rem;border:1px dashed var(--border);border-radius:14px;color:var(--text-secondary);background:var(--surface-muted);line-height:1.7}.empty-subtitle{color:var(--text-secondary);margin-top:.35rem}.tag,.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-muted);color:var(--primary-strong);padding:.35rem .75rem;border-radius:999px;font-weight:600;font-size:.9rem;border:1px solid var(--border)}.pending-title{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0 0 .4rem}.text-muted{color:var(--text-secondary)}.surface-row{display:grid;gap:1rem}@media (max-width: 768px){.page-container{padding:10px 1.25rem 50px}.page-header{flex-direction:column;align-items:flex-start}.action-group{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 768px){html{font-size:14px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}