*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.tl-theme__dark{--color-background:#1a1a1a!important;--color-panel:#000000e6!important;--color-panel-contrast:#ffffff0d!important;--color-text:#fff!important;--color-text-0:#ffffffb3!important;--color-text-1:#fffc!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.App{background-color:#000;min-height:100vh;width:100%}.App,body,html{overflow-x:hidden}body,html{max-width:100%}@media (max-width:768px){.App{min-height:100vh;width:100vw}}@media (max-width:480px){.App{min-height:100vh;width:100vw}}.profile-page{background-color:#000;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 24px 80px}.photos-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;margin-bottom:40px;overflow:hidden;position:relative;transition:all .4s ease}.photos-section:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-8px)}.info-btn{border-radius:16px;font-size:11px;height:28px;min-width:70px;padding:6px 12px;white-space:nowrap}.masonry-grid{column-count:4;column-fill:balance;column-gap:20px}@media (max-width:1200px){.masonry-grid{column-count:3}}@media (max-width:768px){.masonry-grid{column-count:2}.container{padding:0 16px 80px}}@media (max-width:480px){.masonry-grid{column-count:1}}.profile-reaction-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);border:none;height:1px;margin-top:60px;width:100%}.profile-reaction-section{margin-top:40px;padding:40px 20px;text-align:center}.reaction-question{color:#fff;font-size:20px;font-weight:500;line-height:1.4;margin-bottom:24px}.reaction-input-form{align-items:center;display:flex;flex-direction:column;gap:16px}.reaction-input-container{align-items:center;display:flex;gap:16px;justify-content:center}.reaction-search-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;color:#fff;font-size:16px;outline:none;padding:12px 20px;text-align:center;transition:all .3s ease;width:300px}.reaction-search-bar::placeholder{color:#ffffff80;font-style:italic}.reaction-search-bar:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.reaction-enter-btn{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.reaction-enter-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.reaction-hint{color:#fff9;font-size:14px;font-style:italic}@media (max-width:768px){.profile-reaction-divider{margin-top:40px}.profile-reaction-section{margin-top:30px;padding:24px 20px}.reaction-question{font-size:18px;margin-bottom:20px}.reaction-input-container{flex-direction:column;gap:12px}.reaction-search-bar{font-size:15px;padding:10px 16px;width:280px}.reaction-enter-btn{font-size:15px;padding:10px 16px;width:120px}.reaction-hint{font-size:13px}}@media (max-width:480px){.reaction-input-container{width:100%}.reaction-search-bar{font-size:14px;padding:10px 14px;width:250px}.reaction-enter-btn{font-size:14px;padding:10px 14px;width:100px}}.a2a-demo-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:60px;padding:32px 24px;text-align:center}.a2a-demo-trigger{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 32px;text-transform:none;transition:all .3s ease}.a2a-demo-trigger:hover{background:linear-gradient(135deg,#7c8ef0,#8a5ab8);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.a2a-demo-trigger:active{transform:translateY(0)}.a2a-demo-description{color:#fff9;font-size:14px;line-height:1.4;margin:16px auto 0;max-width:400px}@media (max-width:768px){.a2a-demo-section{margin-top:40px;padding:24px 16px}.a2a-demo-trigger{font-size:15px;padding:14px 24px}.a2a-demo-description{font-size:13px}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff0d;padding:16px 0;position:sticky;top:0;z-index:100}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.logo{color:#fff;font-size:18px;font-weight:600}.nav-links{align-items:center;display:flex;gap:32px}.search-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;color:#fff;font-size:14px;outline:none;padding:8px 16px;width:300px}.search-bar::placeholder{color:#ffffff80}.create-btn{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.create-btn:hover{background:#ffffffe6}.profile-avatar{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;height:32px;width:32px}.header-subtitle{color:#ffffffb3;font-size:18px;font-style:italic;line-height:1.5;margin:0 auto;max-width:1400px;padding:16px 24px 0;text-align:center}@media (max-width:768px){.nav{flex-wrap:wrap;gap:12px;padding:0 16px}.nav-links{gap:12px;justify-content:center;order:3;width:100%}.logo{font-size:16px;order:1}.profile-avatar{height:28px;order:2;width:28px}.search-bar{width:200px}.create-btn,.search-bar{font-size:13px;padding:6px 12px}.header-subtitle{font-size:16px;padding:12px 16px 0}}@media (max-width:480px){.header{padding:12px 0}.nav{align-items:center;flex-direction:column;gap:8px;padding:0 12px}.logo{font-size:15px;order:1}.profile-avatar{height:24px;order:2;width:24px}.nav-links{flex-wrap:wrap;gap:8px;justify-content:center;order:3;width:100%}.search-bar{border-radius:20px;width:180px}.create-btn,.search-bar{font-size:12px;padding:6px 10px}.create-btn{border-radius:6px}.header-subtitle{font-size:14px;line-height:1.4;padding:8px 12px 0}}.photo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);padding:24px}.photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-item img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.photo-grid{gap:10px;grid-template-columns:repeat(4,1fr);padding:16px}}@media (max-width:480px){.photo-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.photo-item{border-radius:6px}}.card{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;break-inside:avoid;cursor:pointer;margin-bottom:20px;overflow:hidden;page-break-inside:avoid;position:relative;transition:all .4s ease}.card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-8px)}.card-content{padding:20px}.card-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.card-subtitle{color:#fff9;font-size:14px;margin-bottom:12px}.card-text{color:#fffc;font-size:14px;line-height:1.5}.quote-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33}.quote-text{color:#ffffffe6;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:16px}.quote-author{color:#fff9;font-size:14px;text-align:right}.spotify-embed{background:#191414;border-radius:12px;height:352px;overflow:hidden}.spotify-player{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.album-art{margin-bottom:16px;text-align:center}.album-art img{object-fit:cover}.album-art img,.default-album-art{border-radius:8px;height:120px;width:120px}.default-album-art{align-items:center;background:#282828;display:flex;justify-content:center;margin:0 auto}.track-info{margin-bottom:20px;text-align:center}.track-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px}.artist-name{color:#b3b3b3;font-size:14px}.spotify-controls{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.control-btn{cursor:pointer;opacity:.7;transition:opacity .2s}.control-btn:hover{opacity:1}.play-btn{background:#1db954;border-radius:50%;padding:8px}.progress-bar{margin-bottom:16px}.progress-track{background:#404040;border-radius:2px;height:4px;margin-bottom:8px;width:100%}.progress-fill{background:#1db954;border-radius:2px;height:100%;transition:width .3s}.time-stamps{color:#b3b3b3;display:flex;font-size:11px;justify-content:space-between}.spotify-logo{color:#1db954;font-size:12px;font-weight:600;text-align:center}.hulu-embed{background:linear-gradient(135deg,#1ce783,#0e7a3e);border-radius:8px;min-height:300px;overflow:hidden}.hulu-content{color:#fff;display:flex;flex-direction:column;height:100%;padding:12px}.hulu-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.hulu-icon{font-size:20px}.hulu-info{flex:1 1}.hulu-subtitle{color:#fffc;font-size:12px}.hulu-logo{background:#fff3;border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding:4px 8px;text-transform:lowercase}.hulu-description{color:#ffffffe6;font-size:13px;line-height:1.4;margin-bottom:12px}.hulu-iframe-container{border-radius:6px;flex:1 1;margin:8px 0;overflow:hidden}.hulu-iframe-container iframe{border:none;border-radius:6px}.goodreads-iframe-container{border-radius:6px;margin-top:12px;overflow:hidden}.goodreads-iframe-container iframe{border:none;border-radius:6px}.hulu-iframe-container .iframely-embed{margin:0}.hulu-footer{margin-top:auto;padding-top:12px}.hulu-watch-btn{background:#ffffffe6;border-radius:20px;color:#0e7a3e;display:inline-block;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.hulu-watch-btn:hover{background:#fff;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.hulu-movie-showcase{align-items:flex-start;background:#0003;border-radius:8px;display:flex;gap:16px;margin-top:16px;padding:16px}.movie-poster-large{font-size:48px;min-width:60px;text-align:center}.movie-info{flex:1 1}.movie-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.movie-description{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0 0 12px}.movie-meta{display:flex;gap:12px;margin-bottom:16px}.movie-rating,.movie-year{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:12px;padding:4px 8px}.watch-btn-large{background:#00ed82;border-radius:20px;color:#000;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.watch-btn-large:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.hulu-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:2px}.prime-embed{background:#00a8e1;height:200px}.goodreads-embed{background:#1e1915;min-height:300px;overflow:hidden}.widget-container{padding:10px}.goodreads-embed .gr_custom_container_{background-color:#1e1915!important;border:1px solid #3a3a3a!important;border-radius:8px!important;box-sizing:border-box;color:#e0e0e0!important;width:100%!important}.goodreads-embed .gr_custom_header_{border-bottom:1px solid #3a3a3a!important;color:#e0e0e0!important}.goodreads-embed .gr_custom_header_ a{color:#d4af37!important;text-decoration:none!important}.goodreads-embed .gr_custom_each_container_{border-bottom:1px solid #2a2a2a!important}.goodreads-embed .gr_custom_title_ a{color:#e0e0e0!important;text-decoration:none!important}.goodreads-embed .gr_custom_title_ a:hover{color:#d4af37!important}.goodreads-embed .gr_custom_author_{color:#b0b0b0!important}.goodreads-embed .gr_custom_author_ a{color:#b0b0b0!important;text-decoration:none!important}.goodreads-embed .gr_custom_tags_{color:#888!important}.map-embed{background:#1a1a1a;height:220px;overflow:hidden;position:relative}.map-container{height:100%;position:relative;width:100%}.map-svg{height:100%;object-fit:cover;width:100%}.map-overlay{background:linear-gradient(180deg,#0009,#0003 50%,#0000);color:#fff;left:0;padding:16px;position:absolute;right:0;top:0}.map-title{font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 3px #00000080}.map-subtitle{font-size:13px;margin-bottom:8px;opacity:.9}.map-service,.map-subtitle{text-shadow:0 1px 2px #00000080}.map-service{font-size:11px;opacity:.7}.map-loading{background:#1a1a1a;color:#fff;height:220px}.info-btn,.map-loading{align-items:center;display:flex;font-size:14px;justify-content:center}.info-btn{animation:pulseGlow 2s infinite;background:#fff;border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#000;cursor:pointer;font-weight:700;height:32px;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px;z-index:10}.info-btn-text{border-radius:16px;font-size:11px;height:28px;min-width:70px;padding:6px 12px;white-space:nowrap;width:auto}.info-btn:hover{animation:none;background:#f8f8f8;border-color:#fff;box-shadow:0 6px 20px #0006;color:#000;transform:scale(1.05)}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #0000004d;transform:scale(1)}50%{box-shadow:0 6px 20px #0006;transform:scale(1.05)}}.metadata-btn{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:36px;top:8px;transition:all .3s ease;width:24px;z-index:10}.metadata-btn:hover{background:#667eea40;border-color:#667eea80;color:#fff;transform:scale(1.1)}.interactions-list{margin-bottom:20px;margin-top:16px}.interaction-item{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px}.interaction-item:last-child{border-bottom:none;margin-bottom:0}.interaction-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.interaction-icon{font-size:16px}.interaction-app{color:#fff;font-size:13px;font-weight:600}.interaction-time{color:#fff9;font-family:monospace;font-size:11px;margin-left:auto}.interaction-activity{color:#fffc;font-size:12px;line-height:1.4;margin-left:24px}.connect-button{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.connect-status{align-items:center;color:#4ade80;display:flex;font-size:12px;font-weight:500;gap:8px}.status-indicator{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}.art-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.art-image-container{aspect-ratio:1;border-radius:8px;overflow:hidden}.art-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.art-image:hover{transform:scale(1.05)}.goodreads-embed{background:linear-gradient(135deg,#8b4513,sienna);border-radius:8px;color:#fff;padding:16px}.goodreads-content,.goodreads-embed{display:flex;flex-direction:column;height:100%}.goodreads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goodreads-icon{font-size:20px;margin-right:8px}.goodreads-info{flex:1 1}.goodreads-title{font-size:16px;font-weight:600;margin-bottom:4px}.goodreads-subtitle{color:#fffc;font-size:13px}.goodreads-logo{background:#fff3;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.goodreads-books{flex:1 1;margin-top:8px}.book-list p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0}.goodreads-widget{background:#ffffff1a;border-radius:6px;font-size:13px;margin-top:12px;padding:12px}.book-showcase{display:flex;flex-direction:column;gap:12px;margin-top:16px}.book-item{align-items:flex-start;background:#ffffff0d;border-left:3px solid #d4af37;border-radius:8px;display:flex;gap:12px;padding:12px}.book-cover{font-size:24px;min-width:32px;text-align:center}.book-details{flex:1 1}.book-title{color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.book-author{color:#ffffffb3;font-size:12px;margin-bottom:6px}.book-rating{font-size:12px;margin-bottom:4px}.book-status{color:#d4af37;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hulu-movie-card{align-items:center;background:#0000004d;border-radius:8px;display:flex;margin:8px 0;padding:12px}.movie-poster{font-size:32px;margin-right:12px}.movie-details h3{color:#fff;font-size:16px;margin:0 0 4px}.movie-details p{color:#fffc;font-size:13px;line-height:1.3;margin:0 0 8px}.watch-btn{background:#00ed82;border-radius:4px;color:#000;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}@media (max-width:768px){.card-content{padding:16px}.card-title{font-size:15px}.card-subtitle,.card-text{font-size:13px}.quote-text{font-size:16px;margin-bottom:12px}.quote-author{font-size:13px}.spotify-embed{height:300px}.spotify-player{padding:16px}.album-art img,.default-album-art{height:100px;width:100px}.track-title{font-size:16px}.artist-name{font-size:13px}.hulu-embed{min-height:250px}.hulu-movie-showcase{flex-direction:column;gap:12px;padding:12px}.movie-poster-large{align-self:center;font-size:40px}.movie-title{font-size:16px}.movie-description{font-size:13px}.map-embed{height:180px}.map-overlay{padding:12px}.map-title{font-size:15px}.map-subtitle{font-size:12px}.interaction-header{gap:6px}.interaction-icon{font-size:14px}.interaction-app{font-size:12px}.interaction-activity{font-size:11px;margin-left:20px}.art-gallery{gap:8px}.goodreads-embed{min-height:250px;padding:12px}.goodreads-title{font-size:15px}.goodreads-subtitle{font-size:12px}.book-item{gap:10px;padding:10px}.book-cover{font-size:20px;min-width:28px}.book-title{font-size:13px}.book-author{font-size:11px}.info-btn{border-width:2px;font-size:12px;height:28px;width:28px}.info-btn-text{font-size:10px;height:24px;min-width:60px;padding:4px 8px}}@media (max-width:480px){.card-content{padding:12px}.card-title{font-size:14px}.card-subtitle,.card-text{font-size:12px}.quote-text{font-size:15px;margin-bottom:10px}.spotify-embed{height:260px}.spotify-player{padding:12px}.album-art img,.default-album-art{height:80px;width:80px}.track-title{font-size:15px}.artist-name{font-size:12px}.hulu-embed{min-height:220px}.hulu-content{padding:10px}.movie-poster-large{font-size:36px}.movie-title{font-size:15px}.movie-description{font-size:12px}.map-embed{height:160px}.map-overlay{padding:10px}.map-title{font-size:14px}.map-subtitle{font-size:11px}.interaction-activity{font-size:10px;margin-left:18px}.goodreads-embed{min-height:200px;padding:10px}.book-item{gap:8px;padding:8px}.book-cover{font-size:18px;min-width:24px}.book-title{font-size:12px}.book-author{font-size:10px}.info-btn{border-width:2px;font-size:11px;height:24px;width:24px}.info-btn-text{font-size:9px;height:22px;min-width:55px;padding:3px 6px}}.dating-canvas{background:#1a1a1a;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.canvas-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;top:0;z-index:1001}.canvas-title{color:#fff;font-size:18px;font-weight:600;margin:0}.canvas-tools{align-items:center;display:flex;gap:12px}.interaction-starters{align-items:center;display:flex;gap:8px}.interaction-label{color:#fff9;font-size:12px;margin-right:4px}.interaction-btn{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.interaction-btn:hover{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#667eea80;box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}.tool-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.game-state-display{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:1px solid #667eea4d;border-radius:8px;left:24px;padding:12px 16px;position:absolute;top:80px;z-index:1000}.game-info{align-items:center;color:#fff;display:flex;font-size:14px;gap:16px}.round-counter{background:#667eea33}.round-counter,.score{border-radius:4px;color:#ffffffe6;font-size:12px;padding:2px 8px}.score{background:#4caf5033}.tool-btn.active,.tool-btn:hover{background:#fff3;border-color:#ffffff4d}.canvas-close{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.canvas-close:hover{background:#ff5252}.canvas-container,.canvas-workspace-custom{bottom:0;left:0;position:absolute;right:0;top:70px}.canvas-workspace-custom{background:radial-gradient(circle at 50% 50%,#ffffff05 1px,#0000 0);background-size:20px 20px;cursor:grab;overflow:hidden}.canvas-workspace-custom:active{cursor:grabbing}.canvas-content{min-height:100%;min-width:100%;position:relative;transition:transform .1s ease-out}.canvas-content.panning{transition:none}@media (max-width:768px){.canvas-content{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}}.custom-sticky-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:300px;min-width:200px;padding:16px;position:absolute;transform:rotate(-2deg);transition:all .3s ease;z-index:10}.custom-sticky-note:hover{border-color:#ffffff26;box-shadow:0 8px 20px #0006;transform:rotate(0deg) translateY(-4px)}.custom-sticky-note.touch-active{border-width:3px!important;box-shadow:0 8px 24px #0009!important;transform:translateY(-4px) scale(1.05)!important;transition:none!important;z-index:1000!important}.custom-sticky-note.yellow{background:linear-gradient(135deg,#ffeb3b1a,#ffc1071a);border-color:#ffeb3b4d;transform:rotate(-2deg)}.custom-sticky-note.blue{background:linear-gradient(135deg,#2196f31a,#1976d21a);border-color:#2196f34d;transform:rotate(1deg)}.custom-sticky-note.pink{background:linear-gradient(135deg,#e91e631a,#c2185b1a);border-color:#e91e634d;transform:rotate(-1deg)}.custom-sticky-note.green{background:linear-gradient(135deg,#4caf501a,#388e3c1a);border-color:#4caf504d;transform:rotate(2deg)}.sticky-textarea{background:#0000;border:none;color:#fff;font-family:inherit;font-size:14px;line-height:1.4;margin-bottom:8px;min-height:60px;outline:none;resize:none;width:100%}.sticky-textarea::placeholder{color:#ffffff80}.sticky-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.sticky-enter-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.sticky-enter-btn:hover{background:#fff3;border-color:#ffffff4d}.sticky-delete-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:50%;color:#ff6b6bcc;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .3s ease;width:20px}.sticky-delete-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b}.draggable-profile-tile{position:absolute;transition:all .3s ease;z-index:5}.draggable-profile-tile:hover{filter:brightness(1.1);transform:translateY(-4px)}.draggable-profile-tile.dragging{filter:brightness(1.2);transform:translateY(-8px) scale(1.02);z-index:1000}.draggable-profile-tile .profile-tile-display{border:2px solid #667eea4d;box-shadow:0 8px 24px #0006;height:auto;left:auto!important;min-height:150px;pointer-events:auto!important;position:relative;top:auto!important;transform:none!important;width:300px}.ai-response-card{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:grab;font-size:12px;line-height:1.3;max-width:200px;min-width:120px;padding:12px;position:absolute;transition:all .3s ease;z-index:8}.ai-response-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.ai-response-card.dragging{box-shadow:0 8px 20px #00000080;cursor:grabbing;transform:translateY(-4px) scale(1.02);z-index:1000}.human-card{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid #ffc10766}.human-text{color:#fff3c4;font-weight:500}.human-badge{background:#ffc10733;border:1px solid #ffc10766;color:#ffc107}.nagpal-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea66}.nagpal-text{color:#e3f2fd;font-weight:500}.nagpal-badge{background:#667eea33;border:1px solid #667eea66;color:#667eea}.universe-card{background:linear-gradient(135deg,#4caf501a,#388e3c1a);border:1px solid #4caf5066;max-width:250px;min-width:180px}.universe-card,.universe-text{font-family:Courier New,monospace}.universe-text{color:#c8e6c9;font-size:11px;letter-spacing:.5px;line-height:1.4}.universe-badge{background:#4caf5033;border:1px solid #4caf5066;color:#4caf50;font-family:Courier New,monospace;font-size:9px;letter-spacing:1px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-loading{align-items:center;display:flex;flex-direction:column;gap:8px;padding:8px}.panda-animation{animation:bounce 1s infinite;font-size:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-text{color:#ffffffb3;font-size:10px}.ai-response-text{color:#fff;font-weight:400;margin-bottom:8px}.ai-response-actions{align-items:center;display:flex;justify-content:space-between}.ai-action-buttons{align-items:center;display:flex;gap:4px}.ai-continue-btn{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:50%;color:#4caf50e6;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;transition:all .3s ease;width:18px}.ai-continue-btn:hover{background:#4caf5033;border-color:#4caf5080;color:#4caf50;transform:scale(1.1)}.ai-badge{background:#667eea33;border:1px solid #667eea66;border-radius:10px;color:#667eea;font-size:10px;font-weight:600;padding:2px 6px}.ai-delete-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:50%;color:#ff6b6bcc;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;transition:all .3s ease;width:16px}.ai-delete-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b}.connection-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.connection-line{opacity:.8;transition:opacity .3s ease}.connection-path{transition:stroke-width .3s ease}.connection-line:hover .connection-path{stroke-width:3}.connection-glow{filter:blur(2px);opacity:.3}.connection-arrow{transition:fill .3s ease}.connection-line:hover .connection-arrow{fill:#667eea}@keyframes connectionFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.connection-path{animation:connectionFlow 2s linear infinite}.mobile-instructions{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.instruction-text{animation:fadeInOut 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;font-size:16px;line-height:1.5;padding:20px}.mobile-gesture-helper{pointer-events:none;position:fixed;right:16px;top:80px;z-index:1000}.gesture-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.gesture-hint:empty{display:none}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.canvas-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.canvas-title{font-size:18px;margin-bottom:8px;text-align:center}.canvas-workspace-custom{top:120px}.canvas-tools{flex-wrap:wrap;gap:12px;justify-content:center}.tool-btn{font-size:14px;min-width:120px;padding:12px 20px}.canvas-close,.tool-btn{border-radius:12px;font-weight:600;min-height:48px}.canvas-close{font-size:16px;min-width:100px;padding:12px 24px}.custom-sticky-note{border-width:2px;font-size:14px;max-width:220px;min-width:160px;padding:14px;touch-action:none;transform:rotate(0deg);-webkit-user-select:none;user-select:none}.custom-sticky-note:active,.custom-sticky-note:hover{border-width:3px;box-shadow:0 8px 24px #00000080;transform:rotate(0deg) translateY(-4px) scale(1.02);z-index:100}.sticky-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-size:15px;line-height:1.5;min-height:70px;padding:10px}.sticky-actions{margin-top:6px}.sticky-enter-btn{border-radius:6px;font-size:11px;min-height:28px;padding:6px 12px}.sticky-delete-btn{font-size:12px;height:24px;width:24px}.ai-response-card{border-width:2px;font-size:11px;max-width:160px;min-width:110px;padding:10px;touch-action:none;-webkit-user-select:none;user-select:none}.ai-response-card:active{border-width:3px;box-shadow:0 8px 28px #0009;transform:translateY(-4px) scale(1.05);z-index:100}.universe-card{max-width:180px;min-width:120px}.ai-badge{font-size:9px;padding:2px 5px}.ai-continue-btn{font-size:12px;height:20px;width:20px}.ai-delete-btn{font-size:10px;height:18px;width:18px}.draggable-profile-tile{touch-action:none;-webkit-user-select:none;user-select:none}.draggable-profile-tile:active{filter:brightness(1.3);transform:translateY(-6px) scale(1.03);z-index:100}.draggable-profile-tile .profile-tile-display{border-width:2px;min-height:120px;width:220px}.mobile-instructions{bottom:100px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.instruction-text{border-radius:16px;box-shadow:0 4px 20px #0000004d;font-size:15px;line-height:1.6;padding:16px 20px}.connection-path{stroke-width:2;stroke-dasharray:4,4}.connection-glow{stroke-width:6;opacity:.2}.connection-arrow{transform:scale(1)}.canvas-workspace-custom{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.ai-response-card.dragging,.custom-sticky-note.dragging,.draggable-profile-tile.dragging{box-shadow:0 12px 32px #000000b3;opacity:.9;transform:scale(1.05) translateY(-8px);z-index:1000}}@media (max-width:480px){.canvas-header{align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px}.instruction-text{font-size:14px;padding:16px}.canvas-title{font-size:14px;text-align:center}.canvas-tools{gap:6px;justify-content:center}.canvas-workspace-custom{top:80px}.custom-sticky-note{font-size:13px;max-width:180px;min-width:140px;padding:12px}.sticky-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-size:14px;min-height:60px;padding:8px}.sticky-enter-btn{font-size:10px;min-height:24px;padding:4px 8px}.ai-response-card{font-size:9px;max-width:120px;min-width:80px;padding:6px}.universe-card{max-width:140px;min-width:90px}.ai-badge,.universe-text{font-size:8px}.ai-badge{padding:1px 4px}.draggable-profile-tile .profile-tile-display{min-height:80px;width:160px}}.game-instructions-note{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0006;color:#fff;font-size:13px;left:50%;max-width:90vw;padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1002}.game-note-content{align-items:center;display:flex;flex-direction:column;gap:6px}.game-note-header{color:#667eea;font-size:14px;font-weight:600}.game-triggers{color:#fffc;font-size:12px;line-height:1.4}.game-triggers strong{background:#667eea33;border-radius:4px;color:#fff;font-weight:500;padding:2px 6px}@media (max-width:768px){.game-instructions-note{bottom:15px;font-size:12px;padding:10px 16px}.game-note-header{font-size:13px}.game-triggers{font-size:11px}.game-triggers strong{font-size:10px;padding:1px 4px}}.mobile-fab{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:none;font-size:24px;font-weight:700;height:56px;position:fixed;right:20px;transition:all .3s ease;width:56px;z-index:1004}.mobile-fab:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.mobile-fab:active{transform:scale(.95)}@media (max-width:768px){.mobile-fab{align-items:center;display:flex;justify-content:center}}.info-btn-header{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-right:12px;padding:8px 12px;transition:all .3s ease}.info-btn-header:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.info-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.info-popup{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;height:400px;overflow-y:auto;position:relative;width:320px}.info-popup,.info-popup-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2}.info-popup-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px 8px;position:sticky;top:0}.info-popup-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.info-popup-close{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:50%;color:#ff6b6be6;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.info-popup-close:hover{background:#ff6b6b33;border-color:#ff6b6b80;color:#ff6b6b}.info-popup-content{display:block;padding:16px}.info-section{margin-bottom:16px}.info-section h4{color:#667eea;font-size:14px;font-weight:600;margin:0 0 8px}.info-section ul{color:#ffffffe6;line-height:1.4;margin:0 0 12px;padding-left:12px}.info-section li{font-size:12px;margin-bottom:4px}.info-section li strong{color:#fff;font-weight:600}.info-popup-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border-top:1px solid #ffffff1a;bottom:0;padding:12px 16px 16px;position:sticky;text-align:center}.info-popup-got-it{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.info-popup-got-it:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.zoom-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 16px;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:1005}@media (max-width:768px){.canvas-header{align-items:center;flex-direction:row;justify-content:space-between;padding:12px 16px}.canvas-title{flex:1 1;font-size:16px;margin:0;text-align:left}.canvas-tools{align-items:center;display:flex;flex-shrink:0;gap:8px}.info-btn-header{margin-right:0}.canvas-close,.info-btn-header{border-radius:6px;font-size:12px;min-height:36px;min-width:60px;padding:8px 12px}.info-popup-overlay{align-items:center;display:flex!important;justify-content:center;padding:20px}.info-popup{height:350px;width:280px}.zoom-indicator{font-size:13px;padding:6px 12px;top:80px}}@media (max-width:480px){.canvas-header{padding:10px 12px}.canvas-title{font-size:14px}.canvas-close,.info-btn-header{font-size:11px;min-height:32px;min-width:50px;padding:6px 8px}.info-popup-overlay{align-items:center;display:flex!important;justify-content:center;padding:15px}.info-popup{height:320px;width:260px}}.permanent-instructions-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffc107e6;border:1px solid #ffc1074d;border-radius:8px;bottom:80px;box-shadow:0 4px 16px #ffc1074d;color:#1a1a1a;cursor:grab;font-size:12px;font-weight:500;max-width:250px;padding:10px 16px;position:fixed;right:20px;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1003}.permanent-instructions-note:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.instructions-content{align-items:center;display:flex;gap:6px;white-space:nowrap}@media (max-width:768px){.permanent-instructions-note{border-radius:12px;bottom:90px;font-size:12px;max-width:220px;padding:12px 16px;right:15px}.instructions-content{font-size:11px;white-space:normal}.canvas-workspace-custom{-webkit-overflow-scrolling:touch;background-size:15px 15px;touch-action:pan-x pan-y}.sticky-textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;font-size:16px;line-height:1.5;min-height:80px;padding:12px}.sticky-textarea:focus{background:#ffffff1f;border-color:#667eea99;box-shadow:0 0 0 2px #667eea33;outline:none}}@media (max-width:480px){.permanent-instructions-note{bottom:60px;font-size:10px;max-width:180px;padding:6px 10px;right:10px}.instructions-content{font-size:9px}}.profile-tile-display{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:50%;max-width:300px;min-width:300px;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}.tile-card-content{padding:20px}.tile-card-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.tile-card-subtitle{color:#fff9;font-size:14px;margin-bottom:12px}.tile-card-text{color:#fffc;font-size:14px;line-height:1.5}.tile-quote-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33}.tile-quote-text{color:#ffffffe6;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:16px}.tile-quote-author{color:#fff9;font-size:14px;text-align:right}.tile-spotify-embed{background:#1db954;height:152px}.tile-spotify-player{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px}.tile-album-art{align-items:center;background:#0000004d;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.tile-album-art img{height:100%;object-fit:cover;width:100%}.tile-default-album-art{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tile-track-info{flex:1 1}.tile-track-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.tile-artist-name{color:#fffc;font-size:14px}.tile-spotify-controls{align-items:center;display:flex;gap:16px;justify-content:center}.tile-control-btn{cursor:pointer;opacity:.8;transition:opacity .2s}.tile-control-btn:hover{opacity:1}.tile-play-btn{background:#ffffff1a;border-radius:50%;padding:4px}.tile-progress-bar{margin-top:8px}.tile-progress-track{background:#ffffff4d;border-radius:2px;height:4px;margin-bottom:4px}.tile-progress-fill{background:#fff;border-radius:2px;height:100%}.tile-time-stamps{color:#fffc;display:flex;font-size:12px;justify-content:space-between}.tile-spotify-logo{color:#fffc;font-size:12px;text-align:center}.tile-netflix-embed{background:#e50914;height:200px}.tile-prime-embed{background:#00a8e1;height:200px}.tile-goodreads-embed{background:#553b08;height:180px}.tile-map-embed{background:#007aff;height:220px;position:relative}.tile-map-container{position:relative}.tile-map-container,.tile-map-svg{height:100%;width:100%}.tile-map-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:6px;left:12px;padding:8px 12px;position:absolute;top:12px}.tile-map-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.tile-map-subtitle{color:#fffc;font-size:12px;margin-bottom:2px}.tile-map-service{color:#fff9;font-size:10px}.tile-map-loading{align-items:center;color:#fff;display:flex;font-size:14px;height:100%;justify-content:center}.tile-hulu-embed{background:#1ce783;height:200px}.tile-hulu-content{height:100%;padding:16px}.tile-hulu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tile-hulu-icon{font-size:20px}.tile-hulu-info{flex:1 1;margin-left:12px}.tile-hulu-subtitle{color:#ffffffe6;font-size:14px}.tile-hulu-logo{color:#fff;font-size:12px;font-weight:600}.tile-hulu-iframe-container{height:calc(100% - 50px)}.tile-hulu-iframe-container iframe{border-radius:8px;height:100%;width:100%}.tile-interactions-list{margin-top:16px}.tile-interaction-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;margin-bottom:16px;padding:12px}.tile-interaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tile-interaction-icon{font-size:16px;margin-right:8px}.tile-interaction-app{color:#fff;flex:1 1;font-size:14px;font-weight:600}.tile-interaction-time{color:#fff9;font-size:12px}.tile-interaction-activity{color:#fffc;font-size:13px;line-height:1.4}.tile-connect-button{background:#007aff1a;border:1px solid #007aff4d;border-radius:8px;margin-top:20px;padding:12px}.tile-connect-status{align-items:center;color:#007aff;display:flex;font-size:13px}.tile-status-indicator{animation:pulse 2s infinite;background:#34c759;border-radius:50%;height:8px;margin-right:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tile-widget-container{height:100%;width:100%}.tile-widget-container iframe{border:none;border-radius:8px;height:100%;width:100%}.tile-art-gallery{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:16px}.tile-art-image-container{aspect-ratio:1;background:#ffffff0d;border-radius:8px;overflow:hidden}.tile-art-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.tile-art-image:hover{transform:scale(1.05)}.tile-hulu-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:2px}.tile-hulu-iframe-container{border-radius:6px;margin:8px 0;overflow:hidden}.tile-hulu-iframe-container iframe{border:none;border-radius:6px}.tile-goodreads-iframe-container{border-radius:6px;margin-top:12px;overflow:hidden}.tile-goodreads-iframe-container iframe{border:none;border-radius:6px}
/*# sourceMappingURL=main.6047d02b.css.map*/