:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.capslock-indicator{display:none;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:#8a4b00}.capslock-indicator--visible{display:flex}.capslock-indicator--hidden{display:none}.capslock-indicator__icon{width:10px;height:10px;background-color:#f6a623;border-radius:2px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.sign-in-page,.sign-up-page{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #000000;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-primary);padding:20px;box-sizing:border-box}.sign-in-container,.sign-up-container{max-width:400px;width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;box-sizing:border-box}.auth-google-button{width:100%;padding:10px;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#2b2b2b;transition:background-color .15s ease,box-shadow .15s ease;box-shadow:none}.auth-google-button:hover,.auth-google-button:focus{background-color:#f5f5f5;outline:none;box-shadow:0 1px 3px #0000000f}.google-icon{width:24px;height:24px;object-fit:contain}.sign-in-page .capslock-indicator,.sign-up-page .capslock-indicator{margin-top:6px}.sign-in-page .submit-button,.sign-up-page .submit-button{width:100%}.sign-up-page{position:fixed;inset:0;overflow:auto;z-index:1;background-color:#fff;color:#000}.sign-up-container{max-width:400px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.signup-header{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center;width:100%}.auth-error{padding:10px;border-radius:4px;white-space:pre-line;width:100%;margin-top:10px;margin-bottom:10px;background-color:#fff0f0;color:#d32f2f;border:1px solid #d32f2f}.input-field{width:100%;padding:12px;border-radius:6px;font-size:14px;margin-bottom:15px;border:1px solid #ccc;background-color:#fff;color:#000}.submit-button{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px;transition:all .2s ease-in-out;font-weight:600}.submit-button:hover{transform:scale(1.02);background-color:#1976d2}.sign-in-link{margin-top:15px;text-decoration:none;color:#2196f3}.nav-header{grid-row:1;overflow:visible;padding:0;margin:0;width:auto;background-color:var(--selected-id-background);transition:var(--theme-transition);position:relative;z-index:10;border-radius:var(--border-radius);border:var(--border-width) solid var(--selected-id-foreground);box-sizing:border-box}.nav-header-id-display{cursor:pointer;transition:transform .2s ease}.nav-header-id-display:hover{transform:scale(1.05)}.nav-header-id-display:active{transform:scale(.95)}.nav-header-id-display__composite{width:100%;height:100%}.nav-content{display:grid;grid-template-columns:90px 1fr;gap:clamp(4px,1.5vw,12px);align-items:center;width:100%;max-width:var(--content-max-width, 1200px);margin:0 auto;box-sizing:border-box;height:100%;padding:8px 8px 20px}.nav-right-column{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;overflow:hidden}.centered-title{margin:0;font-size:1.25rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 8px}.nav-icons{display:flex;gap:clamp(4px,1.5vw,16px);align-items:center;justify-content:center;width:100%;padding:clamp(2px,.5vw,4px) 0}.nav-icons>div{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1vw,8px);border-radius:clamp(2px,.5vw,4px);transition:background-color .2s;min-width:clamp(24px,5vw,32px);min-height:clamp(24px,5vw,32px)}.nav-icons>div:hover{background-color:#80808033}.nav-icons svg{width:clamp(20px,5vw,32px);height:clamp(20px,5vw,32px)}.bazaar-icon svg{stroke-width:1.5}.chat-icon svg{stroke:none}.calendar-icon svg{stroke:none}.tasks-icon svg{stroke:none}.settings-icon svg{stroke:none}@media (max-width: 768px){.nav-content{padding:6px 6px 18px}.centered-title{font-size:clamp(.875rem,2.5vw,1rem)}}@media (max-width: 375px){.nav-content{gap:4px;padding:4px 4px 16px}.nav-right-column{gap:4px}.centered-title{padding:0 4px}}.scroll-button{position:absolute;right:12px;width:32px;height:32px;border:2px solid;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:scale(.8);box-shadow:0 2px 8px #00000026;-webkit-user-select:none;user-select:none;pointer-events:auto}.scroll-button--visible{opacity:.8;visibility:visible;transform:scale(1)}.scroll-button:hover{opacity:1!important;transform:scale(1.05);box-shadow:0 4px 12px #0003}.scroll-button:active{transform:scale(.95)}.scroll-button:focus{outline:2px solid currentColor;outline-offset:2px}.scroll-button--up{top:12px}.scroll-button--down{bottom:12px}.scroll-button__icon{line-height:1;pointer-events:none}@media (max-width: 768px){.scroll-button{right:8px;width:28px;height:28px;font-size:14px}.scroll-button--up{top:8px}.scroll-button--down{bottom:8px}}.work-area-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;margin:0;padding:0;border:var(--border-width, 2px) solid var(--selected-id-foreground, #000000);border-radius:var(--border-radius, 16px);transition:var(--theme-transition, all .2s ease);box-sizing:border-box}.work-area-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative;padding:0;box-sizing:border-box;background-color:var(--selected-id-background, #ffffff);color:var(--selected-id-foreground, #000000)}.work-area-scroll::-webkit-scrollbar{display:none;width:0;height:0}.work-area{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none}.work-area::-webkit-scrollbar{display:none;width:0;height:0}.work-area-content{height:100%;width:100%;position:relative;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.social-script-v3-section{padding:2rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:2rem}.social-script-v3-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.social-script-v3-section h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.social-script-v3-description{margin-bottom:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:4px;border-left:3px solid var(--button-primary)}.social-script-v3-description p{margin:0;font-size:1rem;line-height:1.5;opacity:.9}.social-script-v3-purpose{margin-bottom:0}.social-script-v3-purpose p{margin:0;font-size:1rem;line-height:1.5;opacity:.9;font-weight:500;color:var(--text-secondary)}.social-script-v3-instruction{margin-bottom:.75rem;font-size:.9rem;line-height:1.4;color:var(--text-secondary);opacity:.9}.social-script-v3-fields{display:flex;flex-direction:column;gap:2rem}.social-script-v3-field{display:flex;flex-direction:column;gap:.5rem}.social-script-v3-label{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.social-script-v3-input-container{position:relative;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);transition:border-width .2s ease,box-shadow .2s ease}.social-script-v3-input-container:focus-within{border-width:2px;border-color:var(--button-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--button-primary) 20%,transparent)}.social-script-v3-placeholder{position:absolute;top:.75rem;left:.75rem;right:.75rem;color:var(--text-muted);opacity:.8;font-style:italic;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;pointer-events:none;z-index:1;max-height:6em;overflow:hidden}.social-script-v3-textarea{width:100%;min-height:6rem;padding:.75rem;background-color:transparent;color:var(--text-primary);border:none;font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;outline:none;position:relative;z-index:2}.social-script-v3-textarea.has-content{background-color:var(--bg-primary)}.social-script-v3-textarea::placeholder{color:var(--text-muted);opacity:.8;font-style:italic}.social-script-v3-textarea::-webkit-scrollbar{width:8px}.social-script-v3-textarea::-webkit-scrollbar-track{background:transparent;margin:2px 0}.social-script-v3-textarea::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;transition:background-color .2s ease}.social-script-v3-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--button-primary)}.social-script-v3-textarea{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.social-script-v3-notes{margin-top:3rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary)}.social-script-v3-notes h3{font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.social-script-v3-note{margin-bottom:1.5rem;padding-left:1rem;border-left:2px solid var(--button-primary)}.social-script-v3-note:last-child{margin-bottom:0}.social-script-v3-note strong{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.social-script-v3-note p{margin:0;line-height:1.5;font-size:.95rem;color:var(--text-secondary)}@media (max-width: 768px){.social-script-v3-section{padding:1.5rem}.social-script-v3-fields{gap:1.5rem}.social-script-v3-textarea{min-height:5rem}}.social-script-v3-textarea:focus{outline:none}.social-script-v3-input-container:focus-within .social-script-v3-placeholder{opacity:.4}.social-script-v3-placeholder,.social-script-v3-input-container,.social-script-v3-textarea{transition:all .2s ease}.stripe-section{background:var(--selected-id-background, #ffffff);border:1px solid var(--selected-id-foreground, #e0e0e0);border-radius:8px;padding:0;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.stripe-header{padding:1rem;border-bottom:1px solid var(--selected-id-foreground, #e0e0e0)}.stripe-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stripe-title-row h2{margin:0;font-size:1.4rem;font-weight:600;color:var(--selected-id-foreground, #2c3e50)}.stripe-branding{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.powered-by{font-size:.625rem;color:var(--selected-id-foreground, #666);opacity:.7;text-transform:uppercase;letter-spacing:.05em}.stripe-logo{font-size:.875rem;font-weight:600;color:var(--selected-id-foreground, #333);opacity:.8}.stripe-summary{display:flex;justify-content:flex-start;align-items:center}.connection-summary{display:flex;align-items:center;gap:.5rem}.connection-icon{font-size:1rem}.connection-text{font-size:.875rem;font-weight:500}.connection-text.success{color:#16a34a}.connection-text.warning{color:#ea580c}.connection-text.pending{color:#ca8a04}.progress-text{font-size:.75rem;color:var(--selected-id-foreground, #666);opacity:.8}.action-section{padding:1.5rem;border-bottom:1px solid var(--selected-id-foreground, #e0e0e0)}.setup-section .action-section{border-bottom:none}.setup-description{margin:1rem 0 0;color:var(--selected-id-foreground, #666);line-height:1.5;font-size:.875rem}.visual-separator{height:1px;background:linear-gradient(90deg,transparent 0%,var(--selected-id-foreground, #e0e0e0) 20%,var(--selected-id-foreground, #e0e0e0) 80%,transparent 100%);margin:1rem 0}.completion-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:.875rem;color:#1e40af}.completion-notice.info{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af}.notice-icon{font-size:1rem}.status-table{margin:0;border:1px solid var(--selected-id-foreground, #e0e0e0);border-radius:8px;overflow:hidden;background:var(--selected-id-background, white)}.status-table-header{padding:1rem 1.5rem;border-bottom:2px solid var(--selected-id-foreground, #e0e0e0);background:linear-gradient(135deg,#00000008,#00000003);display:flex;flex-direction:column;gap:.75rem}.status-table-header span{font-size:.875rem;font-weight:600;color:var(--selected-id-foreground, #333);text-transform:uppercase;letter-spacing:.05em}.status-list{display:flex;flex-direction:column;margin:0;background:var(--selected-id-background, white)}.status-item{display:grid;grid-template-columns:2rem 1fr 6rem;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--selected-id-foreground, #f0f0f0);align-items:center;transition:all .2s ease}.status-item:last-child{border-bottom:none}.status-item:hover{background:#00000005;transform:translate(2px)}.status-icon{font-size:1.125rem;min-width:1.5rem;text-align:center}.status-label{font-size:.875rem;font-weight:500;color:var(--selected-id-foreground, #333);justify-self:start}.status-value{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:16px;text-transform:uppercase;letter-spacing:.05em;min-width:80px;text-align:center;border:1px solid;justify-self:end}.status-value.enabled{background:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.status-value.disabled{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.loading-text{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner-small{display:inline-block;width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin 1s linear infinite}button.setup-button,button.update-button{width:100%;padding:1.25rem 2rem;background-color:var(--selected-id-background)!important;color:var(--selected-id-foreground)!important;border:3px solid var(--selected-id-foreground)!important;border-radius:6px;font-size:20px!important;font-weight:700!important;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}button.setup-button:hover,button.update-button:hover{opacity:.9}button.setup-button:disabled,button.update-button:disabled{opacity:.6;cursor:not-allowed}.info-section{border-top:1px solid var(--selected-id-foreground, #e0e0e0)}.info-details{padding:1rem 1.5rem}.info-details summary{cursor:pointer;font-size:.875rem;font-weight:500;color:var(--selected-id-foreground, #666);list-style:none;display:flex;justify-content:space-between;align-items:center}.info-details summary::-webkit-details-marker{display:none}.info-details summary:after{content:"▶";font-size:.75rem;transition:transform .2s ease}.info-details[open] summary:after{transform:rotate(90deg)}.info-content{margin-top:1rem;font-size:.8125rem;color:var(--selected-id-foreground, #666);line-height:1.5}.info-content p{margin:0 0 1rem}.requirements{margin-bottom:1rem}.requirements strong{color:var(--selected-id-foreground, #333)}.requirements ul{margin:.5rem 0 0 1rem;padding:0}.requirements li{margin-bottom:.25rem}.security-info{display:flex;gap:.5rem;flex-wrap:wrap}.security-badge{background:var(--selected-id-foreground, #f5f5f5);opacity:.1;color:var(--selected-id-foreground, #666);padding:.25rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:500;border:1px solid var(--selected-id-foreground, #e0e0e0);opacity:.2}.error-container{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.75rem;margin-top:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.error-message{color:#dc2626;font-weight:500;font-size:.8125rem;flex:1}.dismiss-error{background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.6875rem;font-weight:500;transition:all .2s ease}.dismiss-error:hover{background:#dc26261a}.header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.refresh-button{background:transparent;color:var(--selected-id-foreground, #666);border:1px solid var(--selected-id-foreground, #ddd);border-radius:4px;padding:.375rem .75rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.refresh-button:hover:not(:disabled){background:var(--selected-id-foreground, #f5f5f5);opacity:.1}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-loading{animation:spin 1s linear infinite}.refresh-message{margin-top:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.8125rem;font-weight:500;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#059669}.refresh-message:has-text("❌"){background:#ef44441a;border-color:#ef44444d;color:#dc2626}.refresh-message:has-text("ℹ️"){background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.dashboard-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--selected-id-foreground, #e0e0e0)}.dashboard-button{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#635bff,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.dashboard-button:hover:not(:disabled){background:linear-gradient(135deg,#5a52ff,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #635bff4d}.dashboard-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-loading{animation:spin 1s linear infinite}@media (max-width: 768px){.stripe-title-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.stripe-branding{align-items:flex-start}.stripe-summary{flex-direction:column;align-items:flex-start;gap:.75rem}.action-section{padding:1rem}.status-table-header{padding:.75rem 1rem .5rem}.status-item,.info-details{padding:.75rem 1rem}}@media (max-width: 480px){.stripe-header{padding:.75rem}.stripe-title-row h2{font-size:1.25rem}.action-section{padding:.75rem}.status-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.status-icon{margin-right:0}.status-label{margin-right:0;margin-bottom:.25rem}.status-value{align-self:flex-start;min-width:auto}}@media (max-width: 350px){.stripe-header{padding:.5rem}.stripe-title-row h2{font-size:1.125rem}.action-section{padding:.5rem}.connection-summary{flex-direction:column;align-items:flex-start;gap:.25rem}.security-info{flex-direction:column}.status-table-header,.status-item{padding:.5rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background-color:var(--background-color);border:2px solid var(--foreground-color);border-radius:12px;padding:1rem;max-width:min(90vw,1200px);max-height:none;overflow-y:visible;box-shadow:0 4px 12px #0003;animation:modal-appear .2s ease;width:auto;box-sizing:border-box}.modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;background:transparent;color:var(--foreground-color);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:color-mix(in srgb,var(--background-color) 85%,var(--foreground-color) 15%)}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bazaar-item-card{width:100%;display:flex;flex-direction:column;color:var(--foreground-color);background-color:color-mix(in srgb,var(--background-color) 95%,var(--foreground-color) 5%);border:2px solid var(--foreground-color);border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease;margin:1rem 0;min-height:100px;max-width:600px;gap:.75rem}.bazaar-item-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.bazaar-item-card .top-row{display:flex;gap:.75rem;align-items:flex-start;padding-top:.5rem;padding-bottom:.25rem}.bazaar-item-card .image-container{position:relative;width:100px;min-width:100px;height:100px;overflow:hidden;background-color:color-mix(in srgb,var(--background-color) 85%,var(--foreground-color) 15%);border:1px solid var(--foreground-color);border-radius:8px;margin-left:.75rem;cursor:pointer;flex-shrink:0}.bazaar-item-card .image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .3s ease}.bazaar-item-card .image-container:hover img{transform:scale(1.05)}.bazaar-item-card .image-upload{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;opacity:0;transition:opacity .3s ease;cursor:pointer;z-index:1}.bazaar-item-card .image-container:hover .image-upload{opacity:1}.bazaar-item-card .image-upload img{width:64px;height:64px;opacity:.5}.bazaar-item-card .upload-button,.bazaar-item-card .change-image{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--foreground-color);border-radius:4px;color:var(--foreground-color);cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-top:.5rem}.bazaar-item-card .upload-button:hover,.bazaar-item-card .change-image:hover{background-color:color-mix(in srgb,var(--background-color) 85%,var(--foreground-color) 15%)}.bazaar-item-card .change-image{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease}.bazaar-item-card .image-container:hover .change-image{opacity:1}.bazaar-item-card .top-right{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-right:.75rem;min-width:0}.bazaar-item-card .title-input{font-size:clamp(.8rem,4cqw,1.15rem);font-weight:600;background:transparent;border:1px solid transparent;color:var(--foreground-color);padding:.25rem;width:100%;transition:border-color .2s ease;margin-bottom:.25rem;line-height:1.2}.bazaar-item-card .title-input:hover,.bazaar-item-card .title-input:focus{border-color:var(--foreground-color);outline:none}.bazaar-item-card .description-input{font-size:.9rem;background:transparent;border:1px solid transparent;color:var(--foreground-color);padding:.25rem;width:100%;min-height:40px;resize:none;overflow:hidden;transition:border-color .2s ease;opacity:.7;line-height:1.4;margin-bottom:.5rem}.bazaar-item-card .description-input:hover,.bazaar-item-card .description-input:focus{border-color:var(--foreground-color);outline:none}.bazaar-item-card .character-count{font-size:.75rem;color:var(--foreground-color);opacity:0;text-align:right;margin-top:.125rem}.bazaar-item-card .bottom-row{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;padding-left:.75rem}.bazaar-item-card .pricing-mode-compact{margin:0;width:100%}.bazaar-item-card .pricing-mode-row{display:flex;gap:1rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.bazaar-item-card .pricing-mode-compact-option{display:flex;align-items:center;gap:.25rem;cursor:pointer}.bazaar-item-card .pricing-mode-compact-option input[type=radio]{width:12px;height:12px;cursor:pointer}.bazaar-item-card .pricing-mode-compact-option span{font-size:.8rem;font-weight:500;cursor:pointer;white-space:normal;overflow-wrap:anywhere;max-width:240px}.bazaar-item-card .price-container{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;margin-left:.25rem}.bazaar-item-card .price-prefix{font-size:1.15rem;font-weight:600;color:var(--foreground-color)}.bazaar-item-card .price-input{font-size:1.15rem;font-weight:600;background:transparent;border:1px solid transparent;color:var(--foreground-color);width:4.5rem;padding:.25rem;transition:border-color .2s ease;text-align:left;border-radius:8px}.bazaar-item-card .price-input:hover,.bazaar-item-card .price-input:focus{border-color:color-mix(in srgb,var(--foreground-color) 50%,transparent);outline:none}.bazaar-item-card .price-input:read-only{opacity:.6;cursor:not-allowed}.bazaar-item-card .price-input:read-only:hover{border-color:transparent}.bazaar-item-card .price-input::-webkit-outer-spin-button,.bazaar-item-card .price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bazaar-item-card .price-input{-moz-appearance:textfield}.bazaar-item-card .fee-breakdown-card{margin-top:.25rem;padding:.75rem;background-color:color-mix(in srgb,var(--background-color) 90%,var(--foreground-color) 10%);border:1px solid var(--foreground-color);border-radius:8px;font-size:.8rem;align-self:flex-start;max-width:260px;width:100%;box-sizing:border-box}.bazaar-item-card .fee-breakdown-header{font-weight:600;margin-bottom:.5rem;font-size:.85rem;color:var(--foreground-color);text-align:left;border-bottom:1px solid color-mix(in srgb,var(--foreground-color) 20%,transparent);padding-bottom:.25rem}.bazaar-item-card .fee-line{display:flex;justify-content:space-between;align-items:center;margin:.25rem 0;color:var(--foreground-color)}.bazaar-item-card .fee-line.total-line{border-top:1px solid color-mix(in srgb,var(--foreground-color) 20%,transparent);padding-top:.25rem;margin-top:.5rem;font-weight:500}.bazaar-item-card .fee-line.seller-receives{background-color:color-mix(in srgb,var(--foreground-color) 10%,var(--background-color) 90%);padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;font-weight:600}.bazaar-item-card .seller-amount{font-weight:700;font-size:.9rem}.bazaar-item-card .tax-note{font-size:.75rem;font-style:italic;margin-top:.5rem;padding:.5rem;background-color:#ffc1071a;border-left:3px solid #ffc107;border-radius:3px;opacity:.9;line-height:1.3}@media (max-width: 600px){.bazaar-item-card .title-input{font-size:clamp(.75rem,5cqw,1rem)}.bazaar-item-card .description-input{font-size:.85rem}.bazaar-item-card .fee-breakdown-card{max-width:none;width:calc(100% - 1.5rem)}.bazaar-item-card .pricing-mode-compact-option span{max-width:100%}}@media (max-width: 480px){.bazaar-item-card .title-input{font-size:clamp(.7rem,6cqw,.9rem)}.bazaar-item-card .description-input{font-size:.8rem}}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-container{position:relative}.tooltip-container .tooltip-text{visibility:hidden;width:250px;background-color:var(--settings-text-color);color:var(--settings-button-bg);text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.85rem;box-shadow:0 2px 5px #0003;pointer-events:none;max-width:calc(100vw - 30px);overflow-wrap:break-word}.tooltip-container .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--settings-text-color) transparent transparent transparent}.tooltip-container.right-edge .tooltip-text{right:0;left:auto;transform:translate(0)}.tooltip-container.right-edge .tooltip-text:after{left:auto;right:8px}.tooltip-container.left-edge .tooltip-text{left:0;transform:translate(0)}.tooltip-container.left-edge .tooltip-text:after{left:8px;margin-left:0}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--settings-text-color);color:var(--settings-button-bg);font-size:12px;margin-left:6px;cursor:help}.connection-item{display:flex!important;flex-direction:row!important;align-items:center!important;padding:.75rem 1rem;border:2px solid var(--connection-foreground);margin-bottom:4px;cursor:pointer;transition:transform .2s ease;background-color:var(--connection-background);color:var(--connection-foreground);width:100%;box-sizing:border-box;border-radius:6px;min-height:70px}.connection-item:not(:last-child){margin-bottom:6px}.connection-item:last-child{margin-bottom:0}.connection-item:hover{transform:translate(2px)}.connection-item.selected{box-shadow:inset 0 0 0 2px var(--connection-foreground)}.connection-image-container{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:12px;border:2px solid var(--connection-foreground);flex-shrink:0}@media (min-width: 768px){.connection-image-container{width:60px;height:60px}}.connection-image{width:100%;height:100%;object-fit:cover}.connection-image-placeholder{width:100%;height:100%;background-color:#0000001a}.connection-info{display:flex;flex-direction:column;flex-grow:1;flex-basis:0;overflow:visible;justify-content:center;min-width:0;width:calc(100% - 80px);max-width:none;padding-right:8px}.connection-name{font-weight:500;color:var(--connection-foreground);white-space:normal;word-break:break-word;overflow-wrap:break-word;margin-bottom:4px;width:100%;overflow:visible;text-overflow:clip;display:block;max-width:100%;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.connection-type{font-size:.8rem;color:var(--connection-foreground);opacity:.8;margin-top:.2rem}.connection-status{flex-shrink:0;width:24px;display:flex;justify-content:center;align-items:center;padding-left:8px;margin-left:auto}.selected-indicator{color:var(--connection-foreground);font-size:1.2rem;font-weight:700}.accepted-indicator{color:#4caf50;font-size:1.2rem;font-weight:700;background-color:#4caf501a;padding:2px 5px;border-radius:3px;border:1px solid rgba(76,175,80,.3)}.bazaar-connection-list{background-color:var(--settings-button-bg);border:2px solid var(--settings-border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.bazaar-connection-list.compact{padding:1rem;margin-bottom:1rem}.visibility-options{margin-bottom:15px}.visibility-options h4{margin-top:0;margin-bottom:10px;font-weight:500;color:var(--settings-text-color)}.visibility-option{display:flex;align-items:center;margin-bottom:8px}.visibility-option.disabled{opacity:.5;pointer-events:none}.visibility-option.disabled .radio-label{color:var(--settings-text-color);opacity:.6}.radio-container{display:flex;align-items:center;margin-right:10px;cursor:pointer}.radio-container input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer}.radio-label{margin-left:8px;font-weight:500;color:var(--settings-text-color)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.bazaar-connection-list .header{margin-bottom:1.5rem}.bazaar-connection-list .toggle-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bazaar-connection-list .toggle-container.compact{margin-bottom:0}.bazaar-connection-list .toggle-label.compact{font-size:.9rem}.bazaar-connection-list .toggle-container input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.bazaar-connection-list .toggle-label{font-weight:500;color:var(--settings-text-color)}.bazaar-connection-list .info-text{font-size:.9rem;color:var(--settings-text-color);opacity:.8;margin-top:.5rem}.bazaar-connection-list .note{font-style:italic}.bazaar-connection-list .error-message{color:#f44;margin:.5rem 0;font-size:.9rem}.bazaar-connection-list .search-bar{margin-bottom:1rem}.bazaar-connection-list .search-input{width:100%;padding:.75rem;border:1px solid var(--settings-border-color);border-radius:6px;background-color:color-mix(in srgb,var(--settings-button-bg) 85%,var(--settings-text-color) 15%);color:var(--settings-text-color);font-size:.9rem}.bazaar-connection-list .search-input:focus{outline:none;border-color:var(--settings-text-color)}.bazaar-connection-list .connections-list{max-height:400px;overflow-y:auto;border:1px solid var(--settings-border-color);border-radius:6px;background-color:transparent;display:flex;flex-direction:column;width:100%;padding:8px;gap:8px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.bazaar-connection-list .connections-list::-webkit-scrollbar{display:none}@media (min-width: 768px){.bazaar-connection-list .connections-list{max-height:500px}}.bazaar-connection-list .loading-message,.bazaar-connection-list .no-results{padding:1rem;text-align:center;color:var(--settings-text-color);opacity:.7}.bazaar-connection-list .selected-count{margin-top:1rem;font-size:.9rem;color:var(--settings-text-color);text-align:right}.bazaar-item-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;padding:1.5rem}.bazaar-item-form h2{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.error-message{background-color:var(--error-bg);color:var(--error-text);padding:.75rem;border-radius:.5rem;border:1px solid var(--error-text);font-size:.9rem;transition:var(--theme-transition)}.premium-mode-indicator{background-color:color-mix(in srgb,var(--bg-secondary) 90%,var(--border-color) 10%);border:2px solid var(--border-color);border-radius:.75rem;padding:1rem;margin-bottom:1rem;transition:var(--theme-transition)}.premium-mode-indicator p{margin:0 0 .5rem;color:var(--text-primary);font-size:.9rem;line-height:1.4}.premium-mode-indicator p:last-child{margin-bottom:0;font-weight:600;color:var(--text-primary)}.premium-offer-info{background-color:color-mix(in srgb,var(--bg-secondary) 95%,var(--border-color) 5%);border:2px solid var(--border-color);border-radius:.75rem;padding:1.25rem;margin:1rem 0;transition:var(--theme-transition)}.premium-offer-info h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.premium-info-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent 70%);color:var(--text-primary);font-size:.9rem}.info-item:last-child{border-bottom:none}.info-item strong{font-weight:600;min-width:100px;color:var(--text-primary)}.premium-visibility-info{background-color:color-mix(in srgb,var(--bg-secondary) 92%,var(--border-color) 8%);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin:1rem 0;transition:var(--theme-transition)}.premium-visibility-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.premium-visibility-info p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.type-selector{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--background-secondary);color:var(--text-primary);font-size:.9rem}.type-selector:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.settings-section.compact{gap:.75rem}.toggle-row{display:flex;align-items:center;gap:.5rem}.toggle-container.compact{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-container.compact input[type=checkbox]{margin:0}.toggle-label.compact{font-size:.9rem;color:var(--text-primary);cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-actions button{padding:.75rem 1.5rem;border:2px solid var(--foreground-color);border-radius:.5rem;background-color:var(--foreground-color);color:var(--background-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.form-actions button:hover:not(:disabled){background-color:var(--background-color);color:var(--foreground-color);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.form-actions button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.form-actions button:disabled{background-color:color-mix(in srgb,var(--foreground-color) 30%,var(--background-color) 70%);color:color-mix(in srgb,var(--foreground-color) 50%,var(--background-color) 50%);border-color:color-mix(in srgb,var(--foreground-color) 30%,var(--background-color) 70%);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.admin-required-message{background-color:var(--error-bg);border:1px solid var(--error-text);border-radius:.5rem;padding:1rem;text-align:center;transition:var(--theme-transition)}.admin-required-message p{margin:0 0 .5rem;color:var(--error-text);font-size:.9rem;line-height:1.4}.admin-required-message p:last-child{margin-bottom:0}@media (max-width: 768px){.bazaar-item-form{padding:1rem;max-width:100%}.premium-info-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width: 480px){.bazaar-item-form{padding:.75rem}.bazaar-item-form h2{font-size:1.25rem}.premium-offer-info,.premium-mode-indicator{padding:.75rem}.premium-offer-info h3{font-size:1rem}}.bazaar-item-form::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.bazaar-item-form::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.bazaar-item-form::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:var(--background-transition)}.bazaar-item-form::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--border-color) 80%,var(--text-primary) 20%)}.bazaar-item-form,.modal-content{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}.bazaar-item-form{min-height:auto;max-height:none;overflow:visible}.modal-content .bazaar-item-form{overflow:visible}.bazaar-item-form-modal{width:min(92vw,800px);max-width:92vw;box-sizing:border-box;padding:1.5rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bazaar-item-form-modal .bazaar-item-form__body{overflow-y:auto;max-height:calc(90vh - 120px);padding-right:.5rem}.bazaar-item-form-modal .bazaar-item-form__row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.bazaar-item-form-modal .bazaar-item-form__preview{flex:0 0 120px;min-width:96px;max-width:160px}.bazaar-item-form-modal .bazaar-item-form__fields{flex:1 1 220px;min-width:140px}.bazaar-item-form-modal .bazaar-item-form__fields,.bazaar-item-form-modal .bazaar-item-form__price,.bazaar-item-form-modal .bazaar-item-form__title,.bazaar-item-form-modal .bazaar-item-form__label{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.bazaar-item-form-modal .bazaar-item-form__button-group{display:flex;gap:.5rem}@media (max-width: 480px){.bazaar-item-form-modal{padding:.75rem}.bazaar-item-form-modal .bazaar-item-form__button-group{flex-direction:column}.bazaar-item-form-modal .bazaar-item-form__body{max-height:calc(90vh - 100px)}}.bazaar-item-form-modal .bazaar-item-form__footer{margin-top:1rem;display:flex;justify-content:flex-end;flex-shrink:0}.bazaar-item-form-modal .bazaar-item-form__pricing-row{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.bazaar-item-form-modal .bazaar-item-form__price{order:-1;margin-left:0;text-align:left;min-width:120px;flex:0 0 auto}.bazaar-item-form-modal .pricing-options,.bazaar-item-form-modal .bazaar-item-form__pricing-options{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;margin-left:0}@media (max-width: 480px){.bazaar-item-form-modal .bazaar-item-form__pricing-row{justify-content:flex-start}.bazaar-item-form-modal .bazaar-item-form__price{min-width:auto;width:100%;order:0;text-align:left}}.premium-settings-simple{margin-bottom:2rem}.premium-settings-simple h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.premium-toggle-section{margin-bottom:1.5rem}.premium-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.premium-checkbox{width:18px;height:18px;cursor:pointer}.premium-label-text{font-size:1rem;color:var(--text-primary);font-weight:500}.premium-member-count{font-size:.9rem;color:var(--text-secondary);margin-left:2.25rem}.premium-member-count strong{color:var(--text-primary)}.premium-create-section{padding:1rem;background-color:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.create-premium-offer-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:.75rem}.create-premium-offer-btn:hover{background-color:var(--primary-color-hover)}.create-premium-offer-btn:active{transform:translateY(1px)}.premium-note{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.button-group{margin:1rem 0}.save-button{display:block;width:100%;padding:.75rem 1rem;border-radius:4px;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease}.save-button:hover{opacity:.9;transform:translateY(-1px)}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.become-marketer-button,.generate-copy-button{display:block;width:100%;padding:.75rem 1rem;margin:1rem 0;border-radius:4px;border-width:1px;border-style:solid;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease}.become-marketer-button:hover,.generate-copy-button:hover{opacity:.9;transform:translateY(-1px)}.become-marketer-button:disabled,.generate-copy-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-id-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.generate-copy-button.highlighted{animation:pulse 2s infinite;box-shadow:0 0 10px var(--foreground-color);font-weight:700}.button-explanation{margin-top:8px;font-size:14px;color:var(--foreground-color);text-align:center;max-width:300px}@keyframes pulse{0%{box-shadow:0 0 #000000b3}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.status-messages{margin:1rem 0;text-align:center}.error-message{color:#f33;background-color:#ff33331a;padding:.75rem;border-radius:4px;border:1px solid rgba(255,51,51,.3);margin-bottom:.5rem}.success-message{color:#3c3;background-color:#33cc331a;padding:.75rem;border-radius:4px;border:1px solid rgba(51,204,51,.3)}.delete-id-link{display:inline-block;font-size:1rem;text-decoration:none;transition:all .2s ease}.delete-id-link:hover{opacity:.8;text-decoration:underline}.sign-out-button{color:red;text-shadow:0 0 4px rgba(0,0,0,1);background:var(--bg-primary);border:2px solid #FF0000;padding:.5rem 1rem;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;font-weight:700;margin:.5rem 0;box-shadow:0 2px 5px #0000004d;display:inline-block}.sign-out-button:hover{color:#fff;border-color:#c00;background:red;text-shadow:0 0 4px rgba(0,0,0,1);box-shadow:0 2px 8px #ff000080;transform:translateY(-1px)}.sign-out-button:focus{outline:2px solid #0066FF;outline-offset:2px}.sign-out-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dark-mode .sign-out-button{color:#f33;text-shadow:0 0 4px rgba(0,0,0,1);background:var(--bg-primary);border:2px solid #FF3333;box-shadow:0 2px 5px #00000080}.dark-mode .sign-out-button:hover{color:#fff;background:#f33;border-color:#f55;text-shadow:0 0 4px rgba(0,0,0,1);box-shadow:0 2px 8px #ff000080}.bottom-links{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.separator{margin:0 .5rem;font-weight:700}.delete-confirm-modal{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-confirm-panel{padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;width:90%}.delete-confirm-panel h3{margin-top:0}.deletion-impact-section{margin:1rem 0;padding:1rem;border-radius:6px;background-color:#ffffff1a}.impact-analyzing{display:flex;align-items:center;gap:.5rem;font-style:italic;opacity:.8}.impact-warning{color:#ff6b6b}.impact-warning h4{margin:0 0 .5rem;font-size:1rem;font-weight:600}.impact-list{margin:.5rem 0;padding-left:1.5rem}.impact-list li{margin:.25rem 0}.impact-note{margin:.75rem 0 0;font-size:.9rem;padding:.5rem;background-color:#ff6b6b1a;border-radius:4px;border-left:3px solid #ff6b6b}.impact-none{color:#4caf50}.impact-none p{margin:0;font-weight:500}.password-confirm-modal{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.password-confirm-panel{padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;width:90%}.password-confirm-panel h3{margin-top:0}.password-input{width:100%;padding:.5rem;margin-bottom:1rem;border-radius:4px;border-width:1px;border-style:solid;background-color:transparent}.button-container{display:flex;justify-content:space-between;margin-top:1.5rem}.cancel-button{padding:.5rem 1rem;background-color:transparent;border-width:1px;border-style:solid;border-radius:4px;cursor:pointer}.delete-button{padding:.5rem 1rem;background-color:#f33;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-button:disabled{opacity:.7;cursor:not-allowed}.button-collection-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:2rem}.button-group{display:flex;flex-direction:column;gap:.5rem}.hidden{display:none}.color-selection-section{margin-bottom:2rem}.color-selectors{display:flex;gap:1rem;flex-wrap:wrap}.color-selector{flex:1;min-width:280px;max-width:400px}.color-selector h3{margin-bottom:.75rem;font-size:1rem;font-weight:600}.color-selector .react-colorful{width:100%!important;height:auto!important;border-radius:8px;box-shadow:0 2px 8px #00000026}.color-selector .react-colorful__saturation{border-radius:8px 8px 0 0;height:140px!important}.color-selector .react-colorful__hue{height:28px!important;border-radius:0 0 8px 8px}.color-selector .react-colorful__pointer{width:18px!important;height:18px!important;border:2px solid white;box-shadow:0 2px 4px #0003}.color-values{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;font-weight:500}.picker-wrapper{position:relative;border-radius:8px;overflow:hidden}.picker-overlay{position:absolute;inset:0;z-index:20;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.color-selector.locked .react-colorful,.color-selector.locked .react-colorful *{pointer-events:none!important}.color-selector.armed .react-colorful,.color-selector.armed .react-colorful *{pointer-events:auto!important}.color-selector.armed{box-shadow:0 0 0 4px #3f51b514;border-radius:8px}.activate-hint{position:absolute;top:8px;right:8px;z-index:30;background:#2196f314;color:#212121d9;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:600;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.picker-wrapper:focus{outline:none}.picker-wrapper:focus-visible{box-shadow:0 0 0 3px #2196f32e;border-radius:8px}@media (max-width: 1024px){.color-selectors{gap:1.5rem}.color-selector{min-width:250px}.color-selector .react-colorful__saturation{height:120px!important}}@media (max-width: 768px){.color-selectors{flex-direction:column;gap:1.25rem}.color-selector{min-width:unset;max-width:unset}.color-selector .react-colorful__saturation{height:110px!important}.color-selector .react-colorful__hue{height:26px!important}}@media (max-width: 480px){.color-selection-section{margin-bottom:1.5rem}.color-selectors{gap:1rem}.color-selector h3{font-size:.95rem;margin-bottom:.5rem}.color-selector .react-colorful__saturation{height:90px!important}.color-selector .react-colorful__hue{height:24px!important}.color-selector .react-colorful__pointer{width:16px!important;height:16px!important}.color-values{font-size:.8rem;margin-top:.4rem}}@media (max-width: 360px){.color-selector .react-colorful__saturation{height:80px!important}.color-selector .react-colorful__hue{height:22px!important}.color-selector .react-colorful__pointer{width:14px!important;height:14px!important}.color-values{font-size:.75rem}}.color-selectors{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.color-selector-container{flex:1;min-width:280px;max-width:400px}.color-actions{margin-top:1rem;padding:.75rem 1rem;background-color:#ffffff1a;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.save-note{font-size:.85rem;color:#fffc;font-style:italic;line-height:1.4}.unsaved-indicator{color:#ff6b6b;font-weight:700}@media (max-width: 1024px){.color-selectors{gap:1.5rem}.color-selector-container{min-width:250px}}@media (max-width: 768px){.color-selectors{flex-direction:column;gap:1.25rem}.color-selector-container{min-width:unset;max-width:unset}}@media (max-width: 480px){.color-selectors{gap:1rem;margin-top:.75rem}.color-actions{padding:.6rem .8rem;margin-top:.75rem}.save-note{font-size:.8rem}}@media (max-width: 360px){.color-actions{padding:.5rem .7rem}.save-note{font-size:.75rem}}.v1-onboarding-modal--workarea{max-width:820px;margin:36px auto;box-shadow:0 6px 18px #0000000f;border-radius:12px;padding:18px;background-clip:padding-box;background-color:var(--background-color, var(--page-background, #ffffff));color:var(--foreground-color, var(--page-foreground, #111111));border:1px solid var(--foreground-color, var(--page-foreground, #cccccc))}@media (max-width: 880px){.v1-onboarding-modal--workarea{margin:16px;width:calc(100% - 32px);padding:14px}}.v1-onboarding-modal--workarea .onboarding-body{display:flex;flex-direction:row;gap:16px;align-items:flex-start}.v1-onboarding-modal--workarea .onboarding-left,.v1-onboarding-modal--workarea .onboarding-right{box-sizing:border-box}.v1-onboarding-modal--workarea .onboarding-right{min-width:0}.v1-onboarding-modal--workarea .onboarding-navigation{margin-top:18px;display:flex;justify-content:flex-end}.v1-onboarding-modal--workarea .onboarding-left{flex:0 0 220px}@media (max-width: 720px){.v1-onboarding-modal--workarea .onboarding-body{flex-direction:column;gap:12px;align-items:stretch}.v1-onboarding-modal--workarea .onboarding-left,.v1-onboarding-modal--workarea .onboarding-right{width:100%;flex:none!important}.v1-onboarding-modal--workarea .onboarding-left{display:flex;align-items:center;justify-content:center}.v1-onboarding-modal--workarea .onboarding-right{padding-left:0}}@media (max-width: 520px){.v1-onboarding-modal--workarea .onboarding-body{flex-direction:column;gap:12px;align-items:stretch}.v1-onboarding-modal--workarea .onboarding-left,.v1-onboarding-modal--workarea .onboarding-right{width:100%;flex:none}.v1-onboarding-modal--workarea .onboarding-left{display:flex;align-items:center;justify-content:center}.v1-onboarding-modal--workarea .onboarding-right{padding-left:0}}.generate-mode-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;margin-bottom:2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.generate-mode-notice__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;color:currentColor}.generate-mode-notice__icon svg{width:24px;height:24px}.generate-mode-notice__content{flex:1;min-width:0}.generate-mode-notice__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:currentColor;line-height:1.3}.generate-mode-notice__description{margin:0 0 1rem;font-size:.95rem;line-height:1.5;color:currentColor;opacity:.9}.generate-mode-notice__checklist{list-style:none;margin:0 0 1rem;padding:0}.generate-mode-notice__checklist-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;line-height:1.4;color:currentColor}.generate-mode-notice__checklist-item:last-child{margin-bottom:0}.generate-mode-notice__checklist-icon{flex-shrink:0;font-size:1rem;width:1.5rem;text-align:center}.generate-mode-notice__footer{margin:0;font-size:.85rem;line-height:1.4;color:currentColor;opacity:.8;font-style:italic}@media (max-width: 600px){.generate-mode-notice{flex-direction:column;gap:.75rem;padding:1rem;margin-bottom:1.5rem}.generate-mode-notice__icon{align-self:center;width:40px;height:40px}.generate-mode-notice__title{font-size:1.1rem;text-align:center}.generate-mode-notice__description{font-size:.9rem;text-align:center}.generate-mode-notice__checklist-item{font-size:.85rem}.generate-mode-notice__footer{font-size:.8rem;text-align:center}}@media (max-width: 480px){.generate-mode-notice{padding:.75rem;margin-bottom:1rem}.generate-mode-notice__title{font-size:1rem;margin-bottom:.5rem}.generate-mode-notice__description{font-size:.85rem;margin-bottom:.75rem}.generate-mode-notice__checklist-item{font-size:.8rem;margin-bottom:.5rem}.generate-mode-notice__footer{font-size:.75rem}}@media (prefers-contrast: high){.generate-mode-notice{background:#fff3;border:2px solid rgba(255,255,255,.4)}.generate-mode-notice__icon{background:#ffffff40}}@media (prefers-reduced-motion: reduce){.generate-mode-notice{-webkit-backdrop-filter:none;backdrop-filter:none}}.settings-page{display:flex;flex-direction:column;height:100%;padding:20px;background-color:var(--selected-id-background, #f5f5f5);color:var(--selected-id-foreground, #333)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--selected-id-foreground, #e0e0e0)}.settings-header h1{margin:0;font-size:2rem;font-weight:600;color:var(--selected-id-foreground, #2c3e50)}.settings-actions{display:flex;gap:12px}.settings-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:var(--selected-id-foreground, #666)}.settings-content{flex:1;display:flex;flex-direction:column;gap:30px}.settings-section{background:var(--selected-id-background, white);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--selected-id-foreground, #e0e0e0)}.settings-section h2{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:var(--selected-id-foreground, #2c3e50);border-bottom:1px solid var(--selected-id-foreground, #e0e0e0);padding-bottom:10px}.settings-id-display{display:flex;justify-content:center;align-items:center;width:100%;margin:2rem 0}.display-name-section{width:100%}.display-name-view{display:flex;align-items:center;gap:1rem}.settings-page:has(.settings-loading){justify-content:center;align-items:center}.settings-page.generate-mode{padding-top:1rem}.settings-page.generate-mode .settings-header h1:after{content:" - Generate Mode";font-size:.7em;opacity:.7;font-weight:400}.settings-page.generate-mode .settings-content{gap:20px}.settings-page.generate-mode .settings-section{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--selected-id-foreground, #333)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid var(--selected-id-foreground, #e0e0e0);border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--selected-id-background, white);color:var(--selected-id-foreground, #333)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--selected-id-foreground, #3498db);box-shadow:0 0 0 3px #3498db1a}.form-group input.changed,.form-group select.changed,.form-group textarea.changed{border-color:#f39c12;background-color:#fef9e7}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer}.save-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin-bottom:20px;color:#c33}.save-success{background-color:#efe;border:1px solid #cfc;border-radius:6px;padding:12px;margin-bottom:20px;color:#363}.admin-info{background-color:var(--selected-id-background, #f8f9fa);border-radius:6px;padding:16px;border-left:4px solid var(--selected-id-foreground, #3498db)}.admin-note{margin:8px 0 0;font-style:italic;color:var(--selected-id-foreground, #666)}.save-button,.discard-button,.create-copy-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button{background-color:var(--selected-id-foreground, #95a5a6);color:var(--selected-id-background, white)}.save-button.has-changes{background-color:var(--selected-id-foreground, #3498db)}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.save-button:disabled{opacity:.6;cursor:not-allowed}.discard-button{background-color:#e74c3c;color:#fff}.discard-button:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.create-copy-button{background-color:#27ae60;color:#fff}.create-copy-button.has-changes{background-color:#2ecc71}.create-copy-button:hover:not(:disabled){background-color:#229954;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.create-copy-button:disabled{opacity:.6;cursor:not-allowed}.update-id-button{order:1;padding:.75rem 1.5rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:var(--theme-transition);margin-bottom:1rem}.sign-out-button{order:2;padding:.75rem 1.5rem;background-color:var(--selected-id-foreground);color:var(--selected-id-background);border:2px solid #ff4444;border-radius:4px;cursor:pointer;font-size:1rem;transition:var(--theme-transition);margin:0}.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.color-input-group{display:flex;align-items:center;gap:12px}.color-input-group input[type=range]{flex:1;width:auto}.color-preview{width:40px;height:40px;border-radius:6px;border:2px solid var(--selected-id-foreground, #e0e0e0);flex-shrink:0}.changes-indicator{position:fixed;bottom:20px;right:20px;background:#fff;border:2px solid #f39c12;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;max-width:300px;z-index:1000}.changes-indicator p{margin:0 0 8px;font-weight:600;color:#f39c12}.change-summary{display:flex;flex-wrap:wrap;gap:6px}.change-tag{background-color:#f39c12;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.image-update-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.settings-image-update{margin-bottom:.5rem}.image-help-text{font-size:.9rem;color:var(--text-secondary);text-align:center;max-width:300px}@media (max-width: 480px){.image-update-container{padding:.5rem}.image-help-text{font-size:.8rem}}@media (max-width: 768px){.settings-page{padding:15px}.settings-header{flex-direction:column;align-items:stretch;gap:15px}.settings-actions{justify-content:center}.color-controls{grid-template-columns:1fr}.changes-indicator{position:relative;bottom:auto;right:auto;margin-top:20px}.settings-id-display{margin:1rem 0}.display-name{font-size:1.25rem}.display-name-section{width:100%}}@media (max-width: 480px){.edit-buttons{flex-direction:column}}.premium-member-count{margin-top:8px;font-size:14px;color:var(--selected-id-foreground, #666)}.premium-member-count strong{color:var(--selected-id-foreground, #333)}.info-button{background:none;border:none;color:var(--selected-id-foreground, #3498db);cursor:pointer;font-size:16px;margin-left:8px;padding:2px 6px;border-radius:50%;transition:background-color .2s ease}.info-button:hover{background-color:var(--selected-id-background, rgba(52, 152, 219, .1))}.info-button:focus{outline:2px solid var(--selected-id-foreground, #3498db);outline-offset:2px}.price-display{padding:12px;background-color:var(--selected-id-background, #f8f9fa);border:2px solid var(--selected-id-foreground, #e0e0e0);border-radius:6px;font-size:16px}.price-display strong{color:var(--selected-id-foreground, #333);font-size:18px}.price-breakdown{display:block;margin-top:4px;font-size:14px;color:var(--selected-id-foreground, #666)}.price-input-wrapper{display:flex;align-items:center;border:2px solid var(--selected-id-foreground, #e0e0e0);border-radius:6px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--selected-id-background, white)}.price-input-wrapper:focus-within{border-color:var(--selected-id-foreground, #3498db);box-shadow:0 0 0 3px #3498db1a}.price-input-wrapper.error{border-color:#e74c3c}.currency-symbol{padding:10px 12px;background-color:var(--selected-id-background, #f8f9fa);border-right:1px solid var(--selected-id-foreground, #e0e0e0);font-weight:500;color:var(--selected-id-foreground, #666)}.price-input-wrapper input{border:none;flex:1;padding:10px 12px;background-color:var(--selected-id-background, white);color:var(--selected-id-foreground, #333)}.price-input-wrapper input:focus{outline:none;box-shadow:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.error-message{margin-top:4px;font-size:14px;color:#e74c3c;font-weight:500}.input-note{margin-top:4px;font-size:14px;color:var(--selected-id-foreground, #666)}.char-count{margin-top:4px;font-size:14px;color:var(--selected-id-foreground, #666);text-align:right}.image-preview{margin-top:12px;text-align:center}.image-preview img{max-width:200px;max-height:200px;border-radius:6px;border:2px solid var(--selected-id-foreground, #e0e0e0);box-shadow:0 2px 4px #0000001a}.duration-info-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.duration-info-content{background-color:var(--selected-id-background, white);color:var(--selected-id-foreground, #333);border-radius:8px;padding:24px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.duration-info-content h3{margin:0 0 16px;color:var(--selected-id-foreground, #333)}.duration-info-item{margin-bottom:16px;padding:12px;border:1px solid var(--selected-id-foreground, #e0e0e0);border-radius:6px;background-color:var(--selected-id-background, #f8f9fa)}.duration-info-item strong{display:block;margin-bottom:4px;color:var(--selected-id-foreground, #333)}.duration-info-item span{display:block;margin-bottom:4px;font-size:14px;color:var(--selected-id-foreground, #666)}.duration-info-item .savings{color:#27ae60;font-weight:700}.duration-info-item p{margin:8px 0 0;font-size:14px;color:var(--selected-id-foreground, #666)}.duration-info-content button{margin-top:16px;padding:10px 20px;background-color:var(--selected-id-foreground, #3498db);color:var(--selected-id-background, white);border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.duration-info-content button:hover{background-color:var(--selected-id-foreground, #2980b9)}.duration-info-content button:focus{outline:2px solid var(--selected-id-foreground, #3498db);outline-offset:2px}@media (max-width: 768px){.duration-info-content{margin:20px;padding:20px;max-width:none}.price-display{font-size:14px}.price-display strong{font-size:16px}.image-preview img{max-width:150px;max-height:150px}}@media (max-width: 480px){.duration-info-content{margin:10px;padding:16px}.duration-info-item{padding:8px}.price-breakdown{font-size:12px}}@media (prefers-contrast: high){.info-button,.price-input-wrapper,.duration-info-item{border-width:3px}}@media (prefers-reduced-motion: reduce){.info-button,.price-input-wrapper,.duration-info-content button{transition:none}}.duration-info-modal:focus-within .duration-info-content{outline:2px solid var(--selected-id-foreground, #3498db);outline-offset:2px}.bazaar-page__top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:var(--spacing-md)}.bazaar-page__title{display:flex;align-items:center}.bazaar-page__title h2{margin:0;font-size:1.5rem;font-weight:600}.bazaar-page__actions{display:flex;gap:12px}.tutorial-button{padding:8px 16px;border-radius:4px;border:1px solid;background-color:transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.tutorial-button:hover{background-color:#0000000d}.tutorial-button:active{opacity:.8}@media (max-width: 600px){.bazaar-page__top-bar{flex-direction:column;align-items:flex-start;gap:12px}.bazaar-page__actions{width:100%;justify-content:flex-end}}.error-message{background-color:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:4px;padding:.75rem 1rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;color:var(--foreground-color)}.error-message-text{flex:1;margin-right:1rem}.error-message-close{background:none;border:none;color:var(--foreground-color);font-size:1.2rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.error-message-close:hover{opacity:1}.success-message{background-color:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:.75rem 1rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;color:var(--foreground-color)}.success-message-text{flex:1;margin-right:1rem}.success-message-close{background:none;border:none;color:var(--foreground-color);font-size:1.2rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.success-message-close:hover{opacity:1}.v1-admin-community-info{display:flex;flex-direction:column;gap:12px}.v1-admin-community-field__label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.v1-admin-field-label{font-weight:600;margin:0;color:var(--selected-id-foreground, #000);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1-admin-field-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:8px}.v1-admin-community-field{display:flex;flex-direction:column;gap:6px;width:100%}.v1-admin-textarea{width:100%;min-height:80px;padding:10px;border-radius:6px;border:1px solid var(--selected-id-foreground, #222);background:var(--selected-id-background, #fff);color:var(--selected-id-foreground, #000);resize:none;overflow:hidden;box-sizing:border-box}.v1-admin-field-button{background:transparent;color:var(--selected-id-foreground, #000);border:1px solid rgba(0,0,0,.06);padding:8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.v1-admin-field-button svg{display:block;stroke:currentColor;fill:none}.v1-admin-field-button:disabled{opacity:.5;cursor:default}.v1-admin-textarea.editing{box-shadow:0 0 0 3px color-mix(in srgb,var(--selected-id-foreground, #222) 6%,transparent)}@media (max-width: 320px){.v1-admin-community-field__label-row{flex-direction:column;align-items:stretch;gap:6px}.v1-admin-field-actions{justify-content:flex-end}}.v1-admin-connections{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.v1-admin-qr-wrapper{border-radius:8px;display:inline-block;padding:12px}.v1-admin-qr-actions{display:flex;gap:8px;margin-top:12px;justify-content:center;width:100%}.v1-admin-qr-button{padding:8px 14px;border-radius:6px;border:1px solid var(--selected-id-foreground, #222);background:var(--selected-id-background, #fff);color:var(--selected-id-foreground, #000);cursor:pointer}.v1-admin-qr-button.copied{opacity:.8;transform:translateY(-1px)}.v1-admin-invitation-section{width:100%;margin-top:8px;padding:12px;border-radius:8px;border:1px dashed var(--selected-id-foreground, #222);background:color-mix(in srgb,var(--selected-id-background, #fff) 96%,transparent)}.v1-admin-invitation-input-container{display:flex;gap:8px;margin-top:8px;align-items:center}.v1-admin-invitation-email-input{flex:1;padding:10px;border-radius:6px;border:1px solid var(--selected-id-foreground, #222);background:var(--selected-id-background, #fff);color:var(--selected-id-foreground, #000)}.v1-admin-invitation-submit-button{padding:8px 12px;border-radius:6px;border:1px solid var(--selected-id-foreground, #222);background:var(--selected-id-background, #fff);color:var(--selected-id-foreground, #000);cursor:pointer}.v1-admin-page{display:flex;flex-direction:column;min-height:100%;padding:12px;box-sizing:border-box;gap:12px}.v1-admin-page__content{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;overflow:visible;padding:8px 4px}.v1-admin-page__section{background:color-mix(in srgb,var(--selected-id-background, #fff) 92%,transparent);border-radius:8px;padding:12px}.v1-admin-page__section--community{min-height:120px}.v1-admin-page__section--connections{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:220px}@media (max-width: 768px){.v1-admin-page{padding:8px}.v1-admin-page__content{gap:12px}}.calendar-tutorial-modal{max-width:800px;max-height:90vh;width:90vw}.tutorial-content,.tutorial-content *{color:var(--prm-fg, var(--foreground-color, #000))!important;background-color:transparent!important}.tutorial-content{padding:20px;overflow-y:auto;max-height:80vh}.tutorial-content h2{margin-top:0;margin-bottom:20px;text-align:center;color:var(--prm-fg, var(--foreground-color));border-bottom:2px solid var(--prm-fg, var(--foreground-color));padding-bottom:10px}.tutorial-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--prm-fg, var(--foreground-color, #ccc))}.tutorial-section:last-child{border-bottom:none;margin-bottom:0}.tutorial-section h3{color:var(--prm-fg, var(--foreground-color));margin-bottom:15px;font-size:1.2em}.tutorial-section h4{color:var(--prm-fg, var(--foreground-color));margin-bottom:10px;font-size:1.1em}.tutorial-section p{line-height:1.6;margin-bottom:15px;color:var(--prm-fg, var(--foreground-color))}.tutorial-section ul{margin:15px 0;padding-left:20px}.tutorial-section li{margin-bottom:8px;line-height:1.5;color:var(--prm-fg, var(--foreground-color))}.view-mode-explanation{margin:15px 0}.view-mode{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #f5f5f5));color:var(--background-color, #333);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.calendar-types{margin:15px 0}.calendar-type{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #e8f4fd));color:var(--background-color, #1e3a5f);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.event-fields{margin:15px 0}.field-group{margin-bottom:20px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #f0f8f0));color:var(--background-color, #2d5a2d);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.field-group strong{display:block;margin-bottom:10px;font-size:1.1em;color:var(--background-color, #1e4a1e)}.field-group ul{margin:10px 0 0;padding-left:20px}.field-group li{margin-bottom:8px;color:var(--background-color, #2d5a2d)}.visibility-options{margin:15px 0}.visibility-option{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #fff3e0));color:var(--background-color, #5d4037);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.rsvp-features{margin:15px 0}.rsvp-feature{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #f3e5f5));color:var(--background-color, #4a148c);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.pie-chart-guide{margin:15px 0}.chart-element{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #e1f5fe));color:var(--background-color, #01579b);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.management-features{margin:15px 0}.management-feature{margin-bottom:15px;padding:15px;background-color:var(--prm-fg, var(--foreground-color, #fce4ec));color:var(--background-color, #880e4f);border-radius:6px;opacity:.9;border-left:4px solid var(--prm-fg, var(--foreground-color))}.tutorial-section.community-focus{background-color:var(--prm-fg, var(--foreground-color, #e8f5e8));color:var(--background-color, #2d5a2d);padding:20px;border-radius:8px;border:2px solid var(--prm-fg, var(--foreground-color, #4caf50));opacity:.95}.tutorial-section.community-focus h3{color:var(--background-color, #2d5a2d);margin-top:0}.tutorial-section.community-focus p{color:var(--background-color, #2d5a2d)}@media (max-width: 600px){.calendar-tutorial-modal{width:95vw;max-height:95vh}.tutorial-content{padding:15px;max-height:85vh}.tutorial-content h2{font-size:1.5em}.tutorial-section h3{font-size:1.1em}.tutorial-section h4{font-size:1em}.pie-chart-example{padding:15px}.view-mode,.calendar-type,.field-group,.visibility-option,.rsvp-feature,.chart-element,.management-feature{padding:12px}}@media (max-width: 480px){.tutorial-content,.pie-chart-example{padding:10px}.view-mode,.calendar-type,.field-group,.visibility-option,.rsvp-feature,.chart-element,.management-feature{padding:10px;font-size:.9em}.field-group ul,.tutorial-section ul{padding-left:15px}}.tutorial-content::-webkit-scrollbar{width:8px}.tutorial-content::-webkit-scrollbar-track{background:var(--background-color, #f1f1f1);border-radius:4px}.tutorial-content::-webkit-scrollbar-thumb{background:var(--prm-fg, var(--foreground-color, #888));border-radius:4px;opacity:.6}.tutorial-content::-webkit-scrollbar-thumb:hover{background:var(--prm-fg, var(--foreground-color, #555))}.tutorial-content a{color:var(--prm-fg, var(--foreground-color, #000))!important;text-decoration:underline}.v1-tutorial-view{display:flex;flex-direction:column;height:100%;background:var(--background-color, #fff);color:var(--prm-fg, var(--foreground-color, #000))!important;box-sizing:border-box;padding:16px}.v1-tutorial-view,.v1-tutorial-view *{color:var(--text-primary, var(--prm-fg, var(--foreground-color, #000)))!important;background-color:transparent!important}.v1-tutorial-view__content,.v1-tutorial-view__content *{color:var(--prm-fg, var(--foreground-color, #000))!important;background-color:transparent!important}.v1-tutorial-view svg,.v1-tutorial-view .icon,.v1-tutorial-view .tutorial-icon{fill:var(--background-color, #fff);stroke:var(--background-color, #fff)}.v1-tutorial-view__content{overflow:auto;padding-right:8px;line-height:1.6;flex:1 1 auto}.v1-tutorial-view__content>*{margin-top:0}.v1-tutorial-view__content h1,.v1-tutorial-view__content h2,.v1-tutorial-view__content h3,.v1-tutorial-view__content h4,.v1-tutorial-view__content h5,.v1-tutorial-view__content h6{margin-top:0;margin-bottom:1rem;line-height:1.15;color:var(--prm-fg, var(--foreground-color, #000))}.v1-tutorial-view__content p{margin:0 0 2rem;padding-right:8px;color:var(--prm-fg, var(--foreground-color, #000))}.v1-tutorial-view__content ul,.v1-tutorial-view__content ol{margin:0 0 2rem 1.25rem;padding-left:1.25rem}.v1-tutorial-view__content li{margin-bottom:.5rem;color:var(--prm-fg, var(--foreground-color, #000))}.v1-tutorial-view__header{position:relative;padding-right:48px}.tutorial-close-button{position:absolute;right:8px;top:8px;background:transparent;border:none;cursor:pointer;font-size:1.05rem;line-height:1;padding:6px;color:var(--prm-fg, var(--foreground-color, #000))}.tutorial-close-button:hover{background:#00000008;border-radius:4px}.tutorial-close-button:focus{outline:2px solid rgba(0,0,0,.12);border-radius:4px}.v1-tutorial-view__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.06);padding-top:8px;margin-top:12px;font-size:.9rem;color:var(--prm-fg, var(--foreground-color, #666))}.v1-tutorial-footer__left,.v1-tutorial-footer__right{opacity:.9}.v1-tutorial-view .tutorial-section{margin-bottom:1.5rem}.v1-tutorial-view .community-focus{background-color:var(--prm-fg, var(--foreground-color, #e8f5e8));padding:12px;border-radius:6px}.v1-tutorial-view a,.v1-tutorial-view h1,.v1-tutorial-view h2,.v1-tutorial-view h3,.v1-tutorial-view p,.v1-tutorial-view li{color:var(--prm-fg, var(--foreground-color, #000))}.confirm-delete-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-in-out}.confirm-delete-content{background-color:var(--theme-background);color:var(--theme-foreground);border:2px solid var(--theme-foreground);border-radius:12px;box-shadow:0 8px 16px #0003;width:90%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease-in-out;transform-origin:center}.confirm-delete-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--theme-foreground) 20%,transparent);position:relative}.confirm-delete-header h2{margin:0;font-size:1.3rem;font-weight:600}.confirm-delete-close-button{background:none;border:none;font-size:1.5rem;color:var(--theme-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;width:32px;height:32px;border-radius:50%;transition:all .2s ease}.confirm-delete-close-button:hover{background-color:color-mix(in srgb,var(--theme-background) 80%,var(--theme-foreground) 20%)}.confirm-delete-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.confirm-delete-body p{margin:0;font-size:1rem;line-height:1.5}.confirm-delete-body .item-title{font-weight:600;font-size:1.1rem;word-break:break-word;background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%);padding:.75rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--theme-foreground) 30%,transparent)}.confirm-delete-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid color-mix(in srgb,var(--theme-foreground) 20%,transparent)}.confirm-delete-cancel{padding:.75rem 1.25rem;border:1px solid var(--theme-foreground);border-radius:6px;background-color:var(--theme-background);color:var(--theme-foreground);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-delete-cancel:hover{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%);transform:translateY(-1px)}.confirm-delete-cancel:active{transform:translateY(0)}.confirm-delete-button{padding:.75rem 1.25rem;border:none;border-radius:6px;background-color:var(--error-color, #e74c3c);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.confirm-delete-button:hover{background-color:color-mix(in srgb,var(--error-color, #e74c3c) 90%,black);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.confirm-delete-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.confirm-delete-content{width:95%}.confirm-delete-footer{flex-direction:column-reverse;gap:.75rem}.confirm-delete-button,.confirm-delete-cancel{width:100%;text-align:center}}.bazaar-item-detail{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:0;color:var(--foreground-color)}.primary-image{width:100%;height:400px;position:relative;border-radius:8px;overflow:hidden}.primary-image img{width:100%;height:100%;object-fit:cover}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:0 1.5rem}.gallery-image{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.gallery-image:hover{transform:translateY(-2px)}.gallery-image.active{border-color:var(--foreground-color)}.gallery-image img{width:100%;height:100%;object-fit:cover}.detail-content{padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.detail-title{margin:0;font-size:2rem;font-weight:600;color:var(--foreground-color)}.detail-price{font-size:2rem;font-weight:700;color:var(--foreground-color);white-space:nowrap}.detail-description{font-size:1.1rem;line-height:1.6;color:var(--foreground-color);opacity:.9}.detail-actions{display:flex;gap:1rem;padding:1.5rem;background-color:color-mix(in srgb,var(--background-color) 95%,var(--foreground-color) 5%);border-top:2px solid color-mix(in srgb,var(--foreground-color) 25%,transparent);margin-top:auto}.detail-actions button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.purchase-button{background-color:var(--foreground-color);color:var(--background-color);border:none;flex:1}.purchase-button:hover{opacity:.9;transform:translateY(-1px)}.close-button{background-color:transparent;border:2px solid var(--foreground-color);color:var(--foreground-color)}.close-button:hover{background-color:color-mix(in srgb,var(--background-color) 85%,var(--foreground-color) 15%)}@media (max-width: 768px){.primary-image{height:300px}.detail-header{flex-direction:column;gap:1rem}.detail-price{font-size:1.5rem}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}.payment-form-container{max-width:500px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.payment-summary{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e6e6e6}.payment-summary h3{margin:0 0 16px;color:#333;font-size:20px;font-weight:600}.item-details h4{margin:0 0 8px;color:#333;font-size:16px;font-weight:500}.item-details .price{margin:0;color:#0570de;font-size:18px;font-weight:600}.fee-breakdown{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:4px}.fee-line{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#666}.fee-line:last-child{margin-bottom:0}.fee-line.seller-amount{padding-top:8px;border-top:1px solid #e6e6e6;font-weight:600;color:#333}.payment-form{margin-top:20px}#payment-element{margin-bottom:20px}.payment-message{padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.payment-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:12px 24px;border:1px solid #ddd;background:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#f8f9fa;border-color:#ccc}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.pay-btn{padding:12px 24px;border:none;background:#0570de;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;min-width:120px}.pay-btn:hover:not(:disabled){background:#0461c7}.pay-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.payment-form-container{margin:10px;padding:16px}.form-actions{flex-direction:column}.cancel-btn,.pay-btn{width:100%;margin-bottom:8px}.pay-btn{margin-bottom:0}}.purchase-button-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.purchase-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.purchase-btn:hover:not(:disabled){background:#0056b3}.purchase-btn:disabled{background:#6c757d;cursor:not-allowed}.purchase-options{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.subscription-options h4{margin:0 0 1rem;font-size:1.1rem;color:#333}.subscription-options .option{margin-bottom:.75rem}.subscription-options .option label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.subscription-options .option input[type=radio]{margin:0}.option-buttons{display:flex;gap:.5rem;margin-top:1rem}.subscribe-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.subscribe-btn:hover:not(:disabled){background:#1e7e34}.subscribe-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.cancel-btn:hover{background:#545b62}.fee-info{font-size:.8rem;color:#666;text-align:center;margin-top:.25rem}.fee-info small{display:block;line-height:1.3}.subscribed-notice{display:inline-block;padding:.48rem .75rem;border-radius:6px;border:1px solid var(--prm-fg);background:transparent;font-weight:600;font-size:.95rem;cursor:default;-webkit-user-select:none;user-select:none;text-align:center;line-height:1}.subscribed-notice{color:var(--prm-fg);border-color:var(--prm-fg)}.error-message-container{margin-bottom:1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:1rem;position:relative;color:#721c24}.error-text{padding-right:2rem}.error-text strong{display:block;margin-bottom:.5rem;font-size:.95rem}.error-text p{margin:0 0 .5rem;font-size:.9rem;line-height:1.4}.error-text p:last-child{margin-bottom:0}.action-required{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:.5rem;margin-top:.5rem;font-size:.85rem!important}.onboarding-notice{color:#004085;background:#cce7ff;border:1px solid #b3d7ff;border-radius:4px;padding:.5rem;margin-top:.5rem;font-size:.85rem!important}.error-close-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#721c24;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.error-close-btn:hover{background-color:#721c241a}.bazaar-purchase-button{margin-top:.5rem}.price-and-purchase{display:flex;flex-direction:column;align-items:center;gap:.5rem}.price-display{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}@media (max-width: 768px){.purchase-options{padding:.75rem}.option-buttons{flex-direction:column}.subscribe-btn,.cancel-btn{width:100%}.fee-info{font-size:.75rem}}.payment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.payment-modal{background:#fff;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.payment-modal-header h3{margin:0;font-size:1.25rem;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:#f5f5f5;color:#333}.payment-modal-content{padding:1.5rem}.purchase-summary{margin-bottom:1.5rem}.purchase-summary h4{margin:0 0 1rem;font-size:1.1rem;color:#333}.price-breakdown{background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid #e9ecef}.price-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.price-line:last-child{margin-bottom:0}.fee-line{color:#666;font-size:.85rem}.total-line{font-weight:600;font-size:.95rem;color:#333;border-top:1px solid #dee2e6;padding-top:.5rem;margin-top:.5rem;margin-bottom:.5rem}.subscription-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #dee2e6;text-align:center}.subscription-info small{color:#666;font-style:italic}@media (max-width: 768px){.payment-modal-overlay{padding:.5rem}.payment-modal{max-width:100%}.payment-modal-header,.payment-modal-content{padding:1rem}.price-breakdown{padding:.75rem}}.bazaar-item-detail-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bazaar-item-detail-modal{background-color:var(--selected-background);color:var(--selected-foreground);border-radius:12px;padding:32px;width:85%;max-width:600px;position:relative;box-shadow:0 8px 32px #00000059;border:3px solid var(--selected-foreground);animation:slideIn .3s ease-out;transform-origin:center;max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bazaar-item-detail-modal .bazaar-item-detail{background:none;border:none;box-shadow:none;padding:0;margin:0;width:100%}.bazaar-item-detail-modal .bazaar-item-detail h2{color:var(--selected-foreground);font-size:1.75rem;margin:0 0 24px;font-weight:600}.bazaar-item-detail-modal .bazaar-item-detail p{color:var(--selected-foreground);line-height:1.5;margin:0 0 16px}.bazaar-item-detail-modal .bazaar-item-detail button{padding:12px 20px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;font-weight:600;min-width:120px}.bazaar-item-detail-modal .bazaar-item-detail .primary-button{background-color:var(--selected-foreground);color:var(--selected-background);border:none}.bazaar-item-detail-modal .bazaar-item-detail .primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.bazaar-item-detail-modal .bazaar-item-detail .secondary-button{background:none;border:2px solid var(--selected-foreground);color:var(--selected-foreground)}.bazaar-item-detail-modal .bazaar-item-detail .secondary-button:hover{background-color:#0000001a}.share-modal-content{max-width:400px;min-width:300px;border:2px solid var(--theme-foreground);border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #0003}.modal-header{position:relative;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h2{margin:0;padding-right:24px;font-size:1.25rem;font-weight:600;color:var(--theme-foreground)}.close-button{position:absolute;top:0;right:0;background:transparent;border:none;font-size:1.5rem;line-height:1;padding:0;margin:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--theme-foreground);border-radius:50%;transition:all .2s ease;z-index:10}.close-button:hover{background-color:#0000000d}.close-button:hover{background-color:#0000000d;transform:scale(1.1)}.modal-body{margin-bottom:1.25rem;max-height:350px;overflow-y:auto;overflow-x:hidden}.loading-spinner{display:flex;justify-content:center;padding:24px 0;color:var(--theme-foreground)}.success-message{color:#4caf50;font-weight:500;text-align:center;padding:16px 0}.error-message{color:#f44336;margin-bottom:12px;font-size:.9rem}.no-subids-message{color:#757575;text-align:center;padding:16px 0}.share-instruction{margin-bottom:12px;font-size:.9rem}.subid-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;width:100%;min-height:80px;max-height:200px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px;background-color:#ffffff0d;box-shadow:inset 0 1px 3px #0000001a}.subid-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.subid-item:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.subid-item.selected{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%);border:1px solid var(--theme-foreground)}.subid-image{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:12px;border:2px solid;flex-shrink:0}.subid-image img{width:100%;height:100%;object-fit:cover}.default-image{width:100%;height:100%;background-color:#ccc}.subid-info{display:flex;flex-direction:column}.subid-name{font-weight:500;font-size:.9rem}.subid-type{font-size:.8rem;color:#757575}.modal-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-top:1.25rem!important;padding-top:1rem!important;border-top:1px solid rgba(0,0,0,.1)!important;width:100%!important}.cancel-button{grid-column:1!important;justify-self:start!important;background-color:transparent!important;color:var(--theme-foreground)!important;border:1px solid var(--theme-foreground)!important;padding:.75rem 1.25rem!important;border-radius:4px!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;min-width:100px!important;text-align:center!important}.add-item-button{grid-column:2!important;justify-self:end!important;background-color:var(--theme-foreground)!important;color:var(--theme-background)!important;border:none!important;box-shadow:0 2px 4px #0000001a!important;padding:.75rem 1.25rem!important;border-radius:4px!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;min-width:100px!important;text-align:center!important}.cancel-button:hover{background-color:#0000000d!important;transform:translateY(-1px)!important}.add-item-button:hover{transform:translateY(-1px)!important;box-shadow:0 4px 8px #00000026!important}.add-item-button:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0000001a!important}.cancel-button:disabled,.add-item-button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.subid-item.already-owned{opacity:.5;cursor:not-allowed;position:relative}.subid-item.already-owned:after{content:"Already owned";position:absolute;right:12px;font-size:.75rem;color:#757575}.bazaar-payment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bazaar-payment-modal{background-color:var(--theme-background);color:var(--theme-foreground);border:1px solid var(--theme-foreground);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d;position:relative}.bazaar-payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--theme-foreground) 20%,transparent)}.bazaar-payment-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--theme-foreground);background-color:transparent;color:var(--theme-foreground);cursor:pointer;transition:all .2s ease;padding:0}.close-button:hover{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%)}.close-button svg{width:18px;height:18px}.bazaar-payment-item-details{display:flex;gap:1.5rem;padding:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--theme-foreground) 20%,transparent)}.item-image{width:120px;height:150px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--theme-foreground);background-color:color-mix(in srgb,var(--theme-background) 90%,var(--theme-foreground) 10%)}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.item-info h3{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.item-description{margin:0;opacity:.8;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.item-price{font-size:1.5rem;font-weight:700;margin-top:auto}.bazaar-payment-section{padding:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid color-mix(in srgb,var(--theme-foreground) 20%,transparent);border-top:3px solid var(--theme-foreground);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin:0;opacity:.8}.error-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.error-message{margin:0;color:var(--error-color, #e74c3c);font-weight:500}.retry-button{padding:.75rem 1.5rem;background-color:transparent;border:1px solid var(--theme-foreground);border-radius:6px;color:var(--theme-foreground);cursor:pointer;font-size:.9rem;transition:all .2s ease}.retry-button:hover{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%)}.invitation-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-icon{width:60px;height:60px;background-color:color-mix(in srgb,var(--theme-foreground) 15%,transparent);border-radius:50%;position:relative}@media (max-width: 768px){.bazaar-payment-modal{margin:1rem;max-height:calc(100vh - 2rem)}.bazaar-payment-item-details{flex-direction:column;gap:1rem}.item-image{width:100%;height:200px;align-self:center;max-width:160px}.bazaar-payment-modal-header,.bazaar-payment-section{padding:1rem}}@media (max-width: 480px){.bazaar-payment-modal-overlay{padding:.5rem}.bazaar-payment-modal{margin:.5rem;max-height:calc(100vh - 1rem)}}.bazaar-header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.sync-status{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:color-mix(in srgb,var(--theme-background) 90%,var(--theme-foreground) 10%);border-radius:4px;margin-bottom:.5rem}.user-mode-indicator{display:flex;align-items:center;gap:.5rem;color:var(--theme-foreground);font-weight:600;background-color:color-mix(in srgb,var(--theme-background) 80%,var(--theme-foreground) 20%);padding:.25rem .75rem;border-radius:4px;margin-right:1rem}.user-mode-indicator:before{content:"👤";font-size:1.2rem}.offline-indicator{display:flex;align-items:center;gap:.5rem;color:var(--theme-foreground);font-weight:600}.offline-indicator:before{content:"⚠️";font-size:1.2rem}.pending-sync{font-size:.9rem;opacity:.8;margin-left:1rem;padding:.25rem .5rem;background-color:color-mix(in srgb,var(--theme-background) 80%,var(--theme-foreground) 20%);border-radius:4px}.last-sync{font-size:.9rem;opacity:.7}.search-and-add{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.search-bar{position:relative;flex:1;display:flex;align-items:stretch}.search-bar input{width:100%;box-sizing:border-box;padding:.75rem;border:2px solid var(--theme-foreground);border-radius:4px 0 0 4px;font-size:1rem;background-color:transparent;color:var(--theme-foreground);transition:border-color .2s ease,background-color .2s ease;border-right:none}.search-button{display:flex;align-items:center;justify-content:center;min-width:50px;background-color:var(--theme-foreground);color:var(--theme-background);border:2px solid var(--theme-foreground);border-radius:0 4px 4px 0;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px color-mix(in srgb,var(--theme-foreground) 25%,transparent)}.search-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.search-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a;opacity:.8}.search-button svg{width:24px;height:24px}.add-button{min-width:120px;max-width:120px;white-space:nowrap;padding:.75rem 1.5rem;background-color:var(--theme-foreground);color:var(--theme-background);border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px color-mix(in srgb,var(--theme-foreground) 25%,transparent);flex-shrink:0}.add-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.add-button:disabled{opacity:.5;cursor:not-allowed;background-color:color-mix(in srgb,var(--theme-foreground) 70%,transparent)}.search-bar input:focus{outline:none;border-color:var(--theme-foreground);background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%)}.search-bar input::placeholder{color:var(--theme-foreground);opacity:.7}@media (max-width: 480px){.bazaar-header{flex-direction:column;align-items:stretch}.search-and-add{flex-direction:column;gap:var(--spacing-md)}.add-button{max-width:none;width:100%}.sync-status{flex-direction:column;align-items:flex-start;gap:.5rem}}.visibility-modal-content{min-width:300px;width:auto;max-width:min(90vw,1000px);margin:0 auto;box-sizing:border-box}.visibility-modal-content .modal-body,.visibility-modal-content .search-input{width:100%;box-sizing:border-box}.visibility-instruction{margin-bottom:1rem;font-size:1rem;color:var(--foreground-color, #333)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.cancel-button,.save-button{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button{background-color:transparent;border:1px solid var(--foreground-color, #333);color:var(--foreground-color, #333)}.cancel-button:hover{background-color:#0000000d}.save-button{background-color:var(--foreground-color, #333);border:1px solid var(--foreground-color, #333);color:var(--background-color, #fff)}.save-button:hover{opacity:.9}.save-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}.success-message{color:#4caf50;padding:1rem;text-align:center;font-weight:500}.error-message{color:#f44336;padding:.5rem;margin-bottom:1rem;background-color:#f443361a;border-radius:4px}.bazaar-item-wrapper{width:100%;overflow:visible;position:relative}.bazaar-item{display:flex;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--theme-foreground);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;background-color:var(--theme-background);color:var(--theme-foreground);height:calc(100% - 5px);margin:2px 5px;box-sizing:border-box}.bazaar-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px color-mix(in srgb,var(--theme-foreground) 25%,transparent)}.bazaar-item.selected{border-width:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-foreground) 25%,transparent)}.bazaar-item-image-container{display:flex;flex-direction:column;align-items:center}.bazaar-item-image{width:clamp(120px,25vw,140px);height:clamp(150px,32vw,180px);flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--theme-foreground)}.bazaar-item-visibility{width:clamp(120px,25vw,140px);margin-top:.5rem;font-size:clamp(.75rem,2vw,.85rem);text-align:center;padding:.25rem;border-radius:4px;background-color:color-mix(in srgb,var(--theme-background) 90%,var(--theme-foreground) 10%)}.visibility-button{background-color:transparent;border:1px solid var(--theme-foreground);border-radius:4px;color:var(--theme-foreground);cursor:pointer;font-size:clamp(.75rem,2vw,.85rem);padding:clamp(.2rem,.5vw,.25rem) clamp(.4rem,1vw,.5rem);margin-left:.25rem;transition:all .2s ease}.visibility-button:hover{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%)}.bazaar-item-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.bazaar-item-content{display:flex;flex-direction:column;flex:1;padding:.25rem 0}.bazaar-item-content h3{margin:0;margin-right:clamp(50px,12vw,75px);font-size:clamp(.9rem,3.5vw,1.4rem);font-weight:600;color:var(--theme-foreground);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.bazaar-item-content p{margin:clamp(.5rem,2vw,1rem) 0 0 0;color:var(--theme-foreground);opacity:.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.4;font-size:clamp(.75rem,2.2vw,1rem);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.bazaar-item-price{position:absolute;bottom:clamp(.75rem,2vw,1rem);right:clamp(.75rem,2vw,1rem);font-size:clamp(.85rem,2.8vw,1.2rem);font-weight:700;color:var(--theme-foreground);padding:.25rem .5rem;border-radius:4px}.price-and-purchase{display:flex;flex-direction:column;align-items:center;gap:clamp(.3rem,1vw,.5rem)}.price-display{font-size:clamp(.85rem,2.8vw,1.2rem);font-weight:700;color:var(--theme-foreground)}.bazaar-item-price .chat-button{padding:clamp(.4rem,1.5vw,.5rem) clamp(.75rem,2.5vw,1rem);background-color:transparent;border:1px solid var(--theme-foreground);border-radius:4px;color:var(--theme-foreground);cursor:pointer;font-size:clamp(.8rem,2.2vw,.9rem);transition:all .2s ease;white-space:nowrap}.bazaar-item-price .chat-button:hover{background-color:color-mix(in srgb,var(--background-color) 85%,var(--foreground-color) 15%)}.bazaar-item-actions{position:absolute;top:clamp(.5rem,1.5vw,.75rem);right:clamp(.5rem,1.5vw,.75rem);display:flex;gap:clamp(.3rem,1vw,.5rem)}.icon-button{display:flex;align-items:center;justify-content:center;width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px);border-radius:50%;border:1px solid var(--theme-foreground);background-color:var(--theme-background);color:var(--theme-foreground);cursor:pointer;transition:all .2s ease;opacity:.8}.icon-button:hover{background-color:color-mix(in srgb,var(--theme-background) 85%,var(--theme-foreground) 15%);opacity:1}.icon-button svg{width:clamp(16px,3.5vw,18px);height:clamp(16px,3.5vw,18px)}.trash-button{color:var(--error-color, #e74c3c);border-color:var(--error-color, #e74c3c);background-color:#ffffffe6;z-index:10;position:relative}.trash-button:hover{background-color:#fff;transform:scale(1.1)}.share-button{color:var(--theme-foreground)}.profile-icon{width:100%;height:100%;background-color:color-mix(in srgb,var(--theme-foreground) 15%,transparent);position:relative}.profile-icon:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:40%;height:40%;background-color:var(--theme-foreground);border-radius:50%;opacity:.8}.profile-icon:before{content:"";position:absolute;top:65%;left:50%;transform:translate(-50%);width:60%;height:60%;background-color:var(--theme-foreground);border-radius:50% 50% 0 0;opacity:.8}@media (max-width: 600px){.bazaar-item-content h3{font-size:.9rem;margin-right:45px;line-height:1.2}.bazaar-item-content p{font-size:.75rem;margin-top:.4rem;-webkit-line-clamp:6;line-height:1.3}.bazaar-item-price{font-size:.85rem}.bazaar-item-price .chat-button{font-size:.75rem;padding:.3rem .6rem}.icon-button{width:24px;height:24px}.icon-button svg{width:14px;height:14px}}@media (max-width: 480px){.bazaar-item{gap:.75rem;padding:1rem}.bazaar-item-content h3{font-size:.85rem;margin-right:40px;line-height:1.2}.bazaar-item-content p{font-size:.7rem;margin-top:.4rem;-webkit-line-clamp:7;line-height:1.3}.bazaar-item-price{font-size:.8rem;bottom:.75rem;right:.75rem}.bazaar-item-price .chat-button{font-size:.7rem;padding:.3rem .5rem}.bazaar-item-actions{top:.5rem;right:.5rem;gap:.2rem}.icon-button{width:22px;height:22px}.icon-button svg{width:12px;height:12px}.bazaar-item-image{width:100px;height:130px}.bazaar-item-visibility{width:100px;font-size:.65rem}.visibility-button{font-size:.65rem;padding:.15rem .3rem}}.bazaar-items-list{width:100%;display:flex;flex-direction:column;gap:1.5rem;overflow:visible;padding:.5rem;margin-top:1.5rem;max-height:none}.item-counter{position:relative;margin:.5rem 0;display:inline-block;background-color:#0000000a;color:var(--theme-foreground);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;opacity:.9}.bazaar-item-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;font-size:1rem;color:var(--theme-foreground);opacity:.7;background-color:color-mix(in srgb,var(--theme-background) 95%,var(--theme-foreground) 5%);animation:pulse 1.5s infinite}.no-items-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:2rem;font-size:1.2rem;text-align:center;color:var(--theme-foreground);opacity:.7}.debug-info{font-size:.8rem;opacity:.6;margin-top:.5rem}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.bazaar-stripe-setup-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bazaar-stripe-setup-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.bazaar-stripe-setup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.bazaar-stripe-setup-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#f3f4f6;color:#374151}.close-button svg{width:1.5rem;height:1.5rem}.bazaar-stripe-setup-modal-content{padding:0 1.5rem 1.5rem}.setup-explanation{text-align:center;margin-bottom:2rem}.setup-icon{font-size:3rem;margin-bottom:1rem}.setup-explanation h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#111827}.setup-explanation>p{margin:0 0 1.5rem;color:#6b7280;line-height:1.6}.setup-benefits,.setup-requirements{text-align:left;margin:1.5rem 0;padding:1rem;background-color:#f9fafb;border-radius:8px}.setup-benefits h4,.setup-requirements h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#111827}.setup-benefits ul,.setup-requirements ul{margin:0;padding-left:1.25rem;list-style:none}.setup-benefits li,.setup-requirements li{margin:.5rem 0;color:#374151;position:relative}.setup-benefits li:before{content:"";position:absolute;left:-1.25rem;top:.5rem;width:.5rem;height:.5rem;background-color:#10b981;border-radius:50%}.setup-requirements li:before{content:"•";position:absolute;left:-1.25rem;color:#6b7280}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;color:#dc2626}.error-icon{font-size:1.25rem;flex-shrink:0}.dismiss-error{background:none;border:none;cursor:pointer;color:#dc2626;font-size:1.25rem;padding:.25rem;border-radius:4px;margin-left:auto;flex-shrink:0}.dismiss-error:hover{background-color:#fee2e2}.setup-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.setup-stripe-button{background:linear-gradient(135deg,#635bff,#4f46e5);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.setup-stripe-button:hover:not(:disabled){background:linear-gradient(135deg,#5a52ff,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #635bff4d}.setup-stripe-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.875rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-button:hover{background:#e5e7eb;border-color:#9ca3af}.cancel-button{background:none;color:#6b7280;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#f3f4f6;color:#374151}.loading-text{display:flex;align-items:center;gap:.5rem}.loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.stripe-branding{text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.powered-by{margin-right:.5rem}.stripe-logo{font-weight:600;color:#635bff}@media (max-width: 480px){.bazaar-stripe-setup-modal-overlay{padding:.5rem}.bazaar-stripe-setup-modal{max-height:95vh}.bazaar-stripe-setup-modal-header{padding:1rem 1rem 0;margin-bottom:1rem}.bazaar-stripe-setup-modal-header h2{font-size:1.25rem}.bazaar-stripe-setup-modal-content{padding:0 1rem 1rem}.setup-benefits,.setup-requirements{padding:.75rem}.setup-actions{gap:.5rem}.setup-stripe-button,.settings-button,.cancel-button{padding:.75rem 1rem;font-size:.875rem}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast-notification{background-color:var(--theme-background, #ffffff);color:var(--theme-foreground, #000000);border:1px solid var(--theme-foreground, #000000);border-radius:8px;padding:1rem;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000026;transform:translate(100%);opacity:0;transition:all .3s ease;pointer-events:auto}.toast-notification.toast-visible{transform:translate(0);opacity:1}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.toast-close:hover{background-color:color-mix(in srgb,var(--theme-foreground, #000000) 10%,transparent)}.toast-success{border-color:#10b981;background-color:color-mix(in srgb,#10b981 5%,var(--theme-background, #ffffff))}.toast-success .toast-icon{color:#10b981}.toast-error{border-color:#ef4444;background-color:color-mix(in srgb,#ef4444 5%,var(--theme-background, #ffffff))}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-color:#f59e0b;background-color:color-mix(in srgb,#f59e0b 5%,var(--theme-background, #ffffff))}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-color:#3b82f6;background-color:color-mix(in srgb,#3b82f6 5%,var(--theme-background, #ffffff))}.toast-info .toast-icon{color:#3b82f6}@media (max-width: 768px){.toast-container{top:.5rem;right:.5rem;left:.5rem}.toast-notification{min-width:auto;max-width:none;width:100%}}@media (max-width: 480px){.toast-notification{padding:.75rem}.toast-content{gap:.5rem}.toast-message{font-size:.85rem}.toast-icon{width:18px;height:18px}}.toast-notification:not(:first-child){margin-top:-.25rem}@media (prefers-color-scheme: dark){.toast-notification{background-color:var(--theme-background, #1f2937);color:var(--theme-foreground, #ffffff);border-color:var(--theme-foreground, #ffffff)}.toast-success{background-color:color-mix(in srgb,#10b981 10%,var(--theme-background, #1f2937))}.toast-error{background-color:color-mix(in srgb,#ef4444 10%,var(--theme-background, #1f2937))}.toast-warning{background-color:color-mix(in srgb,#f59e0b 10%,var(--theme-background, #1f2937))}.toast-info{background-color:color-mix(in srgb,#3b82f6 10%,var(--theme-background, #1f2937))}}.bazaar-page{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--spacing-md);box-sizing:border-box;position:relative;overflow-x:hidden;background-color:var(--theme-background);color:var(--theme-foreground)}.bazaar-page__content{display:flex;flex-direction:column;flex:1;width:100%;height:100%;overflow-y:auto;position:relative}.bazaar-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.bazaar-modal__content{background-color:var(--theme-background);border-radius:8px;padding:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026;position:relative}.bazaar-modal__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--theme-foreground)}.bazaar-page__loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:1.2rem;color:var(--theme-foreground)}.bazaar-page__error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:2rem;text-align:center}.bazaar-page__error-message{margin-top:1rem;padding:1rem;background-color:color-mix(in srgb,var(--theme-background) 90%,var(--theme-foreground) 10%);border-radius:4px;max-width:600px}.bazaar-page__error-retry{margin-top:1rem;padding:.5rem 1rem;background-color:var(--theme-foreground);color:var(--theme-background);border:none;border-radius:4px;cursor:pointer;font-weight:600}@media (max-width: 768px){.bazaar-page{padding:var(--spacing-sm)}.bazaar-modal__content{width:95%;padding:15px}}.v6-chat-page{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden}.v6-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.v6-work-area{flex:1 1 auto;min-height:0;overflow:auto;box-sizing:border-box;padding:12px}.v6-send-row{border-top:1px solid rgba(0,0,0,.08);padding:8px;box-sizing:border-box;background:transparent;flex:0 0 auto}.v6-selection-badges{display:flex;gap:8px;padding:8px 12px;align-items:center}.v6-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:16px;font-size:12px;background:#0000000a;color:#111}.v6-badge .v6-badge-label{font-weight:600;opacity:.8;margin-right:6px}.v6-badge .v6-badge-value{font-family:monospace;opacity:.95}.v6-badge-receiving{border:1px solid rgba(0,0,0,.06)}.v6-badge-sending{border:1px dashed rgba(0,0,0,.06)}.v6-work-area>.v1message-wrapper{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.prm-notification-center-wrapper{position:relative;display:inline-block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;z-index:1200}.prm-notification-center-toggle{background:transparent;border:none;font-size:20px;cursor:pointer;padding:6px;line-height:1;color:inherit}.prm-notification-center{position:absolute;right:0;top:36px;width:360px;max-height:70vh;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #0000001f;border-radius:8px;overflow:auto;display:flex;flex-direction:column;outline:none}.prm-notification-center-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.04);background:linear-gradient(180deg,#fafafa,#fff)}.prm-notification-center-header h3{margin:0;font-size:15px;font-weight:600}.prm-notification-center-ctrls button{margin-left:8px;background:transparent;border:1px solid rgba(0,0,0,.06);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px}.prm-notification-list{padding:8px;display:flex;flex-direction:column;gap:8px}.prm-notification-empty{padding:18px;color:#0009;text-align:center;font-size:14px}.prm-notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px;border-radius:6px;background:#fff;border:1px solid transparent}.prm-notification-item:focus-within,.prm-notification-item:hover{border-color:#0000000a;background:#fbfbfb}.prm-notification-main{flex:1 1 auto;cursor:pointer}.prm-notification-title{font-weight:600;font-size:14px;margin-bottom:4px}.prm-notification-body{font-size:13px;color:#000c;margin-bottom:6px}.prm-notification-meta{font-size:12px;color:#00000073}.prm-notification-chatid{margin-left:6px;font-weight:500}.prm-notification-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.prm-notification-actions button{font-size:12px;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer}.prm-snooze-group{display:flex;flex-direction:column;gap:4px;margin-top:6px}@media (max-width: 420px){.prm-notification-center{right:8px;left:8px;width:auto;top:44px}}.v6-avatar-v2{--size: 40px;width:var(--size);height:var(--size);border-radius:50%;background:var(--v6-avatar-bg, #e6e6e6);border:3px solid var(--v6-avatar-fg, var(--global-foreground, #0b74de));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:0;box-sizing:border-box;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 1px 3px #00000014}.v6-avatar-v2:focus{outline:4px solid color-mix(in srgb,var(--v6-avatar-fg) 40%,transparent);outline-offset:2px}.v6-avatar-v2:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.v6-avatar-v2--selected{box-shadow:0 6px 18px #00000029;outline:0;box-shadow:0 6px 18px #00000029,0 0 0 5px color-mix(in srgb,var(--selected-id-foreground, var(--v6-avatar-fg, var(--global-foreground, #0b74de))) 92%,transparent)}.v6-avatar-v2__img{width:100%;height:100%;object-fit:cover;display:block}.v6-avatar-v2__initials{font-weight:700;font-size:.9rem;color:var(--v6-avatar-fg, #ffffff);text-shadow:0 1px 1px rgba(0,0,0,.15);-webkit-user-select:none;user-select:none}.v6-avatar-v2[style]{--size: unset}@media (max-width: 480px){.v6-avatar-v2{border-width:2px}}.v6message-send-row{display:flex;align-items:center;gap:6px;padding:6px;box-sizing:border-box}.v6message-avatar{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center}.v6message-input{flex:1 1 auto;min-width:0}.v6message-input textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.3;border-radius:16px;outline:none;resize:none;-webkit-font-smoothing:antialiased}.v6message-send-button{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border:none}.v6message-send-button:focus{outline:3px solid rgba(0,0,0,.12);outline-offset:2px}.v6message-send-button:disabled{opacity:.6;cursor:not-allowed}.v6message-devinfo{display:flex;gap:8px;align-items:center;margin-bottom:8px}@media (max-width: 420px){.v6message-avatar{display:none}.v6message-send-row{gap:8px;padding:6px}.v6message-send-button{width:36px;height:36px}}@media (max-width: 340px){.v6message-send-row{gap:6px;padding:4px}.v6message-input textarea{font-size:13px;padding:6px 8px}}.v6message-send-row{display:flex;align-items:center;gap:10px;padding:8px;border-top:1px solid rgba(0,0,0,.06);background:var(--v6-send-row-bg, transparent)}.v6message-avatar{flex:0 0 auto;margin-left:4px}.v6message-input{flex:1 1 auto;min-height:40px;max-height:160px;resize:none;padding:8px 10px;border-radius:6px;font-size:14px;outline:none;box-sizing:border-box;transition:background .12s ease,border-color .12s ease,color .12s ease}.v6message-button{flex:0 0 auto;margin-right:4px;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:14px}.v6message-button[disabled],.v6message-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}@media (max-width: 420px){.v6message-input{font-size:13px;padding:6px 8px}.v6message-button{padding:6px 10px;font-size:13px}}.v6-chat-viewer-v3{--viewer-border-fore: var(--viewer-border-fore, #2a2a2a);--viewer-bg: var(--viewer-bg, #ffffff);border:3px solid var(--viewer-border-fore);background:transparent;border-radius:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;position:relative;overflow:hidden;min-height:0;transition:border-color .16s ease,box-shadow .16s ease;box-shadow:0 1px #00000008}.v6-chat-viewer-v3__inner{flex:1 1 auto;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-height:0;background:var(--viewer-bg)}.v6-chat-viewer-v3__inner::-webkit-scrollbar{width:0;height:0}.v6-chat-viewer-v3__inner.v6-dragging{cursor:grabbing;cursor:-webkit-grabbing}.v6-chat-empty{padding:24px;text-align:center;color:#666}.v6-chat-row-v3{display:flex;align-items:flex-end;gap:8px}.v6-chat-avatar-v3{flex:0 0 auto}.v6-chat-row-v3.other .v6-chat-avatar-v3{margin-right:8px;margin-left:0}.v6-chat-row-v3.mine .v6-chat-avatar-v3{margin-left:8px;margin-right:0}.v6-chat-bubble-wrapper-v3{flex:1 1 auto;display:flex;align-items:flex-end}.v6-chat-bubble-v3{max-width:70%;padding:8px 12px;border-radius:12px;border:1px solid transparent;word-break:break-word;box-shadow:0 1px 2px #0000000f}.v6-chat-sender-v3{margin-bottom:4px;font-size:12px;font-weight:600}.v6-chat-sender-name-v3{opacity:.9}.v6-chat-text-v3{font-size:14px;line-height:1.3;margin-bottom:6px}.v6-chat-meta-v3{font-size:11px;opacity:.7;text-align:right}.v6-chat-row-v3.mine .v6-chat-bubble-v3{border-radius:12px}.v6-chat-row-v3.other{flex-direction:row}.v6-chat-row-v3.grouped .v6-chat-avatar-v3{visibility:hidden;width:36px}.v6-chat-row-v3.grouped .v6-chat-sender-v3{display:none}.v6-new-messages-indicator-v3{position:absolute;right:12px;bottom:12px;background:#0a84ff;color:#fff;border:none;padding:6px 10px;border-radius:16px;box-shadow:0 4px 8px #0000001f;cursor:pointer}.v6-chat-system{text-align:center;color:#666;font-style:italic}:root{--v6-rolodex-bg: var(--modal-bg, var(--selected-id-background, #ffffff));--v6-rolodex-fore: var(--modal-fore, var(--selected-id-foreground, #111827));--v6-rolodex-border: var(--v6-rolodex-border, rgba(0,0,0,.06));--v6-rolodex-accent: var(--v6-rolodex-accent, rgba(59,130,246,1));--v6-rolodex-radius: 10px;--v6-rolodex-padding: 12px;--v6-rolodex-width: 100%;--v6-rolodex-max-width: calc(100% - 32px) ;--v6-rolodex-shadow: 0 8px 24px rgba(16,24,40,.12)}.v6-rolodex-modal-v2__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#090a0a47;z-index:9000;padding:20px;-webkit-tap-highlight-color:transparent}.v6-rolodex-modal-v2{width:var(--v6-rolodex-width);max-width:var(--v6-rolodex-max-width);margin:0 auto;background:var(--v6-rolodex-bg);color:var(--v6-rolodex-fore);border-radius:var(--v6-rolodex-radius);box-shadow:var(--v6-rolodex-shadow);border:1px solid var(--v6-rolodex-border);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;outline:none}.v6-rolodex-modal-v2__header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--v6-rolodex-padding) - 4px) var(--v6-rolodex-padding);border-bottom:1px solid color-mix(in srgb,var(--v6-rolodex-border) 60%,transparent);background:transparent}.v6-rolodex-modal-v2__title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--v6-rolodex-fore)}.v6-rolodex-modal-v2__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--v6-rolodex-accent)}.v6-rolodex-modal-v2__controls{display:flex;gap:8px;align-items:center}.v6-rolodex-modal-v2__close{background:transparent;border:none;color:var(--v6-rolodex-fore);cursor:pointer;font-size:18px;line-height:1;padding:6px;border-radius:6px}.v6-rolodex-modal-v2__close:hover{background:#0000000a}.v6-rolodex-modal-v2__close:focus{outline:2px solid color-mix(in srgb,var(--v6-rolodex-accent) 28%,transparent);outline-offset:2px}.v6-rolodex-modal-v2__body{padding:calc(var(--v6-rolodex-padding) - 2px);display:flex;flex-direction:column;gap:12px;min-height:120px;max-height:calc(100vh - 160px);overflow:auto;box-sizing:border-box}.v6-rolodex-modal-v2__placeholder{border:1px dashed color-mix(in srgb,var(--v6-rolodex-border) 60%,transparent);border-radius:8px;padding:18px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;min-height:140px;background:linear-gradient(180deg,rgba(0,0,0,.01),transparent);color:color-mix(in srgb,var(--v6-rolodex-fore) 60%,#666);font-size:14px}.v6-rolodex-modal-v2__placeholder-inner{opacity:.9}@media (max-width: 740px){.v6-rolodex-modal-v2{width:100%;max-width:100%;border-radius:8px}.v6-rolodex-modal-v2__body{padding:10px}}._sendingRow_bgwp2_6{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;background:var(--v6-sending-row-bg, transparent);box-sizing:border-box;width:100%}._label_bgwp2_17{font-size:13px;color:var(--v6-sending-row-label, #111827);padding-left:6px}._sendingList_bgwp2_27{display:flex;flex-direction:row;gap:8px;padding:6px}._sendingItem_bgwp2_35{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:2px}._disabled_bgwp2_45{pointer-events:none}._disabled_bgwp2_45 .v6-avatar-v2{opacity:1}._disabled_bgwp2_45 .v6-avatar-v2__img,._disabled_bgwp2_45 .v6-avatar-v2__initials{opacity:.35;filter:grayscale(20%)}._avatarWrap_bgwp2_63{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:6px;box-sizing:content-box;background:var(--v6-avatar-bg, transparent)}._selected_bgwp2_74{background:color-mix(in srgb,var(--selected-id-foreground, #3b82f6) 8%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--selected-id-foreground, #3b82f6) 8%,transparent)}._v6-rolodex-sending-row_bgwp2_81{margin-bottom:8px;border-radius:6px}@media (max-width: 480px){._label_bgwp2_17{font-size:12px}._sendingList_bgwp2_27{gap:6px;padding:4px}}:root{--v6-sr-padding: 12px;--v6-sr-arrow-gap: 48px}.v6-chat-sending-rolodex{width:100%;box-sizing:border-box;--rolodex-border: var(--global-foreground, #0b74de);border:2px solid var(--rolodex-border);border-radius:8px;padding:8px var(--v6-sr-padding);background:var(--rolodex-bg, rgba(0,0,0,.02));display:flex;flex-direction:column;margin:0}.v6-chat-sending-rolodex__label{font-size:13px;color:var(--rolodex-label-color, #333);font-weight:600;display:flex;align-items:center;gap:6px}.v6-chat-sending-rolodex__label-name{color:var(--rolodex-foreground, var(--global-foreground, #0b74de));margin-left:6px;font-weight:600;display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v6-chat-sending-rolodex__list-area{position:relative;display:flex;align-items:center;width:100%;margin-top:8px;min-height:56px;box-sizing:border-box}.v6-chat-sending-rolodex__list-wrap{flex:1 1 auto;width:100%;padding:0 var(--v6-sr-arrow-gap);box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:6px;scroll-behavior:smooth}.v6-chat-sending-rolodex__list-wrap{scrollbar-width:none;-ms-overflow-style:none}.v6-chat-sending-rolodex__list-wrap::-webkit-scrollbar{display:none;height:0}.v6-chat-sending-rolodex__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fffffff2;border:1px solid rgba(0,0,0,.06);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:opacity .12s ease,transform .12s ease;z-index:2;color:var(--v6-sr-arrow-color, #111);opacity:.98}.v6-chat-sending-rolodex__arrow[aria-disabled=true]{opacity:.38;pointer-events:none;transform:translateY(-50%) scale(.98)}.v6-chat-sending-rolodex__arrow.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9)}.v6-chat-sending-rolodex__arrow:active{transform:translateY(-50%) scale(.96)}.v6-chat-sending-rolodex__arrow--left{left:6px}.v6-chat-sending-rolodex__arrow--right{right:6px}.v6-chat-sending-rolodex__list-wrap:has(.disabled){opacity:.95}.v6-chat-sending-rolodex :focus{outline:2px solid rgba(0,0,0,.06);outline-offset:2px}@media (max-width: 740px){:root{--v6-sr-arrow-gap: 40px;--v6-sr-padding: 10px}.v6-chat-sending-rolodex{padding:6px var(--v6-sr-padding);border-radius:6px}.v6-chat-sending-rolodex__arrow{width:32px;height:32px}}@media (max-width: 520px){:root{--v6-sr-arrow-gap: 32px;--v6-sr-padding: 8px}.v6-chat-sending-rolodex__label{font-size:12px}.v6-chat-sending-rolodex__arrow{width:28px;height:28px;font-size:16px}}.v6-chat-sending-rolodex__list-wrap .sendingItem{display:inline-block;margin-right:8px}.v6-rolodex-avatar-wrap{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:6px;box-sizing:content-box;background:var(--v6-avatar-bg, transparent)}.v6-chat-id-selector{display:inline-block;line-height:0}.v6-chat-id-selector .v4-rolodex__item{transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;will-change:transform,opacity;outline:none}.v6-chat-id-selector .v4-rolodex__item:focus-visible{transform:scale(1.06);box-shadow:0 4px 12px #0000001f}.v6-chat-id-selector .v6-rolodex__item--enabled:hover{transform:scale(1.05)}.v6-chat-id-selector .v6-rolodex__item--disabled,.v6-chat-id-selector .v6-rolodex__item--disabled button{pointer-events:none}.calendar-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;color:var(--text-color);box-sizing:border-box}.calendar-page__header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1)}.calendar-page__title{display:flex;align-items:center;gap:.5rem}.calendar-page__actions{display:flex;gap:.75rem;align-items:center}.view-toggle,.filter-toggle{display:flex;gap:.75rem}.tutorial-button,.add-event-button,.view-toggle__button,.filter-toggle__button{background:none;border:1px solid;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;opacity:.8;transition:opacity .2s,transform .2s,background-color .2s,color .2s}.tutorial-button:hover,.add-event-button:hover,.view-toggle__button:hover,.filter-toggle__button:hover{opacity:1;transform:translateY(-1px)}.view-toggle__button--active,.filter-toggle__button--active{opacity:1;font-weight:700;padding:.25rem .75rem}.calendar-view{flex:1;display:flex;flex-direction:column;overflow:hidden;margin:.5rem;height:calc(100% - 2rem)}.sync-status{padding:4px 8px;border-radius:4px;font-size:.8rem;margin-left:1rem}.sync-status.offline{background-color:#f003}.debug-info{margin:.5rem 0;font-size:.8rem;opacity:.7}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.1)}.nav-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem .75rem;border-radius:4px;transition:background-color .2s,transform .2s}.nav-button:hover{background-color:#ffffff1a;transform:translateY(-1px)}.month-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.week-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;margin-bottom:8px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:8px;flex:1;min-height:0;height:100%;overflow:hidden}.day-cell{border:1px solid;border-radius:4px;padding:6px;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-sizing:border-box}.day-cell:before{content:"";display:block;padding-top:100%;grid-row:1 / 1;grid-column:1 / 1}.day-cell>*{position:relative;z-index:1}.day-cell-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:6px;display:flex;flex-direction:column;box-sizing:border-box}.day-cell-content .day-number{position:absolute;top:4px;right:6px;margin:0}.day-cell-content .month-view-pie-chart{flex:1;margin-top:20px}.day-number{text-align:right;font-weight:700;margin-bottom:4px;flex-shrink:0;font-size:.9rem;position:absolute;top:4px;right:6px;z-index:3}.events{flex:1;overflow-y:auto;margin-top:4px}.event{padding:8px 10px;border-radius:4px;margin:3px 0;cursor:pointer;font-size:.95em;position:relative;transition:all .2s ease;border:1px solid}.event--expanded{padding-bottom:12px;box-shadow:0 2px 4px #0000001a}.event__header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding-right:12px}.event__action-buttons{position:static;margin-left:auto;display:flex;gap:12px;align-items:center;flex:0 0 auto;flex-wrap:wrap;z-index:auto}.event__confirm-button,.event__unconfirm-button{padding:8px 14px;border-radius:8px;font-weight:700;font-size:.95em;border:1px solid rgba(0,0,0,.12);background:#ffffff2e;color:inherit;margin-right:6px;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;box-shadow:0 2px 6px #00000014;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;position:relative;z-index:auto}.event__confirm-button.primary-confirm{background:linear-gradient(90deg,#0096881f,#0096880f);border-color:#00968838;color:var(--primary, #00a896);box-shadow:0 6px 14px #00a8960f}.event__confirm-button.is-pending,.event__unconfirm-button.is-pending{opacity:.7;pointer-events:none;transform:translateY(0);box-shadow:0 2px 6px #0000000a inset}.event__confirm-button.is-pending:after,.event__unconfirm-button.is-pending:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffffd9;animation:spin .8s linear infinite;margin-left:8px}.event__confirm-button:hover,.event__unconfirm-button:hover{filter:brightness(.98);transform:translateY(-1px)}.event__edit-button,.event__delete-button{padding:4px;border-radius:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.event__unconfirm-button{color:var(--danger-color, #b00);border-color:#b000002e;background:#b0000014}.event__time-title{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}.event__time{font-size:.85rem}.event__title{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event__status{font-size:.75rem;padding:2px 6px;border-radius:3px;background-color:#0003;border:1px solid currentColor}.event__details{position:relative;z-index:1;font-size:.9rem;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid}.event__label{font-weight:500;margin-right:4px;opacity:.9;font-size:.85rem}.event__value{margin-top:2px;padding-left:8px}.event__description,.event__address,.event__duration,.event__rsvp,.event__visibility,.event__invite-list{display:flex;flex-direction:column}.event__rsvp .event__value{display:flex;gap:12px}.event__rsvp-count,.event__price{font-size:.85rem}.event__preview{margin-top:4px;font-size:.85rem;opacity:.9;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event__description-preview{margin-bottom:2px}.event__address-preview{font-style:italic;font-size:.8rem;display:flex;align-items:center;gap:4px}.event__address-icon{font-size:.9rem}.event__expand-indicator{position:absolute;bottom:2px;right:8px;font-size:.7rem;opacity:.7}.rsvp-count{position:absolute;border-radius:50%;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 3px #0003}.day-pie-chart{position:relative;width:100%;height:80%;margin-top:4px;display:flex;align-items:center;justify-content:center;overflow:visible}.simple-pie-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.simple-pie-chart__circle{width:80%;height:80%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.simple-pie-chart__container{width:80%;height:80%;border-radius:50%;position:relative;overflow:hidden}.simple-pie-chart__slice{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:center}.simple-pie-chart__count{position:absolute;border-radius:50%;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 3px #0003;transform:translate(-50%,-50%)}.svg-pie-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.event-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.event-modal__content{width:90%;max-width:500px;max-height:80vh;overflow-y:auto;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #00000026}.event-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.event-modal__title{margin:0;font-size:1.2rem}.event-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.event-modal__form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-weight:500}.form-group input,.form-group textarea{padding:.5rem;border:1px solid rgba(0,0,0,.2);border-radius:4px}.event-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.event-modal__button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.event-modal__button--cancel{background:none}.event-modal__button--save{border:none}.form-group--checkbox{flex-direction:row;align-items:center;gap:.5rem}.form-group--checkbox input[type=checkbox]{margin-right:.5rem}.form-group select{padding:.5rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:transparent}.week-view{display:flex;flex-direction:column;height:100%}.week-header{display:flex;justify-content:space-between;padding:.5rem;margin-bottom:8px}.week-day{flex:1;text-align:center}.day-name{font-weight:700}.day-number{font-size:.9rem}.week-events{flex:1;border:1px solid;border-radius:4px;padding:.5rem}.week-events__placeholder{text-align:center;opacity:.5;margin:1rem 0}.day-view{display:flex;flex-direction:column;height:100%;overflow:hidden;border:2px solid;border-radius:6px;padding-top:.5rem;box-shadow:0 2px 8px #0000001a}.day-view__timeline{flex:1;overflow-y:auto;padding:0 .5rem .5rem;max-height:calc(100vh - 200px);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.day-view__timeline::-webkit-scrollbar{width:8px}.day-view__timeline::-webkit-scrollbar-track{background:transparent}.day-view__timeline::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.time-slot{display:flex;margin-bottom:1rem;min-height:60px}.time-slot__label{width:80px;font-weight:500;font-size:.9rem;padding-right:.5rem;text-align:right;display:flex;flex-direction:column}.time-slot__label-12hour{font-size:.8rem;opacity:.8;margin-top:2px}.time-slot__events{flex:1;border-left:1px solid;padding-left:.5rem}.day-events{flex:1;border:1px solid;border-radius:4px;padding:.5rem}.day-events__placeholder{text-align:center;opacity:.5;margin:1rem 0}@media (max-width: 768px){.calendar-page__header{padding:.75rem}.calendar-navigation{padding:.25rem .75rem}.days-grid{gap:4px}.day-cell,.day-cell-content{padding:4px}.day-cell-content .day-number{font-size:.85rem;top:2px;right:4px}.day-cell-content .month-view-pie-chart{margin-top:16px}.week-days{margin-bottom:4px;font-size:.9rem}}@media (max-width: 480px){.calendar-page__header{padding:.5rem}.calendar-navigation{padding:.25rem .5rem}.days-grid{gap:2px}.day-cell{padding:2px;border-radius:2px}.day-cell-content{padding:2px}.day-cell-content .day-number{font-size:.8rem;top:1px;right:3px}.day-cell-content .month-view-pie-chart{margin-top:14px}.week-days{font-size:.8rem}.tutorial-button,.add-event-button,.view-toggle__button,.filter-toggle__button{padding:.15rem .35rem;font-size:.8rem}.rsvp-count{display:none}.day-pie-chart{height:70%}}.enhanced-month-view-pie-chart{position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;cursor:pointer;transition:transform .2s ease}.enhanced-month-view-pie-chart:hover{transform:scale(1.05)}.enhanced-month-view-pie-chart__slice{transition:opacity .2s ease}.enhanced-month-view-pie-chart__slice:hover{opacity:.8}.enhanced-month-view-pie-chart__border{pointer-events:none;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.9}.enhanced-month-view-pie-chart__rsvp{position:absolute;font-size:.7rem;font-weight:700;padding:0 2px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.8);border-radius:3px}@media (max-width: 768px){.enhanced-month-view-pie-chart__rsvp{min-width:12px;height:12px;font-size:.6rem}}@media (max-width: 480px){.enhanced-month-view-pie-chart__rsvp{min-width:10px;height:10px;font-size:.55rem}}.task-connection-list{margin:1rem 0;padding:1rem;border-radius:8px;background-color:var(--background-color-light)}.visibility-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.visibility-option{display:flex;align-items:center;gap:.5rem}.radio-container{display:flex;align-items:center;cursor:pointer}.radio-label{margin-left:.5rem;font-size:.9rem}.search-bar{margin:1rem 0}.search-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.connections-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;padding:.5rem}.loading-message,.no-results{text-align:center;padding:1rem;color:var(--text-color-secondary)}.error-message{color:var(--error-color);margin-bottom:1rem}.selected-count{text-align:right;font-size:.8rem;color:var(--text-color-secondary);margin-top:.5rem}.modal-header{position:relative}.accepted-warning{font-size:.9rem;margin-top:.5rem;padding:.25rem .5rem;background-color:#ff98001a;border-radius:4px;display:inline-block}.tasks-page__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.tasks-page__title{display:flex;align-items:center}.tasks-page__title h2{margin:0;font-size:1.5rem;font-weight:600}.tasks-page__actions{display:flex;gap:12px}.add-task-list-button,.tutorial-button{padding:8px 16px;border-radius:4px;border:1px solid;background-color:transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.add-task-list-button:hover,.tutorial-button:hover{background-color:#0000000d}.add-task-list-button:active,.tutorial-button:active{opacity:.8}@media (max-width: 600px){.tasks-page__header{flex-direction:column;align-items:flex-start;gap:12px}.tasks-page__actions{width:100%;justify-content:space-between}}.tasks-page__search{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.tasks-page__search-input{flex:1;max-width:400px}.tasks-page__search-input input{width:100%;padding:8px 12px;border-radius:4px;border:1px solid;background-color:transparent;font-size:.9rem}.tasks-page__search-input input:focus{outline:none;box-shadow:0 0 0 2px #0000001a}.tasks-page__filter-toggle{display:flex;gap:4px;border-radius:4px;overflow:hidden}.filter-toggle__button{padding:6px 12px;border:none;background-color:transparent;font-size:.9rem;cursor:pointer;transition:background-color .2s}.filter-toggle__button:hover{background-color:#0000000d}.filter-toggle__button--active{background-color:#0000001a;font-weight:500}@media (max-width: 768px){.tasks-page__search{flex-direction:column;align-items:stretch;gap:12px}.tasks-page__search-input{max-width:none}.tasks-page__filter-toggle{justify-content:center}}.task-list{display:flex;flex-direction:column;border-radius:8px;border:1px solid;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.task-list:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.task-list-card{display:flex;flex-direction:column;border-radius:8px;border:1px solid;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;padding:16px;flex-shrink:0}.task-list-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.task-list-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-list-card__title-section{display:flex;align-items:center;gap:12px;flex:1}.task-list__id-acceptance{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.task-list__empty-id-border{width:32px;height:32px;border-radius:50%;border:2px dashed;opacity:.6;transition:opacity .2s}.task-list__id-acceptance:hover .task-list__empty-id-border{opacity:1}.task-list__accepted-id-image{width:36px;height:36px;border-radius:50%;border:2px solid;object-fit:cover}.task-list__acceptance-count{position:absolute;top:-8px;right:-8px;background-color:#4caf50;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.task-list-card__title{margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.task-list-card__description{margin-bottom:12px}.task-list-card__description p{margin:0;font-size:.9rem;line-height:1.4;opacity:.8}.task-list-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.7;margin-top:auto}.task-list-card__task-count{font-weight:500}.task-list-card__click-hint{font-style:italic}@media (max-width: 600px){.task-list-card__header{flex-direction:column;align-items:flex-start;gap:12px}.task-list-card__title-section{width:100%}.task-list__actions{width:100%;justify-content:flex-end}.task-list-card__footer{flex-direction:column;align-items:flex-start;gap:4px}}.task-list__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.task-list__title-container{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.task-list__title{margin:0;font-size:1.2rem;font-weight:600}.task-list__expand-icon{font-size:.8rem}.task-list__actions{display:flex;gap:8px}.task-list__delete-button,.task-list__accept-button,.task-list__deselect-button,.task-list__decline-button{padding:4px 10px;border-radius:4px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s}.task-list__delete-button:hover,.task-list__accept-button:hover,.task-list__deselect-button:hover,.task-list__decline-button:hover{opacity:.9}.task-list__delete-button:active,.task-list__accept-button:active,.task-list__deselect-button:active,.task-list__decline-button:active{opacity:.8}.task-list__items{display:flex;flex-direction:column;padding:8px 0}.task-list__description{padding:0 16px 8px;font-size:.9rem;color:#000000b3}@media (max-width: 600px){.task-list__header{flex-direction:column;align-items:flex-start;gap:8px}.task-list__actions{width:100%;justify-content:flex-end}}.task-item{display:flex;flex-direction:column;padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.05)}.task-item:last-child{border-bottom:none}.task-item__header{display:flex;justify-content:space-between;align-items:center}.task-item__content-container{display:flex;align-items:center;gap:12px;width:100%}.task-item__checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.task-item__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-item__completed-icon{position:relative;width:24px;height:24px}.task-item__id-image{width:24px;height:24px;border-radius:50%;border:2px solid;object-fit:cover}.task-item__check-mark{position:absolute;bottom:-2px;right:-2px;background-color:#4caf50;color:#fff;border-radius:50%;width:14px;height:14px;font-size:10px;display:flex;align-items:center;justify-content:center}.task-item__content{display:flex;align-items:center;justify-content:space-between;flex:1;cursor:pointer}.task-item__text{font-size:.95rem;transition:text-decoration .2s}.task-item__expand-icon{font-size:.8rem;margin-left:8px}.task-item__description{margin-top:8px;margin-left:36px;padding:8px 12px;background-color:#00000008;border-radius:4px;font-size:.85rem}@media (max-width: 600px){.task-item__content{flex-direction:column;align-items:flex-start;gap:4px}.task-item__expand-icon{margin-left:0}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;border:1px solid;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close-button:hover{background-color:#0000000d}.modal-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border-radius:4px;border:1px solid;background-color:transparent;font-size:.9rem}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 0 2px #0000001a}.form-group textarea{min-height:80px;resize:vertical}.task-items-container{display:flex;flex-direction:column;gap:12px;margin-top:8px;margin-bottom:20px}.task-item-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:4px;background-color:#00000005}.task-item-form__content{display:flex;gap:8px}.task-item-form__content input{flex:1}.task-item-form__remove-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.task-item-form__remove-button:hover{background-color:#0000000d}.task-item-form__remove-button:disabled{opacity:.3;cursor:not-allowed}.add-item-button{padding:8px;border-radius:4px;border:1px dashed;background-color:transparent;font-size:.9rem;cursor:pointer;transition:background-color .2s;margin-top:8px}.add-item-button:hover{background-color:#00000008}.item-limit-message{margin:8px 0 0;font-size:.85rem;color:#f44336}.modal-cancel-button,.modal-save-button{padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s}.modal-cancel-button{border:1px solid;background-color:transparent}.modal-save-button{border:none}.modal-cancel-button:hover,.modal-save-button:hover{opacity:.9}.modal-cancel-button:active,.modal-save-button:active{opacity:.8}.modal-save-button:disabled{cursor:not-allowed;opacity:.7}.connection-list{display:flex;flex-direction:column;gap:8px}.connection-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.connection-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.connection-item--selected{border-color:currentColor;box-shadow:0 2px 12px #00000026}.connection-item--with-colors{color:#fff}.connection-item__image{width:32px;height:32px;border-radius:50%;object-fit:cover}.connection-item__name{font-size:.95rem;font-weight:500}.loading-message,.no-subids-message{padding:20px;text-align:center;font-style:italic;opacity:.7}.loading-message{display:flex;align-items:center;justify-content:center;gap:8px}.loading-message:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.no-subids-message{color:#f44336;background-color:#f443361a;border-radius:4px;border:1px solid rgba(244,67,54,.3)}@media (max-width: 600px){.modal-content{width:95%;max-height:95vh}.modal-footer{flex-direction:column}.modal-cancel-button,.modal-save-button{width:100%;text-align:center}}.tasks-page{display:flex;flex-direction:column;width:100%}.tasks-page__list-container{display:flex;flex-direction:column;gap:16px;padding:16px}.tasks-page__empty{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666;text-align:center;padding:2rem}.task-list-detail-modal{max-width:600px;max-height:80vh;overflow-y:auto}.task-list-detail-modal__title-section{display:flex;align-items:center;gap:16px;flex:1}.task-list-detail-modal__title-section h2{margin:0;font-size:1.5rem;font-weight:600}.task-list-detail-modal__description{margin-bottom:24px;padding:12px;background-color:#00000008;border-radius:6px}.task-list-detail-modal__description p{margin:0;font-size:1rem;line-height:1.5;opacity:.9}.task-list-detail-modal__items h3{margin:0 0 16px;font-size:1.2rem;font-weight:600}.task-list-detail-modal__item{display:flex;flex-direction:column;padding:12px;margin-bottom:8px;border:1px solid;border-radius:6px;background-color:#ffffff05}.task-list-detail-modal__item:last-child{margin-bottom:0}.task-list-detail-modal__item-header{display:flex;align-items:center;gap:12px}.task-list-detail-modal__item-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.task-list-detail-modal__item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-item__disabled-checkbox{width:18px;height:18px;border:2px solid rgba(0,0,0,.3);border-radius:3px;opacity:.5}.task-list-detail-modal__item-content{flex:1}.task-list-detail-modal__item-content span{font-size:1rem;font-weight:500}.task-list-detail-modal__item-description{margin:4px 0 0;font-size:.9rem;opacity:.8;line-height:1.4}.task-list-detail-modal__confirm-button{padding:6px 12px;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;flex-shrink:0}.task-list-detail-modal__confirm-button:hover{opacity:.9}.task-list-detail-modal__confirm-button--confirmed{cursor:not-allowed!important}.task-list-detail-modal__confirm-button:disabled{cursor:not-allowed;opacity:.7}.task-list-detail-modal__confirm-button:disabled:hover{transform:none;opacity:.7}.task-list-detail-modal__item-timestamps{margin-top:8px;font-size:.8rem;opacity:.7;display:flex;flex-direction:column;gap:4px}.task-list-detail-modal__completion-timestamp{display:flex;align-items:center;gap:8px}.task-list-detail-modal__confirmation-timestamp{display:flex;align-items:center;gap:8px;font-weight:500}.task-list-detail-modal__confirmed-badge{background-color:#4caf50;color:#fff;padding:2px 6px;border-radius:12px;font-size:.75rem;font-weight:500}.task-list-detail-modal__item-timestamp{margin-top:8px;font-size:.8rem;opacity:.7;display:flex;align-items:center;gap:8px}.task-item__completed-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.task-item__id-image{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;object-fit:cover}.task-item__check-mark{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border:1px solid white}.task-item__completed-icon--confirmed .task-item__check-mark{background-color:#3b82f6}.task-item__completed-icon--unconfirmed .task-item__check-mark{background-color:#22c55e}.task-item__id-image--confirmed{opacity:1;filter:brightness(1.1)}.task-item__id-image--unconfirmed{opacity:.9}.task-item__check-mark--confirmed{background-color:#3b82f6!important;box-shadow:0 0 4px #3b82f680}.task-item__check-mark--unconfirmed{background-color:#22c55e!important;box-shadow:0 0 4px #22c55e80}.task-item__text--completed{text-decoration:line-through;opacity:.7}.task-list__id-acceptance{cursor:pointer;transition:all .2s ease;position:relative}.task-list__id-acceptance:hover{transform:scale(1.05)}.task-list__accepted-id-image{width:40px;height:40px;border-radius:50%;border:3px solid currentColor;object-fit:cover;transition:all .2s ease}.task-list__empty-id-border{width:40px;height:40px;border-radius:50%;border:3px solid currentColor;background-color:#ffffff1a;transition:all .2s ease}.task-list__acceptance-count{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white}@media (max-width: 600px){.task-list-detail-modal{max-width:95vw;margin:20px auto}.task-list-detail-modal__title-section{flex-direction:column;align-items:flex-start;gap:12px}.task-list-detail-modal__item-header{flex-direction:column;align-items:flex-start;gap:8px}.task-list-detail-modal__confirm-button{align-self:flex-end}.task-list-detail-modal__item-timestamp{flex-direction:column;align-items:flex-start;gap:4px}}.id-scanner{display:flex;align-items:center;justify-content:center;width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border:2px solid;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.id-scanner:hover{transform:scale(1.05);background-color:#ffffff1a}.id-scanner__icon{width:clamp(20px,4vw,24px);height:clamp(20px,4vw,24px);color:inherit}.id-scanner__error,.id-scanner__success{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:1000;animation:slideUp .3s ease-out}.id-scanner__error{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.id-scanner__success{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.qr-scanner-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-scanner-container{width:90%;max-width:500px;background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.qr-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.qr-scanner-header h3{margin:0;font-size:1.25rem;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;padding:0 8px;color:#666;transition:color .2s}.close-button:hover{color:#333}.qr-scanner-instructions{padding:12px 16px;text-align:center;font-size:14px;color:#666;background-color:#f8f9fa;border-bottom:1px solid #eee}.qr-scanner-preview{position:relative;width:100%;height:300px;background-color:#000;overflow:hidden}.qr-scanner-preview video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.qr-scanner-target-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border:2px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 0 0 4000px #0000004d;pointer-events:none;z-index:10}.corner-marker{position:absolute;width:20px;height:20px;border-color:#fff;border-style:solid;border-width:0}.corner-marker.top-left{top:-2px;left:-2px;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}.corner-marker.top-right{top:-2px;right:-2px;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}.corner-marker.bottom-left{bottom:-2px;left:-2px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}.corner-marker.bottom-right{bottom:-2px;right:-2px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}.qr-scanner-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2}.qr-scanner-loading p{margin:0;font-size:14px;text-align:center;padding:0 20px;max-width:80%}.qr-scanner-error{color:#e53935;padding:12px 16px;text-align:center;background-color:#ffebee;border-top:1px solid #ffcdd2;font-size:14px;animation:error-fade-in .3s ease-in}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-scanner-controls{padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;background-color:#f8f9fa;border-top:1px solid #eee}.capture-button{width:80px;height:80px;border-radius:50%;background:#fff;border:4px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0 auto 16px}.capture-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.capture-button:active{transform:scale(.95)}.capture-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.capture-button-inner{width:50px;height:50px;border-radius:50%;background:#333;transition:background .2s;margin-bottom:2px}.capture-button:hover .capture-button-inner{background:#000}.capture-button-text{font-size:12px;font-weight:700;color:#333;margin-top:4px;text-transform:uppercase}.capture-instruction{font-size:14px;color:#666;margin-bottom:12px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.cancel-button{padding:12px 24px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.cancel-button:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057}.qr-scanner-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:flash .5s ease-out;pointer-events:none;z-index:20}@keyframes flash{0%{opacity:.8}to{opacity:0}}.qr-scanner-preview.capturing{border:3px solid #2196f3;animation:capturing-pulse 1s infinite}.qr-scanner-preview.processing{border:3px solid #ff9800}.qr-scanner-preview.success{border:3px solid #4caf50;animation:success-glow 1s ease-in-out}.qr-scanner-preview.error{border:3px solid #f44336;animation:error-shake .5s ease-in-out}@keyframes capturing-pulse{0%,to{border-color:#2196f3;box-shadow:0 0 #2196f300}50%{border-color:#1976d2;box-shadow:0 0 20px #2196f380}}@keyframes success-glow{0%{box-shadow:0 0 #4caf5000}50%{box-shadow:0 0 25px #4caf50b3}to{box-shadow:0 0 15px #4caf5080}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 480px){.qr-scanner-container{width:95%;margin:10px}.qr-scanner-preview{height:250px}.qr-scanner-target-frame{width:200px;height:200px}.capture-button{width:70px;height:70px}.capture-button-inner{width:40px;height:40px}.capture-button-text{font-size:10px}.qr-scanner-controls{padding:16px}.capture-instruction{font-size:12px;margin-bottom:8px}}@media (max-width: 320px){.qr-scanner-header{padding:12px}.qr-scanner-header h3{font-size:1.1rem}.qr-scanner-preview{height:200px}.qr-scanner-target-frame{width:150px;height:150px}}.admin-sub-id-selection-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.admin-sub-id-selection-modal{border-radius:8px;box-shadow:0 4px 16px #0003;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;transition:all .3s ease}.admin-sub-id-selection-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.admin-sub-id-selection-modal__header h2{margin:0;font-size:1.4rem;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-selection-modal__close-button{background:none;border:none;font-size:1.8rem;cursor:pointer;padding:0;margin:0;line-height:1;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-selection-modal__close-button:hover{color:#444}.admin-sub-id-selection-modal__content{padding:20px;flex-grow:1;overflow-y:auto}.admin-sub-id-selection-modal__description{margin-bottom:20px;font-size:1rem;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-selection-modal__loading,.admin-sub-id-selection-modal__empty{text-align:center;padding:30px 0;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-selection-modal__empty p{margin:8px 0}.admin-sub-id-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.admin-sub-id-item{display:flex;align-items:center;padding:12px 16px;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;position:relative}.admin-sub-id-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.admin-sub-id-item--selected{transform:scale(1.02)}.admin-sub-id-item__image-container{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:3px solid;margin-right:12px;flex-shrink:0}.admin-sub-id-item__image{width:100%;height:100%;object-fit:cover}.admin-sub-id-item__image-placeholder{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.3)}.admin-sub-id-item__details{flex-grow:1}.admin-sub-id-item__name{font-weight:700;font-size:1rem;margin-bottom:4px;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-item__type{font-size:.85rem;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-item__selected-indicator{width:24px;height:24px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.8rem;position:absolute;right:12px}.admin-sub-id-item--generate-copy{border:2px dashed rgba(255,255,255,.3);background:#ffffff1a;margin-bottom:16px}.admin-sub-id-item--generate-copy:hover{background:#ffffff26;border-color:#ffffff80}.admin-sub-id-item--generate-copy.admin-sub-id-item--selected{border-color:#fffc;background:#fff3}.admin-sub-id-item__generate-icon{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;justify-content:center;align-items:center;border:2px dashed rgba(255,255,255,.4)}.admin-sub-id-item__content{display:flex;align-items:center;width:100%}.admin-sub-id-item__info{flex-grow:1;margin-left:12px}.admin-sub-id-item__description{font-size:.85rem;opacity:.8;margin-top:4px;text-shadow:0 0 2px rgba(0,0,0,.3)}.admin-sub-id-selection-modal__actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.admin-sub-id-selection-modal__cancel-button{padding:8px 16px;border:1px solid;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.admin-sub-id-selection-modal__cancel-button:hover{opacity:.8}.admin-sub-id-selection-modal__submit-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;min-width:120px;transition:all .2s ease}.admin-sub-id-selection-modal__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0003}.admin-sub-id-selection-modal__submit-button:disabled{cursor:not-allowed}.admin-sub-id-selection-modal__submit-button{transition:transform .08s ease,box-shadow .12s ease,opacity .12s ease;will-change:transform,box-shadow,opacity;background:var(--selected-id-foreground, #1565c0);color:var(--selected-id-background, #ffffff);border:1px solid rgba(0,0,0,.08);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px}.admin-sub-id-selection-modal__submit-button:active:not(:disabled){transform:translateY(1px) scale(.995);box-shadow:0 1px 4px #0000001f inset;opacity:.98}.admin-sub-id-selection-modal__submit-button:disabled{opacity:.6;cursor:not-allowed}.admin-sub-id-selection-modal__submit-button .loading-spinner{width:16px;height:16px;margin-right:6px;border-width:3px}.admin-sub-id-item,.admin-sub-id-item label{transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}@media (max-width: 600px){.admin-sub-id-selection-modal{width:95%;max-height:90vh}.admin-sub-id-item{padding:10px}.admin-sub-id-item__image-container{width:40px;height:40px}}.invitation-notification{display:flex;align-items:center;justify-content:center;width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border:2px solid;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;margin-left:.5rem}.invitation-notification:hover{transform:scale(1.05);box-shadow:0 0 8px #0000004d}.invitation-notification__count{font-size:clamp(14px,3vw,16px);font-weight:700}.type-filter-selector{display:flex;align-items:center;justify-content:center}.type-filter-selector__button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-color);cursor:pointer;transition:background-color .2s;padding:0;overflow:visible}.type-filter-selector__filter-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;z-index:0;box-shadow:0 1px 2px #0000001f}.type-filter-selector__button svg{position:relative;z-index:1}.type-filter-selector__button:hover{background-color:var(--hover-color)}.type-filter-selector__button[aria-pressed=true]{background-color:transparent}.user-id-selector{position:relative;width:70px;height:70px;padding:clamp(1px,.5vw,var(--selector-padding));cursor:pointer;transition:all .3s ease-in-out;outline:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;contain:layout style paint}.user-id-selector__refresh-indicator,.user-id-selector__error{position:absolute;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;animation:fade-in .3s ease-out;z-index:1}.user-id-selector__refresh-indicator{bottom:-24px;background-color:#000000b3;color:#fff}.user-id-selector__error{bottom:-32px;background-color:#dc3545e6;color:#fff;box-shadow:0 2px 4px #0003}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.user-id-selector:hover{transform:scale(1.05)}.user-id-selector:focus-visible{transform:scale(1.05)}.user-id-selector:focus-visible .user-id-selector__border:after{content:"";position:absolute;top:calc(-1 * var(--selector-padding));left:calc(-1 * var(--selector-padding));right:calc(-1 * var(--selector-padding));bottom:calc(-1 * var(--selector-padding));border-radius:50%;border:min(2px,calc(var(--selector-size) * .033)) solid var(--focus-ring-color, #4a90e2);animation:focus-ring .3s ease-out}.user-id-selector__background{position:absolute;inset:0;width:70px;height:70px;border-radius:50%;z-index:1;box-sizing:border-box;pointer-events:none}.user-id-selector__border{position:absolute;inset:3px;border-radius:50%;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;pointer-events:none;box-sizing:border-box}.user-id-selector__image-container{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;margin:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:3}.user-id-selector__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-id-selector--selected .user-id-selector__border{border-width:min(5px,calc(var(--responsive-size, var(--selector-size)) * .083));box-shadow:0 0 min(15px,calc(var(--responsive-size, var(--selector-size)) * .25)) #0003}.user-id-selector--selected:hover .user-id-selector__border{box-shadow:0 0 min(20px,calc(var(--responsive-size, var(--selector-size)) * .333)) #0000004d}.user-id-selector--refreshing .user-id-selector__border{animation:pulse 1.5s infinite}@media (max-width: 480px){.user-id-selector__border{border-width:min(2px,calc(var(--responsive-size, var(--selector-size)) * .033))}.user-id-selector--selected .user-id-selector__border{border-width:min(3px,calc(var(--responsive-size, var(--selector-size)) * .05));box-shadow:0 0 min(10px,calc(var(--responsive-size, var(--selector-size)) * .167)) #0003}.user-id-selector--selected:hover .user-id-selector__border{box-shadow:0 0 min(12px,calc(var(--responsive-size, var(--selector-size)) * .2)) #0000004d}}.sub-id-selector{position:relative;width:70px;height:70px;padding:clamp(1px,.5vw,var(--selector-padding));cursor:pointer;transition:all .3s ease-in-out;outline:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;contain:layout style paint}.sub-id-selector:hover{transform:scale(1.05)}.sub-id-selector:focus-visible{transform:scale(1.05)}.sub-id-selector:focus-visible .sub-id-selector__border:after{content:"";position:absolute;top:calc(-1 * var(--selector-padding));left:calc(-1 * var(--selector-padding));right:calc(-1 * var(--selector-padding));bottom:calc(-1 * var(--selector-padding));border-radius:50%;border:min(2px,calc(var(--selector-size) * .033)) solid var(--focus-ring-color, #4a90e2);animation:focus-ring .3s ease-out}.sub-id-selector__background{position:absolute;inset:0;width:70px;height:70px;border-radius:50%;z-index:1;box-sizing:border-box;pointer-events:none}.sub-id-selector__border{position:absolute;inset:3px;border-radius:50%;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;pointer-events:none;box-sizing:border-box}.sub-id-selector__image-container{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;margin:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:3}.sub-id-selector__image-container img,.sub-id-selector__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.sub-id-selector--selected .sub-id-selector__border{border-width:min(5px,calc(var(--responsive-size, var(--selector-size)) * .083));box-shadow:0 0 min(15px,calc(var(--responsive-size, var(--selector-size)) * .25)) currentColor;transform:scale(1.03)}.sub-id-selector--selected:hover .sub-id-selector__border{box-shadow:0 0 min(20px,calc(var(--responsive-size, var(--selector-size)) * .333)) var(--foreground-color, rgba(0, 0, 0, .3))}.sub-id-selector__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;border:1px solid;box-shadow:0 2px 8px #00000026;pointer-events:none;animation:tooltip-fade-in .15s ease-out}.sub-id-selector__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:inherit}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-3px)}to{opacity:1;transform:translate(-50%) translateY(-8px)}}@media (max-width: 480px){.sub-id-selector__border{border-width:min(2px,calc(var(--responsive-size, var(--selector-size)) * .033))}.sub-id-selector--selected .sub-id-selector__border{border-width:min(3px,calc(var(--responsive-size, var(--selector-size)) * .05));box-shadow:0 0 min(10px,calc(var(--responsive-size, var(--selector-size)) * .167)) var(--foreground-color, rgba(0, 0, 0, .2))}.sub-id-selector--selected:hover .sub-id-selector__border{box-shadow:0 0 min(12px,calc(var(--responsive-size, var(--selector-size)) * .2)) var(--foreground-color, rgba(0, 0, 0, .3))}.sub-id-selector__tooltip{font-size:12px;padding:4px 8px;transform:translate(-50%) translateY(-6px)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-1px)}to{opacity:1;transform:translate(-50%) translateY(-6px)}}}.connection-image-selector{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;contain:strict}.connection-image-selector:hover{transform:scale(1.1)}.connection-image-selector:active{transform:scale(.95)}.connection-image-selector__image-container{position:relative;width:24px;height:24px;border-radius:50%;overflow:hidden}.connection-image-selector__image{width:100%;height:100%;object-fit:cover}.connection-image-selector__border{position:absolute;inset:0;border:1px solid transparent;border-radius:50%;pointer-events:none}.connection-image-selector--selected .connection-image-selector__border{border-width:2px}@media (hover: none){.connection-image-selector:hover{transform:none}}@media (max-width: 480px){.connection-image-selector{padding:4px}}.horizontal-scroll{position:relative;width:100%;height:auto;min-height:70px;overflow:hidden;isolation:isolate;display:flex;align-items:center;box-sizing:border-box;min-width:0}.horizontal-scroll__content{display:flex;height:auto;min-height:70px;gap:var(--spacing-xs);padding:0 var(--spacing-md);align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:layout style;width:0;flex:1;min-width:0;flex-wrap:nowrap;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-sizing:border-box}.horizontal-scroll__content.dragging{cursor:grabbing;cursor:-webkit-grabbing;scroll-behavior:auto}.horizontal-scroll__content::-webkit-scrollbar{display:none}.horizontal-scroll:before,.horizontal-scroll:after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.horizontal-scroll:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}.horizontal-scroll:after{right:0;background:linear-gradient(to left,rgba(0,0,0,.1),transparent)}.horizontal-scroll:hover:before,.horizontal-scroll:hover:after{opacity:.7}.horizontal-scroll__item-wrapper{position:relative;flex:0 0 auto;margin:0;padding:0;z-index:1;min-width:70px}.horizontal-scroll__item-wrapper .invitation-notification{position:absolute;top:-4px;right:-4px;z-index:100}.horizontal-scroll__item{--item-size: 70px;flex:0 0 var(--item-size);height:var(--item-size);min-width:var(--item-size);display:flex;align-items:center;justify-content:center;padding:2px;margin:0;position:relative}.horizontal-scroll__item img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 480px){.horizontal-scroll__content{gap:4px;padding:0 var(--spacing-sm)}.horizontal-scroll__item{--item-size: 70px}.horizontal-scroll__item img{width:70px;height:70px}}@media (max-width: 320px){.horizontal-scroll__content{gap:2px;padding:0 calc(var(--spacing-sm) * .75)}.horizontal-scroll__item{--item-size: 70px}}.selected-id-connections-list{display:flex;height:auto;min-height:70px;width:100%;align-items:center;transition:opacity .3s ease;overflow:hidden;box-sizing:border-box;min-width:0}.selected-id-connections-list--pending{opacity:.7;position:relative;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}.selected-id-connections-list__content{position:relative;flex:1;height:auto;min-height:70px;display:flex;align-items:center;width:0;min-width:0;overflow:hidden}.selected-id-connections-list__loading,.selected-id-connections-list__empty,.selected-id-connections-list__error{display:flex;justify-content:center;align-items:center;height:auto;min-height:70px;width:100%;color:var(--system-text-secondary);font-size:14px}.selected-id-connections-list__list{height:auto;min-height:70px;width:100%;overflow:hidden}.sub-id-composite-filter{display:flex;width:100%;height:auto;min-height:70px;gap:.25rem;align-items:center;padding:0;margin:0;min-width:0;overflow:hidden}.sub-id-composite-filter__filter-group{display:flex;align-items:center;height:auto;min-height:70px;padding:.25rem .25rem .25rem 1px;margin:1px;border:2px solid;border-radius:clamp(30px,5vw,36px);gap:.25rem;min-width:0;max-width:fit-content;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-id-composite-filter__user-selector{height:70px;flex-shrink:0}.sub-id-composite-filter__type-filter{display:flex;align-items:center;justify-content:center;width:clamp(36px,7vw,45px);height:clamp(36px,7vw,45px);border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;margin:0 .25rem}.sub-id-composite-filter__type-filter:hover{transform:scale(1.05);background-color:#ffffff1a}.sub-id-composite-filter__notification,.sub-id-composite-filter__scanner{display:flex;align-items:center;justify-content:center;height:100%}.sub-id-composite-filter__scanner{display:flex;flex-direction:row;align-items:center;gap:.5rem}.sub-id-composite-filter__scanner .id-scanner{margin:0}.sub-id-composite-filter__notification .invitation-notification{position:static;width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border:none;box-shadow:none;opacity:1;margin:0}.sub-id-composite-filter__content{flex:1;min-width:0;position:relative;height:auto;min-height:70px;display:flex;align-items:center;overflow:hidden;width:0}.sub-id-composite-filter__list{height:auto;min-height:70px;display:flex;align-items:center;width:100%;overflow:hidden}.sub-id-composite-filter__loading,.sub-id-composite-filter__empty{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:70px;padding:.25rem 0;color:inherit}.sub-id-composite-filter__loading .loading-spinner-container{gap:.5rem;flex-direction:row;height:100%;padding:0 1rem}.sub-id-composite-filter__loading .loading-spinner{border-color:#80808033;border-left-color:currentColor;width:24px!important;height:24px!important;margin-right:.5rem}.sub-id-composite-filter__loading .loading-message{color:inherit;font-size:.9rem;margin:0;white-space:nowrap;opacity:.8}.sub-id-composite-filter__loading{animation:fadeIn .3s ease-in-out}.sub-id-composite-filter__filter-group,.sub-id-composite-filter__content{width:100%;display:flex;flex-direction:row;align-items:center}.onboarding-page{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;padding:20px;background:var(--background-color, #ffffff);color:var(--foreground-color, #000000)}.onboarding-page__header{text-align:center;margin-bottom:30px}.onboarding-page__title{font-size:2rem;font-weight:700;margin-bottom:10px}.onboarding-page__subtitle{font-size:1.1rem;opacity:.8}.onboarding-page__content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.onboarding-page__step{min-height:400px;display:flex;flex-direction:column;justify-content:center}.onboarding-page__footer{margin-top:30px}.onboarding-step{text-align:center;padding:40px 20px}.onboarding-step__title{font-size:1.5rem;font-weight:700;margin-bottom:15px}.onboarding-step__description{font-size:1rem;opacity:.8;margin-bottom:30px;line-height:1.5}.onboarding-step__form{max-width:400px;margin:0 auto}.onboarding-step__field{margin-bottom:20px;text-align:left}.onboarding-step__label{display:block;font-weight:700;margin-bottom:5px}.onboarding-step__input{width:100%;padding:12px;border:1px solid var(--foreground-color, #000000);border-radius:4px;background:var(--background-color, #ffffff);color:var(--foreground-color, #000000);font-size:16px}.onboarding-step__input:focus{outline:none;border-width:2px}.onboarding-step__textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--foreground-color, #000000);border-radius:4px;background:var(--background-color, #ffffff);color:var(--foreground-color, #000000);font-size:16px;resize:vertical;font-family:inherit}.onboarding-step__textarea:focus{outline:none;border-width:2px}.onboarding-progress-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.onboarding-progress-bar__segment{flex:1;height:4px;background-color:#0003;margin:0 2px;border-radius:2px;transition:background-color .3s ease}.onboarding-progress-bar__segment--completed{background-color:var(--foreground-color, #000000)}.onboarding-progress-bar__segment--current{background-color:var(--foreground-color, #000000);opacity:.7}.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid rgba(0,0,0,.1)}.onboarding-navigation__left,.onboarding-navigation__right{display:flex;gap:10px}.onboarding-navigation__button{padding:10px 20px;border:1px solid var(--foreground-color, #000000);background:transparent;color:var(--foreground-color, #000000);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.onboarding-navigation__button:hover{background:var(--foreground-color, #000000);color:var(--background-color, #ffffff)}.onboarding-navigation__button:disabled{opacity:.5;cursor:not-allowed}.onboarding-navigation__button:disabled:hover{background:transparent;color:var(--foreground-color, #000000)}.onboarding-navigation__button--primary{background:var(--foreground-color, #000000);color:var(--background-color, #ffffff)}.onboarding-navigation__button--primary:hover{opacity:.9}.onboarding-navigation__button--primary:disabled{background:#0000004d;border-color:#0000004d}.onboarding-color-picker{display:flex;gap:20px;justify-content:center;margin:20px 0}.onboarding-color-picker__item{text-align:center}.onboarding-color-picker__label{display:block;font-weight:700;margin-bottom:10px}.onboarding-color-picker__preview{width:80px;height:80px;border:2px solid var(--foreground-color, #000000);border-radius:8px;margin:0 auto 10px;cursor:pointer;transition:transform .2s ease}.onboarding-color-picker__preview:hover{transform:scale(1.05)}.onboarding-image-upload{text-align:center;margin:20px 0}.onboarding-image-upload__preview{width:120px;height:120px;border:2px dashed var(--foreground-color, #000000);border-radius:8px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.onboarding-image-upload__preview:hover{background:#0000000d}.onboarding-image-upload__preview img{max-width:100%;max-height:100%;border-radius:6px}.onboarding-image-upload__text{font-size:14px;opacity:.7}.onboarding-image-upload__input{display:none}.onboarding-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.onboarding-loading__spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top:2px solid var(--foreground-color, #000000);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.onboarding-page{padding:10px}.onboarding-step{padding:20px 10px}.onboarding-step__form{max-width:100%}.onboarding-color-picker{flex-direction:column;gap:15px}.onboarding-navigation{flex-direction:column;gap:10px}.onboarding-navigation__left,.onboarding-navigation__right{width:100%;justify-content:center}}@media (max-width: 480px){.onboarding-page__title{font-size:1.5rem}.onboarding-step__title{font-size:1.2rem}.onboarding-navigation__button{padding:12px 16px;font-size:16px}}.create-sub-id-display{display:flex;justify-content:center;align-items:center;overflow:visible;transition:all .3s ease;position:relative}.create-sub-id-display:hover{opacity:.9;transform:scale(1.02)}.display-name-section{text-align:center;margin-top:-1rem;background-color:var(--background-color);color:var(--foreground-color);padding:0}.display-name-section form{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.display-name-section .input-container{position:relative;width:100%;max-width:300px;border:4px solid;border-radius:6px;margin:.5rem 0;background-color:var(--background-color);display:flex;align-items:center;transition:border-color .2s ease,box-shadow .2s ease;--focus-shadow: 0 0 0 2px rgba(255, 255, 255, .2)}.display-name-section input{width:100%;padding:.5rem 2rem .5rem .5rem;font-size:1.1rem;text-align:center;background-color:transparent;color:var(--foreground-color);border:none;outline:none;margin:0}.display-name-section .input-container:focus-within{box-shadow:var(--focus-shadow);filter:brightness(1.05)}.display-name-section input:focus{outline:none}.display-name-section input:disabled{opacity:.7;cursor:not-allowed}.display-name-section .pencil-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--foreground-color);opacity:.7;pointer-events:none}.display-name-section .error-message{margin-top:1rem;color:#f33;font-size:.9rem}.social-script-section{padding:2rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:2rem}.social-script-section h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.social-script-priming{margin-bottom:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:4px;border-left:3px solid var(--button-primary);font-size:1rem;line-height:1.5;opacity:.9}.social-script-field{margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem}.social-script-field-label{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.social-script-field-instructions{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.social-script-field-instructions p{margin:.5rem 0 0;line-height:1.4}.social-script-field-wrapper{display:flex;flex-direction:column;gap:.5rem}.social-script-field-purpose{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.social-script-field-input{width:100%;min-height:8rem;padding:1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.social-script-field-input:focus{outline:none;border-color:var(--button-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--button-primary) 20%,transparent)}.social-script-field-input.placeholder-text{color:var(--text-muted);font-style:italic}.character-count{font-size:.8rem;color:var(--text-secondary);text-align:right;margin-top:.25rem}.social-script-notes{margin-top:3rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary)}.social-script-notes h3{font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.social-script-note{margin-bottom:1.5rem;padding-left:1rem;border-left:2px solid var(--button-primary)}.social-script-note:last-child{margin-bottom:0}.social-script-note strong{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.social-script-note p{margin:0;line-height:1.5;font-size:.95rem;color:var(--text-secondary)}@media (max-width: 768px){.social-script-section{padding:1.5rem}.social-script-field{margin-bottom:1.5rem}.social-script-field-input{min-height:6rem;padding:.75rem;font-size:.95rem}}@media (max-width: 480px){.social-script-section{padding:1rem}.social-script-field-input{min-height:5rem;padding:.75rem;font-size:.9rem}.social-script-field-label{font-size:1rem}.social-script-field-instructions{font-size:.85rem}}.social-script-field-input:focus{outline:none}.social-script-field-input,.social-script-field-wrapper{transition:all .2s ease}.create-color-selection-section{margin:1rem auto;padding:1rem;max-width:100%;box-sizing:border-box;min-height:200px;display:flex;flex-direction:column;align-items:center}.create-color-selection-section h2{margin-bottom:1.5rem;color:var(--page-foreground);font-size:1.5rem;text-align:center;width:100%}.create-color-selection-section .loading-state{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;font-size:1.2rem;color:var(--page-foreground);animation:pulse 1.5s infinite}.create-color-selection-section .color-selectors{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto;position:relative;z-index:1}.create-color-selection-section .color-selector-container{padding:1.5rem;background-color:var(--page-background);border:1px solid var(--page-foreground);border-radius:8px;width:100%;box-sizing:border-box;position:relative;z-index:2}.create-color-selection-section .color-selector{width:100%;margin-bottom:1rem}.create-color-selection-section .color-selector h3{margin-bottom:1.25rem;color:var(--page-foreground);font-size:1.2rem;text-align:center;font-weight:500}.create-color-selection-section .react-colorful{width:100%!important;height:180px!important;margin:0 auto}.create-color-selection-section .color-values{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.9rem;color:var(--page-foreground)}@media (max-width: 480px){.create-color-selection-section{margin:.5rem;padding:.5rem;min-height:150px}.create-color-selection-section .color-selector-container{padding:1rem;margin-bottom:1rem}.create-color-selection-section h2{font-size:1.25rem;margin-bottom:1rem}.create-color-selection-section .color-selector h3{font-size:1rem;margin-bottom:1rem}.create-color-selection-section .react-colorful{height:150px!important}.create-color-selection-section .color-selector-container{overflow:visible}}.create-sub-id-info-section{background-color:var(--page-foreground);color:var(--page-background);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.info-content{max-width:100%;line-height:1.6}.info-title{font-size:1.5rem;font-weight:600;margin:0 0 16px;text-align:center;color:inherit}.info-text{font-size:.95rem}.intro-paragraph{margin:0 0 20px;text-align:left}.revenue-streams{margin:20px 0}.revenue-streams h3{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:inherit}.revenue-streams ul{margin:0;padding-left:20px;list-style-type:disc}.revenue-streams li{margin-bottom:12px;line-height:1.5}.revenue-streams li:last-child{margin-bottom:0}.revenue-streams strong{font-weight:600;color:inherit}.opportunity-paragraph{margin:20px 0 0;text-align:left}@media (max-width: 768px){.create-sub-id-info-section{padding:16px;margin-bottom:12px;border-radius:10px}.info-title{font-size:1.3rem;margin-bottom:14px}.info-text{font-size:.9rem}.revenue-streams h3{font-size:1.05rem}.revenue-streams ul{padding-left:18px}.revenue-streams li{margin-bottom:10px}}@media (max-width: 480px){.create-sub-id-info-section{padding:14px;margin-bottom:10px;border-radius:8px}.info-title{font-size:1.2rem;margin-bottom:12px}.info-text{font-size:.85rem}.revenue-streams h3{font-size:1rem;margin-bottom:10px}.revenue-streams ul{padding-left:16px}.revenue-streams li{margin-bottom:8px;line-height:1.4}.intro-paragraph,.opportunity-paragraph{margin-top:16px;margin-bottom:16px}}@media (max-width: 375px){.create-sub-id-info-section{padding:12px;margin-bottom:8px}.info-title{font-size:1.1rem;margin-bottom:10px}.info-text{font-size:.8rem}.revenue-streams h3{font-size:.95rem}.revenue-streams ul{padding-left:14px}.intro-paragraph,.opportunity-paragraph{margin-top:14px;margin-bottom:14px}}.create-sub-id-page{--page-background: var(--background-color);--page-foreground: var(--foreground-color);--page-hover: var(--hover-color);padding:8px;width:100%;box-sizing:border-box}.create-sub-id-page>section{background-color:var(--page-background);color:var(--page-foreground);border:1px solid var(--page-foreground);border-radius:8px;padding:16px;margin-bottom:16px}.create-sub-id-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.section-title{font-size:1.5rem;margin-bottom:1rem;text-align:center}.button-container{display:flex;gap:1rem;margin-top:2rem}.create-button,.cancel-button{flex:1;padding:1rem;font-size:1.2rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.create-button{background-color:var(--page-foreground);color:var(--page-background);border:none}.cancel-button{background-color:var(--page-background);color:var(--page-foreground);border:2px solid var(--page-foreground)}.create-button:hover:not(:disabled),.cancel-button:hover{opacity:.9}.create-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#f44;background-color:#ffebee;padding:1rem;border-radius:4px;margin-top:1rem;text-align:center}@media (max-width: 768px){.create-sub-id-page{padding:6px}.create-sub-id-page>section{padding:12px;margin-bottom:12px}.section-title{font-size:1.3rem}.button-container{gap:.75rem;margin-top:1.5rem}.create-button,.cancel-button{padding:.875rem;font-size:1.1rem}}@media (max-width: 375px){.create-sub-id-page{padding:4px}.create-sub-id-page>section{padding:8px;margin-bottom:8px}.section-title{font-size:1.2rem;margin-bottom:.75rem}.button-container{gap:.5rem;margin-top:1rem;flex-direction:column}.create-button,.cancel-button{padding:.75rem;font-size:1rem}}.v1-onboarding-modal{width:720px;max-width:95%;box-sizing:border-box}.onboarding-body{display:flex;gap:24px;margin-top:16px;align-items:flex-start;flex-wrap:wrap}.onboarding-left{flex:0 0 220px;display:flex;justify-content:center;align-items:center}.onboarding-left-inner{width:220px}.onboarding-right{flex:1 1 420px}@media (max-width: 760px){.v1-onboarding-modal{width:calc(100% - 32px)!important;max-width:none!important;margin:16px}.onboarding-body{flex-direction:column;gap:16px}.onboarding-left,.onboarding-right{flex:none;width:100%;display:block}.v1-onboarding-modal h2{font-size:1.25rem}.v1-onboarding-modal h3{font-size:1rem}.onboarding-navigation{display:flex;flex-direction:column;gap:8px;margin-top:16px!important}.onboarding-navigation__right{display:flex;flex-direction:column;gap:8px}.onboarding-navigation__button{width:100%;padding:12px 14px;font-size:15px}}@media (min-width: 761px) and (max-width: 980px){.v1-onboarding-modal{width:calc(100% - 48px)!important;max-width:720px}.onboarding-body{gap:18px}}@media (max-height: 420px){.v1-onboarding-modal{max-height:calc(100vh - 32px);overflow-y:auto}}.color-selector{min-width:0!important;width:100%!important;box-sizing:border-box}.color-selector .react-colorful,.color-selector .react-colorful>div{width:100%!important;max-width:100%!important;box-sizing:border-box}@media (max-width: 760px){.onboarding-right .color-selector{width:100%!important;max-width:100%!important;display:block!important;margin-bottom:12px}.v1-color-picker{flex-direction:column!important;gap:12px!important}.v1-color-picker>div{min-width:0!important;width:100%!important}.color-selector .color-values{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}}@media (max-width: 760px){.color-selector{min-width:0!important;width:100%!important}}.v1-onboarding-modal{background-color:var(--background-color, #faf7ff);color:var(--foreground-color, #333333);border:2px solid var(--foreground-color);box-shadow:0 6px 18px #0000000f;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.onboarding-left-inner{display:flex;flex-direction:column;align-items:center}.v1-image-picker .v1-image-preview img,.v1-image-picker .v1-image-preview>div{border-radius:50%!important;display:block;margin:0 auto;cursor:pointer;box-sizing:border-box}.v1-image-picker .settings__image-selector,.v1-image-picker .settings-image-selector{width:var(--size, 120px);height:var(--size, 120px);border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid var(--foreground-color);box-sizing:border-box;display:inline-block}.v1-image-picker .settings__image-selector__image,.v1-image-picker .settings-image-selector__image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}@media (max-width: 760px){.onboarding-left{display:block}.onboarding-left-inner{width:100%;max-width:360px;margin:0 auto}.v1-image-picker .settings__image-selector,.v1-image-picker .settings-image-selector{--size: 110px;width:var(--size);height:var(--size)}}.v1-image-picker .v1-image-preview:focus{outline:3px solid color-mix(in srgb,var(--foreground-color) 60%,white 40%);outline-offset:4px;border-radius:50%}.v1-image-picker>div{margin-top:6px}.global-chat-notification-root{position:fixed;inset:0;pointer-events:none;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding-top:64px}.global-chat-notification-overlay{pointer-events:auto;width:100%;display:flex;align-items:center;justify-content:center}.global-chat-notification-card{width:92%;max-width:420px;background:#000000db;color:#fff;border-radius:10px;box-shadow:0 12px 30px #00000073;padding:12px 16px;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-user-select:none;user-select:none}.gcn-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gcn-title{font-weight:600;font-size:16px}.gcn-close{background:transparent;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px}.gcn-body{margin-top:8px;font-size:14px;opacity:.95;max-height:120px;overflow:hidden;text-overflow:ellipsis}.gcn-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.gcn-button{background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px}.gcn-button.gcn-open{background:#1478fff2;border-color:#1478fff2}.gcn-button:active{transform:translateY(1px)}@media (min-width: 900px){.global-chat-notification-card{max-width:540px;padding:14px 18px}}.main-page2{display:grid;grid-template-rows:auto 1fr auto;grid-gap:3px;height:calc(var(--vh) * 100);width:100%;padding:5px;margin:0;box-sizing:border-box}.main-page2__header{grid-row:1;overflow:visible;position:relative}.main-page2__work-area{grid-row:2;overflow:hidden}.main-page2__bottom{grid-row:3;min-height:80px;padding:0;border:2px solid var(--selected-id-foreground, #000000);border-radius:16px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative;z-index:5}.main-page2__bottom-content{flex:1;overflow-x:auto;padding:8px;display:flex;align-items:center;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.main-page2__bottom-content::-webkit-scrollbar{display:none}.main-page2 .nav-header{padding:0!important;margin:0!important}.main-page2 .work-area-container{padding:0!important;margin:0!important;height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.main-page2 .work-area-scroll{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important;box-sizing:border-box!important;margin:0!important}.main-page2 .work-area{padding:0!important;margin:0!important}.main-page2__header .id-display-composite{overflow:visible}@media (max-width: 768px){.main-page2{padding:3px}.main-page2__bottom-content{padding:6px}}@media (max-width: 375px){.main-page2{padding:2px}.main-page2__bottom-content{padding:4px}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;background-color:transparent;transition:none!important;transform:none!important;cursor:default!important}.profile-image:hover{transform:none!important;transition:none!important}.profile-image--header{transform:none!important;transition:none!important;cursor:default!important}div:has(.profile-image--header):hover .profile-image--header{transform:none!important;cursor:default!important}.experience-counter{display:flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003;position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(35%);z-index:2;pointer-events:auto;border:1px solid currentColor;transition:transform .1s ease-in-out}.experience-counter[role=button]:hover{transform:translate(-50%) translateY(35%) scale(1.05);box-shadow:0 3px 6px #0000004d}.experience-log-modal{max-width:500px;width:90%}.experience-log-content{display:flex;flex-direction:column;gap:20px}.experience-distribution{text-align:center}.pie-chart-container{height:200px;margin:0 auto;position:relative}.experience-log-toggle{display:flex;justify-content:center;margin:10px 0}.toggle-button{padding:8px 16px;border-radius:20px;background-color:var(--background-color);color:var(--foreground-color);border:1px solid currentColor;cursor:pointer;font-weight:500;transition:transform .1s ease-in-out}.toggle-button:hover{transform:scale(1.05)}.experience-log-list{max-height:300px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.log-entry{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.log-source{font-weight:500}.log-timestamp{color:#666;font-size:.9em}.log-value{font-weight:600}.loading-indicator{text-align:center;padding:20px;color:#666}.pie-chart{width:100%;height:100%}.pie-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.legend-item{display:flex;align-items:center;font-size:.9em}.legend-color{width:12px;height:12px;border-radius:2px;margin-right:5px}.no-data-message{text-align:center;padding:20px;color:#666}.id-display-composite{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;aspect-ratio:1;flex-shrink:0;cursor:default!important;transition:none!important;transform:none!important;overflow:visible}.id-display-composite:hover{transform:none!important;cursor:default!important;transition:none!important}.id-display-composite.in-header{cursor:default!important;transform:none!important;transition:none!important;overflow:visible!important}.id-display-composite.in-header:hover{transform:none!important}.id-display-composite__content,.id-display-composite__pie-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.id-display-composite__pie-border{width:100%;height:100%}.id-display-composite__image{width:100%;height:100%;z-index:1}.id-display-composite__experience{z-index:2}.marketer-wizard{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:800px;margin:0 auto}.wizard-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.wizard-step-indicator{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--settings-border-color);color:var(--settings-text-color)}.wizard-step-indicator.active,.wizard-step-indicator.completed{background-color:var(--settings-border-color);color:var(--settings-background)}.wizard-step-label{font-size:.875rem;color:var(--settings-text-color)}.wizard-navigation{display:flex;justify-content:space-between;margin-top:2rem}.wizard-button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;background-color:var(--settings-button-bg);color:var(--settings-button-text)}.wizard-button:disabled{opacity:.5;cursor:not-allowed}.wizard-content{min-height:400px;display:flex;flex-direction:column;gap:1.5rem}.wizard-review{display:flex;flex-direction:column;gap:2rem;padding:1rem}.wizard-review h3{margin-bottom:.5rem;color:var(--settings-text-color);border-bottom:1px solid var(--settings-border-color);padding-bottom:.5rem}.wizard-review p{margin:0;color:var(--settings-text-color)}.script-preview{background-color:rgba(var(--settings-border-color),.1);padding:1rem;border-radius:4px;margin-bottom:1rem}.script-preview h4{margin:0 0 .5rem;color:var(--settings-text-color)}.script-preview p{margin:0;white-space:pre-wrap;color:var(--settings-text-color);opacity:.8}.color-preview{border:1px solid var(--settings-border-color)}.error-message{color:#f44;padding:1rem;background-color:#ff44441a;border-radius:4px;margin-top:1rem}.responsive-layout{display:grid;grid-template-rows:auto 1fr auto;grid-gap:3px;height:100vh;width:100%;padding:5px;margin:0;box-sizing:border-box}.responsive-layout__bottom{min-height:80px;padding:0;border:var(--border-width, 2px) solid var(--selected-id-foreground, #000000);border-radius:var(--border-radius, 16px);background-color:var(--background-color, #ffffff);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;width:auto;position:relative;z-index:5}.responsive-layout__bottom-content{padding:8px;display:flex;align-items:center;justify-content:center;width:100%}.connection-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.connection-error h2{margin-bottom:1rem;color:var(--error-color)}.connection-error button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:4px;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .2s}.connection-error button:hover{background-color:var(--primary-color-dark)}.medium-id-selector{position:relative!important;width:var(--responsive-size, 40px);height:var(--responsive-size, 40px);padding:clamp(1px,.4vw,2px);cursor:pointer;transition:all .3s ease-in-out;outline:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;contain:layout style paint;z-index:1!important}.medium-id-selector:hover{transform:scale(1.05)}.medium-id-selector:focus-visible{transform:scale(1.05)}.medium-id-selector:focus-visible .medium-id-selector__border:after{content:"";position:absolute;top:calc(-1 * var(--selector-padding, 2px));left:calc(-1 * var(--selector-padding, 2px));right:calc(-1 * var(--selector-padding, 2px));bottom:calc(-1 * var(--selector-padding, 2px));border-radius:50%;border:min(2px,1.32px) solid var(--focus-ring-color, #4a90e2);animation:focus-ring .3s ease-out}@keyframes focus-ring{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.medium-id-selector__image-container{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2!important}.medium-id-selector__image-container img{width:100%;height:100%;object-fit:cover;border-radius:50%}.medium-id-selector__border{position:absolute;inset:0;border:2px solid;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1!important;pointer-events:none;box-sizing:border-box}.medium-id-selector--selected .medium-id-selector__border{border-width:min(3px,calc(var(--responsive-size, 40px) * .075));box-shadow:0 0 min(12px,calc(var(--responsive-size, 40px) * .25)) #0003}.medium-id-selector--selected:hover .medium-id-selector__border{box-shadow:0 0 min(16px,calc(var(--responsive-size, 40px) * .333)) #0000004d}.medium-id-selector--syncing .medium-id-selector__border{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.medium-id-selector__image-container{width:calc(100% - 4px);height:calc(100% - 4px)}.medium-id-selector__border{border-width:min(2px,calc(var(--responsive-size, 40px) * .05))}.medium-id-selector--selected .medium-id-selector__border{border-width:min(2px,calc(var(--responsive-size, 40px) * .05));box-shadow:0 0 min(8px,calc(var(--responsive-size, 40px) * .167)) #0003}.medium-id-selector--selected:hover .medium-id-selector__border{box-shadow:0 0 min(10px,calc(var(--responsive-size, 40px) * .2)) #0000004d}}.roladex-selector{width:100%;padding:5px 0;background-color:transparent;border-bottom:none;transition:all .3s ease}.roladex-row{display:flex;flex-direction:column;width:100%;gap:12px;transition:all .3s ease}.roladex-column{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .3s ease;position:relative;border:1px solid transparent;border-radius:8px;padding:8px;margin:0 5px}.roladex-column.has-selection{background-color:rgba(var(--foreground-color-rgb, 0, 0, 0),.05);box-shadow:0 2px 8px #0000000d}.roladex-header{display:flex;flex-direction:row;align-items:center;margin-bottom:8px;min-height:1.5em;padding:0 5px;transition:color .3s ease}.section-label{font-weight:600;white-space:nowrap;margin-right:4px;transition:color .3s ease}.selected-name{font-size:.9em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;transition:color .3s ease}.roladex-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px;width:100%;max-height:140px;min-width:0;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.roladex-list::-webkit-scrollbar{display:none!important}.roladex-list.dragging{cursor:grabbing;scroll-behavior:auto}.roladex-list:after{content:"";position:absolute;right:0;top:0;height:100%;width:30px;background:linear-gradient(to left,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none;transition:opacity .3s ease}.roladex-list:before{content:"";position:absolute;left:0;top:0;height:100%;width:30px;background:linear-gradient(to right,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none;z-index:1;transition:opacity .3s ease}.roladex-list.has-overflow:after,.roladex-list.has-overflow:before{display:block}.from-list.has-overflow:after{background:linear-gradient(to left,var(--background-color) 0%,rgba(var(--background-color-rgb, 255, 255, 255),0) 100%)}.from-list.has-overflow:before{background:linear-gradient(to right,var(--background-color) 0%,rgba(var(--background-color-rgb, 255, 255, 255),0) 100%)}.to-list.has-overflow:after{background:linear-gradient(to left,var(--background-color) 0%,rgba(var(--background-color-rgb, 255, 255, 255),0) 100%)}.to-list.has-overflow:before{background:linear-gradient(to right,var(--background-color) 0%,rgba(var(--background-color-rgb, 255, 255, 255),0) 100%)}.roladex-list .no-connections,.roladex-list .loading-indicator,.roladex-list .anonymous-message{font-size:.9em;color:#888;font-style:italic;padding:0 10px;margin:auto;text-align:center}.incognito-container{width:100%;padding:8px}.incognito-option{transition:all .2s ease}.incognito-option:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.incognito-option.selected{transform:scale(1.02);box-shadow:0 3px 8px #00000026}.id-selector-wrapper{padding:2px;transition:all .2s ease;position:relative!important;display:flex;align-items:center;justify-content:center}.id-selector-wrapper:hover{transform:translateY(-2px)}.from-id-item-container,.to-id-item-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:auto;padding:8px;margin-right:8px;vertical-align:middle}.id-display-name{text-align:center;font-size:.8rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.from-id-item-container.selected,.to-id-item-container.selected{padding:6px;margin:2px;transition:all .3s ease;border-width:2px;border-style:solid;border-radius:8px}.to-id-item-container.flash{animation:rolodex-flash 1.6s ease-in-out;box-shadow:0 0 0 3px #ffff0040}@keyframes rolodex-flash{0%{transform:translateY(0);background-color:#ffff001f}50%{transform:translateY(-4px);background-color:#ffff0038}to{transform:translateY(0);background-color:transparent}}.id-selector-wrapper .medium-id-selector,.id-selector-wrapper .medium-id-selector-with-border{position:relative!important;z-index:1!important}@media (max-width: 480px){.roladex-row{flex-direction:column;gap:15px}.roladex-column{width:100%}.roladex-header{justify-content:center}.section-label{font-size:1.1em}.selected-name{text-align:center;max-width:200px;margin:0 auto}.roladex-list{justify-content:center}}@media (min-width: 481px) and (max-width: 768px){.roladex-row{gap:8px}.roladex-header{font-size:.9em}.selected-name{max-width:150px}}.anonymous-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.anonymous-modal{background-color:var(--background-color);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026;border:2px solid var(--foreground-color)}.anonymous-modal__header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1)}.anonymous-modal__header h2{margin:0;font-size:1.2rem}.anonymous-modal__close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.anonymous-modal__content{padding:16px}.anonymous-modal__section{margin-bottom:24px}.anonymous-modal__section h3{margin-top:0;margin-bottom:12px;font-size:1rem}.anonymous-modal__image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.anonymous-modal__image-option{width:60px;height:60px;border-radius:50%;border:2px solid transparent;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;transition:border-color .2s ease}.anonymous-modal__image-option.selected{border-width:3px}.anonymous-modal__image-option img{width:100%;height:100%;object-fit:cover}.emoji-avatar{font-size:2rem;line-height:1}.anonymous-modal__name-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.anonymous-modal__name-option{padding:8px;border:2px solid transparent;border-radius:4px;cursor:pointer;text-align:center;transition:border-color .2s ease}.anonymous-modal__name-option.selected{border-width:2px}.anonymous-modal__custom-name{margin-top:16px}.anonymous-modal__custom-name label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.anonymous-modal__custom-name input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-top:8px}.anonymous-modal__footer{padding:16px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(0,0,0,.1)}.anonymous-modal__cancel-button{background:none;border:1px solid;padding:8px 16px;border-radius:4px;cursor:pointer}.anonymous-modal__confirm-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.message-status{display:inline-flex;align-items:center;margin-left:4px;font-size:.75rem;opacity:.7}.message-status__icon{display:inline-flex;align-items:center;justify-content:center}.message-status__icon--pending{animation:pulse 1.5s infinite ease-in-out;color:#888}.message-status__icon--sent,.message-status__icon--delivered{color:#888}.message-status__icon--read .message-status__blue-double-check{color:#4286f4}.message-status__icon--error{color:#e74c3c}.message-status__read-count{margin-left:3px;font-size:.65rem;color:#4286f4}@media (prefers-color-scheme: dark){.message-status__icon--sent,.message-status__icon--delivered{color:#aaa}.message-status__icon--read .message-status__blue-double-check{color:#65a9ff}}.chat-message-container{display:flex;align-items:flex-end;margin:.75rem 0;width:100%}.own-message{flex-direction:row;justify-content:flex-start}.received-message{flex-direction:row-reverse;justify-content:flex-end}.chat-message{max-width:70%;word-break:break-word;padding:.75rem 1rem;border-radius:18px;position:relative;box-shadow:0 1px 2px #0000001a}.chat-message--own{border-bottom-left-radius:4px;margin-left:8px}.chat-message:not(.chat-message--own){border-bottom-right-radius:4px;margin-right:8px}.chat-message__avatar{margin:0 4px;min-width:32px}.chat-message__sender{font-weight:700;font-size:.9rem;margin-bottom:.25rem}.chat-message__content{margin-bottom:.25rem;line-height:1.4}.chat-message__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:.25rem}.chat-message-container.own-message .chat-message{margin-right:auto;margin-left:8px}.chat-message-container.received-message .chat-message{margin-left:auto;margin-right:8px}.chat-message__time{font-size:.7rem;opacity:.7;margin-right:4px}.chat-message__pending-indicator{margin-left:4px;animation:pulse 1.5s infinite}.chat-message--pending{border:1px dashed currentColor}.chat-message__avatar-img,.chat-message__avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.chat-message__image,.chat-message__video{max-width:100%;border-radius:.5rem;margin-top:.5rem}.message-list--syncing .message-list__syncing{display:flex;align-items:center;justify-content:center;padding:8px;background-color:#0000000d;border-radius:8px;margin:8px;color:var(--foreground-color, #333);font-size:14px;animation:pulse 1.5s infinite ease-in-out}.message-list__syncing{display:flex;align-items:center;justify-content:center;padding:8px;margin:8px;color:var(--foreground-color, #333);font-size:14px;position:relative}.message-list__syncing:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid var(--foreground-color, #333);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.message-list__pull-refresh{display:flex;align-items:center;justify-content:center;height:50px;width:100%;color:var(--foreground-color, #333);font-size:14px;position:absolute;top:0;left:0;transform:translateY(-100%);transition:transform .3s ease}.message-list__pull-refresh--visible{transform:translateY(0)}.message-optimized-badge{display:inline-flex;align-items:center;font-size:10px;padding:2px 6px;border-radius:12px;background-color:rgba(var(--foreground-rgb, 51, 51, 51),.1);color:var(--foreground-color, #333);margin:0 4px}.message-list__metrics{position:absolute;bottom:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;padding:6px;background-color:#0000000d;border-radius:4px;font-size:10px;color:var(--foreground-color, #333);opacity:.7;transition:opacity .2s ease-in-out;z-index:5}.message-list__metrics:hover{opacity:1}.message-list__metrics div{margin:2px 0;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.message-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;scroll-behavior:smooth}.message-list__loading{text-align:center;padding:.5rem;margin-bottom:.5rem;color:#0009;font-size:.8rem;background-color:#0000000d;border-radius:4px;animation:fadeInOut 1.5s infinite;position:sticky;top:0;z-index:1}@keyframes fadeInOut{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.message-list__empty{display:flex;justify-content:center;align-items:center;height:100%;color:#00000080;font-style:italic}.message-input{padding:1rem;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:.5rem}.message-input__textarea{flex:1;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:20px;outline:none;resize:none;font-family:inherit;max-height:100px;min-height:40px}.message-input__button{border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;padding:2rem;background-color:#fff}.chat-placeholder__icon{font-size:4rem;margin-bottom:1rem}.chat-placeholder__title{margin-bottom:.5rem;font-size:1.5rem}.chat-placeholder__subtitle{max-width:400px;font-size:1rem;color:#888}.chat-template{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.chat-template__avatar{margin-bottom:1.5rem}.chat-template__avatar img{border-radius:50%;box-shadow:0 2px 8px #0000001a}.chat-template__avatar--group{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff3;box-shadow:0 2px 8px #0000001a}.group-icon{font-size:32px}.chat-template__title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color, #333)}.chat-template__subtitle{font-size:1rem;margin-bottom:2rem;color:var(--text-color, #333);opacity:.8}.chat-template__message-preview{background-color:var(--foreground-color, #4a86e8);padding:1rem 1.5rem;border-radius:18px;position:relative;color:#fff;max-width:80%;animation:pulse 2s infinite}.chat-template__message-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--foreground-color, #4a86e8);position:absolute;top:-10px;left:20px}.chat-template__message-hint{font-size:.9rem;font-style:italic}@keyframes pulse{0%{box-shadow:0 0 #4a86e866}70%{box-shadow:0 0 0 10px #4a86e800}to{box-shadow:0 0 #4a86e800}}.from-id-selector{display:flex;flex-direction:column;width:100%}.from-id-selector .header-row{display:flex;flex-direction:row;align-items:center;margin-bottom:8px;min-height:1.5em}.from-id-selector .section-label{font-weight:600;white-space:nowrap;margin-right:4px;color:var(--foreground-color)}.from-id-selector .selected-name{font-size:.9em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:var(--foreground-color)}.from-id-selector .id-selector-wrapper{padding:2px;transition:all .2s ease;position:relative!important;display:flex;align-items:center;justify-content:center}.from-id-selector .highlight-circle{position:absolute!important;width:54px!important;height:54px!important;border-radius:50%!important;background-color:var(--foreground-color);opacity:.4!important;z-index:0!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;display:block!important;transition:all .2s ease!important}.from-id-selector .id-selector-wrapper .medium-id-selector{position:relative!important;z-index:1!important}.from-id-selector .connection-icons{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:5px 0;width:100%;min-width:0;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.from-id-selector .connection-icons::-webkit-scrollbar{display:none!important}.from-id-selector .connection-icons.dragging{cursor:grabbing;scroll-behavior:auto}.from-id-selector .connection-icons:after{content:"";position:absolute;right:0;top:0;height:100%;width:30px;background:linear-gradient(to left,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none}.from-id-selector .connection-icons:before{content:"";position:absolute;left:0;top:0;height:100%;width:30px;background:linear-gradient(to right,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none;z-index:1}.from-id-selector .connection-icons.has-overflow:after,.from-id-selector .connection-icons.has-overflow:before{display:block}.from-id-selector .no-connections,.from-id-selector .loading-indicator{font-size:.9em;color:#888;font-style:italic;padding:0 10px}.from-id-selector .anonymous-profile .medium-id-selector{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border:2px solid var(--foreground-color);cursor:pointer;position:relative;z-index:1!important}.from-id-selector .anonymous-profile .anonymous-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.from-id-selector .anonymous-profile .emoji-avatar{font-size:1.8rem;line-height:1}.from-id-selector .anonymous-profile .medium-id-selector.medium-id-selector--selected{border-width:3px}.to-id-selector{display:flex;flex-direction:column;width:100%}.to-id-selector .header-row{display:flex;flex-direction:row;align-items:center;margin-bottom:8px;min-height:1.5em}.to-id-selector .section-label{font-weight:600;white-space:nowrap;margin-right:4px}.to-id-selector .selected-name{font-size:.9em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.to-id-selector .id-selector-wrapper{padding:2px;transition:all .2s ease;position:relative!important;display:flex;align-items:center;justify-content:center}.to-id-selector .highlight-circle{position:absolute!important;width:54px!important;height:54px!important;border-radius:50%!important;background-color:var(--foreground-color);opacity:.4!important;z-index:0!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;display:block!important;transition:all .2s ease!important}.to-id-selector .id-selector-wrapper .medium-id-selector{position:relative!important;z-index:1!important}.to-id-selector .connection-icons{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:5px 0;width:100%;min-width:0;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.to-id-selector .connection-icons::-webkit-scrollbar{display:none!important}.to-id-selector .connection-icons.dragging{cursor:grabbing;scroll-behavior:auto}.to-id-selector .connection-icons:after{content:"";position:absolute;right:0;top:0;height:100%;width:30px;background:linear-gradient(to left,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none}.to-id-selector .connection-icons:before{content:"";position:absolute;left:0;top:0;height:100%;width:30px;background:linear-gradient(to right,var(--background-color) 0%,transparent 100%);pointer-events:none;opacity:.85;display:none;z-index:1}.to-id-selector .connection-icons.has-overflow:after,.to-id-selector .connection-icons.has-overflow:before{display:block}.to-id-selector .no-connections,.to-id-selector .loading-indicator{font-size:.9em;color:#888;font-style:italic;padding:0 10px}.consolidated-connections-row{margin:0;padding:10px 15px;width:100%;box-sizing:border-box;border:1px solid var(--foreground-color, #000);border-radius:8px;opacity:.9}.connections-loading{text-align:center;color:var(--foreground-color);padding:15px;opacity:.7;font-size:.9rem}.consolidated-connections-container{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:5px 0;width:100%}.consolidated-connections-container>div{width:100%;margin-bottom:5px}.consolidated-connections-container .connection-icons{width:100%;min-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.consolidated-connections-container .connection-icons::-webkit-scrollbar{height:6px}.consolidated-connections-container .connection-icons::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.consolidated-connections-container .connection-icons::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.consolidated-connections-container .connection-icons::-webkit-scrollbar-thumb:hover{background:#0000004d}.connection-status-bar{position:sticky;top:0;width:100%;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:background-color .3s,transform .3s}.connection-status-bar--online{background-color:#4caf501a;border-bottom:1px solid rgba(76,175,80,.3);color:#2e7d32}.connection-status-bar--offline{background-color:#f443361a;border-bottom:1px solid rgba(244,67,54,.3);color:#c62828}.connection-status-bar--status-changed{animation:flash .3s ease-in-out}.connection-status-bar__content{display:flex;align-items:center;gap:10px}.connection-status-bar__indicator{display:flex;align-items:center;justify-content:center}.connection-status-bar__dot{width:10px;height:10px;border-radius:50%}.connection-status-bar__dot.online{background-color:#4caf50;box-shadow:0 0 8px #4caf5099}.connection-status-bar__dot.offline{background-color:#f44336;box-shadow:0 0 8px #f4433699}.connection-status-bar__text{font-weight:500;font-size:.9rem}.connection-status-bar__pending{font-size:.85rem;background:#00000014;padding:2px 8px;border-radius:12px;margin-left:6px}.connection-status-bar__close{background:transparent;border:none;font-size:1.2rem;color:inherit;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.connection-status-bar__close:hover{background-color:#00000014}@keyframes flash{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.connection-status-bar__dot.offline{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.chat-page{display:flex;flex-direction:column;height:calc(var(--vh) * 100);overflow:hidden;color:var(--text-color)}.chat-page__header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1)}.tray-toggle-bar{display:flex;justify-content:center;align-items:center;height:12px;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;position:relative;transition:background-color .3s ease;margin:0 10px}.tray-toggle-bar:hover{background-color:#0000000d}.tray-toggle-indicator{font-size:10px;line-height:1;position:absolute;top:1px}.connections-tray{overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;margin:0 10px}.connections-tray.open{max-height:300px;opacity:1;margin-top:10px;margin-bottom:10px}.connections-tray.closed{max-height:0;opacity:0;margin-top:0;margin-bottom:0}.chat-page__title{display:flex;align-items:center;gap:.5rem}.chat-page__icon{font-style:normal;font-size:1.5rem}.chat-page__actions{display:flex;gap:.75rem;align-items:center}.tutorial-button,.anonymous-button{background:none;border:1px solid;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;opacity:.8;transition:opacity .2s,transform .2s}.anonymous-button{font-size:1.2rem;padding:.15rem .4rem}.anonymous-button.active{color:var(--background-color)!important;background-color:var(--foreground-color)!important}.tutorial-button:hover,.anonymous-button:hover{opacity:1;transform:translateY(-1px)}.chat-page__window{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#ffffff1a;border-radius:.5rem;margin:.5rem}.chat-page__conversation-header{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);background-color:#0000000d}.chat-page__conversation-title{margin:0;font-size:1.1rem;font-weight:500}:root{--background-color: #ffffff;--foreground-color: #007bff;--text-color: #333333}.v5-chat-page{box-sizing:border-box;height:calc(var(--vh) * 100);display:flex;flex-direction:column;min-height:0;overflow:hidden}.v5-chat-mid{padding:24px;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.v5-chat-area{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.v5-chat-send{flex:0 0 auto}@supports (height: 100dvh){.v5-chat-page{height:100dvh}}.v5-chat-page,.v5-chat-mid,.v5-chat-area,.chat-page__window{min-height:0;overflow:hidden}.v5-chat-area>.v1message-wrapper,.v5-chat-area>.message-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.v5-chat-mid>.rolodex-tray,.v5-chat-mid>.v4-rolodex-wrapper{flex:0 0 auto;max-height:220px;overflow:auto}.v5-chat-send{flex:0 0 auto;z-index:2;position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:inherit}.temporary{position:relative}.temporary:after{content:"";position:absolute;inset:0;border:2px dashed rgba(255,165,0,.7);border-radius:8px;pointer-events:none}.temporary-indicator{display:flex;align-items:center;justify-content:center;margin-left:8px;font-size:14px;opacity:.8}.active-participant{position:relative}.active-participant:before{content:"";position:absolute;inset:0;border:2px solid rgba(0,255,0,.5);border-radius:8px;pointer-events:none;animation:pulse 2s infinite}.active-indicator{display:flex;align-items:center;justify-content:center;margin-left:8px;font-size:14px}.id-info-container{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}@keyframes pulse{0%{box-shadow:0 0 #0f06}70%{box-shadow:0 0 0 5px #0f00}to{box-shadow:0 0 #0f00}}.anonymous-mode-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.anonymous-mode-toggle:hover{background-color:#e0e0e0}.anonymous-mode-toggle.active{background-color:#ffebcd;border-color:orange}.anonymous-mode-toggle-icon{margin-right:8px;font-size:16px}.anonymous-message{position:relative}.anonymous-message:after{content:"⏱️";position:absolute;bottom:2px;right:2px;font-size:12px;opacity:.7}.anonymous-chat-header{display:flex;align-items:center;padding:8px;background-color:#ffa5001a;border-radius:4px;margin-bottom:10px}.anonymous-chat-header-icon{margin-right:8px;font-size:16px}.anonymous-chat-header-text{font-size:14px;color:#666}.main-layout{display:grid;grid-template-rows:auto 1fr auto;grid-gap:3px;height:calc(var(--vh) * 100);width:100%;padding:5px;margin:0;box-sizing:border-box;background-color:var(--selected-id-foreground, #000000)}.main-layout__bottom{min-height:80px;padding:0;border:var(--border-width, 2px) solid var(--selected-id-foreground, #000000);border-radius:var(--border-radius, 16px);background-color:var(--selected-id-background, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;margin:0;width:auto;outline:1px solid transparent;position:relative;z-index:5}.main-layout__controls{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);min-width:clamp(45px,8vw,60px)}.main-layout__id-stack{display:flex;align-items:center;gap:clamp(.25rem,1vw,.5rem);padding:clamp(.25rem,1vw,.5rem)}.main-layout__crown{display:flex;justify-content:center;align-items:center}.main-layout__crown-button{background:none;border:2px solid var(--text-color);padding:.5rem;cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.6;color:var(--text-color);width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);margin:0 clamp(.25rem,1vw,.5rem)}.main-layout__crown-button:hover{opacity:.8;background-color:#8080801a;transform:scale(1.05)}.main-layout__crown-button--selected{opacity:1;background-color:#80808033;border-color:var(--text-color);transform:scale(1.1)}.main-layout__bottom-scroll{flex:1;overflow-x:auto;position:relative;display:flex;gap:clamp(.25rem,1vw,.5rem);padding:8px;align-items:center;scrollbar-width:none;-ms-overflow-style:none;height:calc(100% - 16px);box-sizing:border-box}.main-layout__bottom-scroll::-webkit-scrollbar{display:none}.main-layout__sub-id-filter{display:flex;align-items:center;gap:.5rem;width:100%}.main-layout__id-scanner{display:flex;align-items:center;justify-content:center;min-width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border-radius:50%;background-color:#8080801a;cursor:pointer;transition:all .2s ease;margin:0 clamp(.25rem,1vw,.5rem)}.main-layout__id-scanner:hover{opacity:.8;background-color:#80808033;transform:scale(1.05)}.main-layout__id-scanner .id-scanner__icon{width:clamp(20px,4vw,24px);height:clamp(20px,4vw,24px);color:inherit}.preview-mode-indicator{position:fixed;top:0;left:0;right:0;background-color:#ffc107e6;color:#000;text-align:center;padding:8px;z-index:25;font-weight:700;box-shadow:0 2px 4px #0003}.preview-mode-indicator__text{display:inline-block;padding:0 10px}.main-layout.preview-mode{box-shadow:inset 0 0 0 3px #ffc10780}.main-layout .create-sub-id-page{margin:0!important}.quick-login-container{position:fixed;top:20px;left:20px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.quick-login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center;position:relative;overflow:hidden}.quick-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.quick-login-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.quick-login-button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 2px 8px #667eea33}.quick-login-button:disabled:hover{transform:none;box-shadow:0 2px 8px #667eea33}.quick-login-text{display:flex;align-items:center;gap:6px}.quick-login-loading{display:flex;align-items:center;gap:8px}.quick-login-error{margin-top:8px;padding:8px 12px;background:#fee;color:#c53030;border:1px solid #fed7d7;border-radius:6px;font-size:12px;max-width:200px;word-wrap:break-word}@media (max-width: 768px){.quick-login-container{top:10px;left:10px}.quick-login-button{padding:10px 14px;font-size:13px;min-width:140px}}@media (prefers-contrast: high){.quick-login-button{background:#000;border:2px solid #fff}.quick-login-button:hover{background:#333}}@media (prefers-reduced-motion: reduce){.quick-login-button{transition:none}.quick-login-button:hover{transform:none}.quick-login-spinner{animation:none;border:2px solid white;border-top:2px solid rgba(255,255,255,.3)}}.quick-login-button:focus{outline:2px solid #4299e1;outline-offset:2px}.quick-login-button:focus:not(:focus-visible){outline:none}.quick-login-button:focus-visible{outline:2px solid #4299e1;outline-offset:2px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--header-height: 140px;--bottom-height: 60px;--content-max-width: 1200px;--selector-size: 60px;--selector-padding: var(--spacing-xs, 4px);--selector-gap: var(--spacing-sm, 8px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--bg-primary: var(--user-background, #ffffff);--bg-secondary: var(--user-background, #f8f9fa);--border-color: var(--user-foreground, #dee2e6);--text-primary: var(--user-foreground, #333333);--text-secondary: var(--user-foreground, #666666);--text-muted: var(--user-foreground, #495057);--shadow-color: rgba(0, 0, 0, .05);--error-bg: #ffebee;--error-text: #c62828;--button-primary: var(--user-foreground, #1976d2);--button-hover: var(--user-foreground, #1565c0);--overlay-bg: rgba(255, 255, 255, .8);--spinner-border: rgba(0, 0, 0, .1);--spinner-accent: var(--user-foreground, #000000);--transform-transition: transform .3s cubic-bezier(.4, 0, .2, 1);--opacity-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);--color-transition: color .3s cubic-bezier(.4, 0, .2, 1);--background-transition: background-color .3s cubic-bezier(.4, 0, .2, 1);--border-transition: border-color .3s cubic-bezier(.4, 0, .2, 1);--shadow-transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1);--theme-transition: var(--color-transition), var(--background-transition), var(--border-transition), var(--shadow-transition)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:2px solid var(--button-primary);outline-offset:2px}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2;font-weight:600;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,h6{font-size:1rem}p{margin-bottom:1em}small{font-size:.875rem}strong,b{font-weight:600}em,i{font-style:italic}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error-text)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-weight-normal{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-bold{font-weight:600}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}:root{--transform-transition: transform .3s cubic-bezier(.4, 0, .2, 1);--opacity-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);--color-transition: color .3s cubic-bezier(.4, 0, .2, 1);--background-transition: background-color .3s cubic-bezier(.4, 0, .2, 1);--border-transition: border-color .3s cubic-bezier(.4, 0, .2, 1);--shadow-transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1);--theme-transition: var(--color-transition), var(--background-transition), var(--border-transition), var(--shadow-transition)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #000000;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--shadow-color: rgba(0, 0, 0, .05);--error-bg: #ffebee;--error-text: #c62828;--button-primary: #1976d2;--button-hover: #1565c0;--overlay-bg: rgba(255, 255, 255, .8);--spinner-border: rgba(0, 0, 0, .1);--spinner-accent: #000000}:root.authenticated{--bg-primary: var(--user-background, #ffffff);--bg-secondary: var(--user-background, #f8f9fa);--border-color: var(--user-foreground, #dee2e6);--text-primary: var(--user-foreground, #333333);--text-secondary: var(--user-foreground, #666666);--text-muted: var(--user-foreground, #495057);--button-primary: var(--user-foreground, #1976d2);--button-hover: var(--user-foreground, #1565c0);--spinner-accent: var(--user-foreground, #000000)}:root.dark-mode{--bg-primary: var(--user-background-dark, #1a1a1a);--bg-secondary: var(--user-background-dark, #2d2d2d);--border-color: var(--user-foreground-dark, #404040);--text-primary: var(--user-foreground-dark, #ffffff);--text-secondary: var(--user-foreground-dark, #cccccc);--text-muted: var(--user-foreground-dark, #a0a0a0);--shadow-color: rgba(0, 0, 0, .2);--error-bg: #3d1f1f;--error-text: #ff8a8a;--button-primary: var(--user-foreground-dark, #2196f3);--button-hover: var(--user-foreground-dark, #1e88e5);--overlay-bg: rgba(0, 0, 0, .8);--spinner-border: rgba(255, 255, 255, .1);--spinner-accent: var(--user-foreground-dark, #ffffff)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out forwards}.animate-fade-out{animation:fadeOut .3s ease-in-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lazy-image-placeholder{background-color:var(--bg-secondary);animation:pulse 1.5s infinite}.contain-paint{contain:paint}.contain-layout{contain:layout}.contain-strict{contain:strict}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}@media (max-width: 768px){.id-selector{height:50px}.work-area{padding:1rem}.id-select{min-width:160px;font-size:.9rem;padding:.4rem .8rem}.main-content,.user-details{padding:1rem}.info-item{grid-template-columns:100px 1fr}.welcome-text{font-size:1rem}.id-display{max-width:100px}.experience-counter{font-size:1rem!important;padding:4px 8px!important}}@media (max-width: 480px){.nav-content h1{font-size:1.25rem}.id-selector span{display:none}.id-select{min-width:140px}.horizontal-scroll{margin:0 -.5rem}.horizontal-scroll__content{padding:0 .5rem}.sign-up-container{padding:1.5rem;margin:0 1rem}.signup-header{font-size:1.5rem}}.hide-on-mobile{display:initial}.show-on-mobile{display:none}@media (max-width: 480px){.hide-on-mobile{display:none}.show-on-mobile{display:initial}}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.responsive-container{padding:0 .5rem}}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--button-primary);color:#fff;padding:8px;z-index:100;transition:top .3s}.skip-to-content:focus{top:0}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:var(--theme-transition)}.btn--primary{background-color:var(--button-primary);color:#fff}.btn--primary:hover{background-color:var(--button-hover)}.btn--secondary{background-color:transparent;border:2px solid var(--button-primary);color:var(--button-primary)}.btn--secondary:hover{background-color:#0000000d}.btn--danger{background-color:var(--selected-id-foreground);color:var(--selected-id-background);border:2px solid #ff4444}.btn--danger:hover{opacity:.9}.btn--text{background-color:transparent;padding:.5rem;color:var(--text-primary);border:none}.btn--text:hover{background-color:#0000000d}.btn--icon{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.btn--large{padding:1rem 2rem;font-size:1.125rem}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--loading{position:relative}.btn-group{display:flex;gap:1rem}.btn-group--vertical{flex-direction:column}.btn-group--center{justify-content:center}.btn-group--end{justify-content:flex-end}.update-id-button{padding:.75rem 1.5rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:var(--theme-transition);margin-bottom:1rem}.update-id-button:hover{opacity:.9}.update-id-button:disabled{opacity:.7;cursor:not-allowed}.sign-out-button{padding:.75rem 1.5rem;background-color:var(--selected-id-foreground);color:var(--selected-id-background);border:2px solid #ff4444;border-radius:4px;cursor:pointer;font-size:1rem;transition:var(--theme-transition);margin:0;order:2}.sign-out-button:hover{opacity:.9}.edit-icon{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.edit-icon svg{width:24px;height:24px}.edit-button{padding:.5rem 1rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--theme-transition)}.edit-button:hover{background-color:var(--button-hover)}.edit-buttons{display:flex;gap:1rem;margin-top:1rem}.loading-spinner-container{display:block;text-align:center;padding:1rem 0}.loading-spinner{display:inline-block;border:4px solid var(--spinner-border);border-left-color:var(--spinner-accent);border-radius:50%!important;animation:spin 1s linear infinite;margin:0 auto .5rem;aspect-ratio:1 / 1;box-sizing:border-box}.loading-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:var(--theme-transition)}.loading-message{color:var(--text-secondary);margin:0}@media (max-width: 768px){.main-content,.user-details{padding:1rem}.info-item{grid-template-columns:100px 1fr}.welcome-text{font-size:1rem}.id-display{max-width:100px}.experience-counter{font-size:1rem!important;padding:4px 8px!important}}@media (prefers-reduced-motion: reduce){:root{--transform-transition: transform .01ms linear;--opacity-transition: opacity .01ms linear;--color-transition: color .01ms linear;--background-transition: background-color .01ms linear;--border-transition: border-color .01ms linear;--shadow-transition: box-shadow .01ms linear}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.perf-monitor{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 500px}.form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form__group{display:flex;flex-direction:column;gap:.5rem}.form__group--inline{flex-direction:row;align-items:center}.form__group--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form__label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.form__label--required:after{content:"*";color:var(--error-text);margin-left:.25rem}.form__input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}.form__input:focus{border-color:var(--button-primary);outline:none;box-shadow:0 0 0 2px #1976d233}.form__input--error{border-color:var(--error-border)}.form__input--success{border-color:var(--success-border)}.form__select{padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.form__select:focus{border-color:var(--button-primary);outline:none;box-shadow:0 0 0 2px #1976d233}.form__error{font-size:.875rem;color:var(--error-text);margin-top:.25rem}.form__help{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.form__buttons{display:flex;gap:1rem;margin-top:1rem}.form__buttons--end{justify-content:flex-end}.form__buttons--center{justify-content:center}.form__buttons--vertical{flex-direction:column}.date-picker{display:flex;gap:.5rem}.date-picker__select{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}@media (max-width: 768px){.form__group--grid{grid-template-columns:1fr}}@media (max-width: 480px){.date-picker,.form__buttons{flex-direction:column}}.card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem;transition:var(--theme-transition)}.card--flat{box-shadow:none;border:1px solid var(--border-color)}.card--elevated{box-shadow:0 6px 12px var(--shadow-color)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:0 8px 16px var(--shadow-color);transform:translateY(-2px)}.card__header{margin-bottom:1.5rem}.card__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.card__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.card__body{margin-bottom:1.5rem}.card__footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.container{width:100%;padding:1rem}.container--centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.container--narrow{max-width:600px;margin:0 auto}.container--wide{max-width:1200px;margin:0 auto}.container--full-height{min-height:100vh}.grid{display:grid;gap:1rem}.grid--2-col{grid-template-columns:repeat(2,1fr)}.grid--3-col{grid-template-columns:repeat(3,1fr)}.grid--4-col{grid-template-columns:repeat(4,1fr)}.stack{display:flex;flex-direction:column;gap:1rem}.stack--horizontal{flex-direction:row;align-items:center}.stack--no-gap{gap:0}@media (max-width: 768px){.grid--2-col,.grid--3-col,.grid--4-col{grid-template-columns:1fr}.stack--horizontal{flex-direction:column}.card{padding:1rem}}@media (max-width: 480px){.sign-up-container{padding:1rem}.sign-up-card{padding:1rem;box-shadow:none;background-color:transparent}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 16px var(--shadow-color);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modal-slide-in .3s ease-out;z-index:1001}.modal--small{max-width:400px}.modal--large{max-width:700px}.modal--full{max-width:90vw;height:90vh}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal__title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.modal__close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--theme-transition)}.modal__close:hover{background-color:#0000000d;color:var(--text-primary)}.modal__body{padding:1.5rem;overflow-y:auto}.modal__footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.dialog{text-align:center;padding:2rem}.dialog__icon{font-size:3rem;margin-bottom:1rem}.dialog__icon--warning{color:var(--warning-color)}.dialog__icon--error{color:var(--error-text)}.dialog__icon--success{color:var(--success-color)}.dialog__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.dialog__message{color:var(--text-secondary);margin-bottom:2rem}.dialog__buttons{display:flex;justify-content:center;gap:1rem}@keyframes modal-slide-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-container{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 16px var(--shadow-color);width:100%;max-width:500px;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.modal{max-width:95%}.dialog__buttons{flex-direction:column}.modal__header,.modal__body,.modal__footer{padding:1rem}}@media (max-width: 480px){.modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.modal-overlay{padding:0}}.user-details h2,.user-details__title{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.info-grid,.user-details__grid{display:grid;gap:1rem}.info-item,.user-details__item{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.info-item label,.user-details__label{font-weight:500;color:var(--text-secondary)}.info-item span,.user-details__value{color:var(--text-primary)}.error-message,.user-details__error{padding:1rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;white-space:pre-line;transition:var(--theme-transition)}.error-boundary h2,.error-boundary__title{color:var(--error-text);margin-bottom:1rem}.error-boundary p,.error-boundary__message{color:var(--text-secondary);margin-bottom:1.5rem}.error-message,.error-boundary__error{padding:1rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;white-space:pre-line;transition:var(--theme-transition)}.id-display{transition:transform .2s ease}.id-display.editable:hover{transform:scale(1.05)}.image-layer img{transition:var(--transform-transition)}.experience-counter{opacity:.9;transition:var(--opacity-transition)}@media (prefers-reduced-motion: reduce){.id-display{transition:none}.id-display.editable:hover{transform:none}.image-layer img{transition:none}.id-display.editable .image-layer:hover img{transform:none}.experience-counter{transition:none}}.image-layer img{will-change:transform;contain:layout style paint}.experience-counter{will-change:opacity;contain:layout style paint}.id-display-optimized{content-visibility:auto;contain-intrinsic-size:0 120px}.id-display-composite-optimized{content-visibility:auto;contain-intrinsic-size:0 200px}.id-display{position:relative;display:inline-block;transition:transform .2s ease}.id-display.editable:hover{transform:scale(1.02)}.pie-chart-border{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;contain:layout style paint}.pie-chart-layer{will-change:transform;backface-visibility:hidden;contain:layout style paint}.image-layer img{transition:var(--transform-transition);will-change:transform;contain:layout style paint}.id-display.editable .image-layer:hover img{transform:scale(1.1);transition:var(--transform-transition)}.experience-counter{opacity:.9;transition:var(--opacity-transition);will-change:opacity;contain:layout style paint}.id-display.editable .experience-counter:hover{opacity:1}.id-display,.nav-id-display,.logo-image{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint}.sign-up-page{background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition);display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.sign-up-page *{background-color:inherit;color:inherit;transition:inherit}.sign-up-container{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.signup-header{margin-bottom:2rem;font-size:1.8rem;font-weight:600;color:var(--text-primary);text-align:center}.auth-error{padding:1rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;width:100%;text-align:center}.input-field{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}.input-field:focus{outline:none;border-color:var(--button-primary);box-shadow:0 0 0 2px #2196f340}.submit-button{width:100%;padding:.75rem 1rem;margin:1.5rem 0;background-color:var(--button-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:var(--theme-transition)}.submit-button:hover{background-color:var(--button-hover)}.sign-in-link{color:var(--button-primary);text-decoration:none;margin-top:1rem;font-size:.9rem;transition:var(--color-transition)}.sign-in-link:hover{text-decoration:underline}.info-grid{display:grid;gap:1rem}.info-item{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.info-item label{font-weight:500;color:var(--text-secondary)}.info-item span{color:var(--text-primary)}.error-boundary{padding:2rem;text-align:center;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);transition:var(--theme-transition)}.error-boundary h2{color:var(--error-text);margin-bottom:1rem}.error-boundary p{color:var(--text-secondary);margin-bottom:1.5rem}.error-boundary button{background:var(--button-primary);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;transition:var(--theme-transition)}.error-boundary button:hover{background:var(--button-hover)}.error-message{padding:1rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;white-space:pre-line;transition:var(--theme-transition)}.settings-image-selector,.settings__image-selector{position:relative;width:var(--size, 90px);height:var(--size, 90px);border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid var(--foreground-color);transition:transform .2s ease,box-shadow .2s ease}.settings-image-selector:hover,.settings__image-selector:hover{transform:scale(1.05);box-shadow:0 0 10px #0000004d}.settings-image-selector__image,.settings__image-selector__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-image-selector__loading,.settings__image-selector__loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:50%}.settings-image-selector__loading .spinner,.settings__image-selector__loading .spinner__container{width:40%;height:40%;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-image-selector__error,.settings__image-selector__error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ff00004d;border-radius:50%;color:#fff;text-align:center;padding:10px;font-size:12px}.main-layout{display:grid;grid-template-rows:auto 1fr auto;height:100vh;width:100%;position:relative;background-color:transparent;padding:5px;box-sizing:border-box}html,body,#root{width:100%;height:100vh;margin:0;padding:0;background-color:var(--bg-primary);transition:var(--theme-transition)}body{min-width:320px;color:var(--text-primary)}.top-bar{padding:2rem;margin:1rem;background-color:transparent;border:2px solid var(--border-color);border-radius:16px;transition:var(--theme-transition)}.user-info{display:flex;justify-content:space-between;align-items:center}.welcome-text{font-size:1.2rem;color:var(--text-primary);font-weight:500}.nav-right{display:flex;align-items:center;gap:1rem}.logo-image{transition:transform .2s ease-in-out}.logo-image:hover{transform:scale(1.05)}.auth-logo{width:200px;height:200px;object-fit:contain;margin-bottom:30px;border-radius:50%;border:4px solid var(--border-color);padding:8px;background-color:var(--bg-primary);box-shadow:0 2px 4px var(--shadow-color);transition:var(--theme-transition)}.nav-header{margin:0 0 3px}.work-area{margin:3px 0;box-sizing:border-box}.main-layout__bottom{margin:3px 0 0;width:100%;padding:5px clamp(5px,2vh,8px);box-sizing:border-box}.id-selector{grid-row:3;background-color:var(--selected-id-background);border:var(--border-width) solid var(--selected-id-foreground);border-radius:var(--border-radius);min-height:calc(70px + 2 * var(--border-width) + 2rem);height:auto;padding:2rem;box-shadow:0 2px 4px var(--shadow-color);position:relative;z-index:10;transition:var(--theme-transition);box-sizing:border-box;width:auto;margin:0 var(--section-horizontal-margin)}.id-selector-content{height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem;min-height:70px}.id-selector span{color:var(--text-muted);font-weight:500}.id-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);min-width:200px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:var(--theme-transition)}.id-select:hover{border-color:var(--text-muted);box-shadow:0 0 0 3px var(--shadow-color)}.id-select:focus{border-color:var(--button-primary);box-shadow:0 0 0 3px var(--shadow-color);outline:none}.filter-button{padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:var(--theme-transition);display:flex;align-items:center;gap:.5rem}.filter-button:hover{background-color:var(--bg-hover)}.scan-button{padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:var(--theme-transition);display:flex;align-items:center;gap:.5rem}.scan-button:hover{background-color:var(--bg-hover)}.invitation-icon{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.invitation-icon svg{width:24px;height:24px;color:var(--text-primary);transition:var(--theme-transition)}.invitation-icon:hover svg{color:var(--text-hover)}.invitation-badge{position:absolute;top:-5px;right:-5px;background-color:var(--notification-bg);color:var(--notification-text);font-size:.75rem;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.id-selector-controls{display:flex;align-items:center;gap:1rem}.connections-list{overflow-x:auto;white-space:nowrap;padding:.5rem 0;margin:0 -.5rem;-webkit-overflow-scrolling:touch}.connections-list-content{display:inline-flex;gap:1rem;padding:0 1rem}.connection-item{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease}.connection-item:hover{transform:scale(1.05)}.connection-item.selected{position:relative}.connection-item.selected:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--accent-color)}.connection-name{font-size:.8rem;color:var(--text-secondary);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-id-display{width:48px;height:48px}.empty-connections{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;color:var(--text-muted);font-style:italic}.scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;box-shadow:0 2px 4px var(--shadow-color);transition:var(--theme-transition)}.scroll-indicator:hover{background-color:var(--bg-hover)}.scroll-left{left:.5rem}.scroll-right{right:.5rem}.scroll-indicator svg{width:16px;height:16px;color:var(--text-primary)}.display-name-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.display-name{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0}.settings-footer{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:2rem}.update-id-button{order:1}@media (max-width: 768px){.id-selector{height:50px;padding:1.5rem;margin:0 1rem 1rem}.id-selector-content{padding:0 1rem;gap:1rem}.id-select{min-width:160px;font-size:.9rem;padding:.4rem .8rem}.connections-list-content{gap:.75rem}.connection-id-display{width:40px;height:40px}.connection-name{font-size:.75rem;max-width:70px}}@media (max-width: 480px){.id-selector{padding:1rem;margin:0 .5rem .5rem}.id-selector-content{padding:0 .5rem;gap:.5rem}.id-selector span{display:none}.id-select{min-width:140px}.connections-list{margin:0 -.25rem}.connections-list-content{padding:0 .5rem;gap:.5rem}.connection-id-display{width:36px;height:36px}.connection-name{max-width:60px}.scroll-indicator{width:20px;height:20px}.scroll-indicator svg{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.connection-item{transition:none}.connection-item:hover{transform:none}.scroll-indicator{transition:none}}.work-area,.work-area__container{display:flex;flex-direction:column;position:relative;flex:1;width:auto;height:100%;margin:0 var(--section-horizontal-margin) var(--component-spacing) var(--section-horizontal-margin);background-color:var(--selected-id-background);color:var(--text-primary);transition:var(--theme-transition);padding:1rem;box-sizing:border-box;overflow:auto;border:var(--border-width) solid var(--selected-id-foreground);border-radius:var(--border-radius)}.work-area-content,.work-area__content{height:100%;display:flex;flex-direction:column;color:var(--text-primary)}.dark-mode .work-area-content,.dark-mode .work-area__content{color:var(--text-primary)}.top-bar,.work-area__top-bar{padding:2rem;margin:1rem;background-color:transparent;border:2px solid var(--border-color);border-radius:16px;transition:var(--theme-transition)}.user-info,.work-area__user-info{display:flex;justify-content:space-between;align-items:center}.welcome-text,.work-area__welcome-text{font-size:1.2rem;color:var(--text-primary);font-weight:500}.main-content,.work-area__main{flex:1;padding:2rem;margin:1rem;background-color:var(--bg-primary);overflow-y:auto;border:2px solid var(--border-color);border-radius:16px;transition:var(--theme-transition)}.user-details{background-color:transparent;border-radius:16px;padding:2rem;margin:1rem;border:2px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);max-width:800px;transition:var(--theme-transition)}.user-details h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.work-area__user-details{background-color:transparent;border-radius:16px;padding:2rem;margin:1rem;border:2px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);max-width:800px;transition:var(--theme-transition)}.work-area__user-details-title{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.info-grid,.work-area__info-grid{display:grid;gap:1rem}.info-item,.work-area__info-item{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.info-item label,.work-area__info-label{font-weight:500;color:var(--text-secondary)}.info-item span,.work-area__info-value{color:var(--text-primary)}.error-message,.work-area__error-message{padding:1rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;white-space:pre-line;transition:var(--theme-transition)}.work-area-loading,.work-area__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--bg-primary);opacity:.8;position:absolute;top:0;left:0;z-index:10;transition:var(--opacity-transition)}.work-area-loading-text,.work-area__loading-text{margin-top:1rem;color:var(--text-primary);font-size:1rem;text-align:center}.work-area-error,.work-area__error{padding:2rem;text-align:center;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin:1rem;border:1px solid var(--error-bg);transition:var(--theme-transition)}.work-area-error-title,.work-area__error-title{color:var(--error-text);margin-bottom:1rem;font-size:1.5rem}.work-area-error-message,.work-area__error-message{color:var(--text-secondary);margin-bottom:1.5rem;white-space:pre-line}@media screen and (max-width: 767px){.work-area,.work-area__container,.work-area-content{padding:.5rem}.top-bar,.main-content,.user-details{padding:1rem;margin:.5rem}.welcome-text{font-size:1rem}.info-grid{gap:.5rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.work-area{padding:.75rem}.top-bar,.main-content,.user-details{padding:1.5rem;margin:.75rem}}@media screen and (max-width: 767px){.work-area__top-bar,.work-area__main{padding:1rem;margin:.5rem}.user-details__grid{gap:.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--selected-id-foreground: #000000;--selected-id-background: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #000000;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--shadow-color: rgba(0, 0, 0, .05);--error-bg: #ffebee;--error-text: #c62828;--button-primary: #1976d2;--button-hover: #1565c0;--overlay-bg: rgba(255, 255, 255, .8);--spinner-border: rgba(0, 0, 0, .1);--spinner-accent: #000000;--transform-transition: transform .3s cubic-bezier(.4, 0, .2, 1);--opacity-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);--color-transition: color .3s cubic-bezier(.4, 0, .2, 1);--background-transition: background-color .3s cubic-bezier(.4, 0, .2, 1);--border-transition: border-color .3s cubic-bezier(.4, 0, .2, 1);--shadow-transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1);--theme-transition: var(--color-transition), var(--background-transition), var(--border-transition), var(--shadow-transition);--main-page-padding: 5px;--component-spacing: 3px;--border-radius: 16px;--border-width: 2px;--section-width: auto;--section-horizontal-margin: 5px}.main-layout{position:fixed;inset:0;background-color:var(--bg-primary);padding:var(--main-page-padding);overflow:hidden;display:flex;flex-direction:column;gap:var(--component-spacing)}.main-layout>*{max-width:calc(100% - 2 * var(--section-horizontal-margin));margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.nav-header{position:relative;width:auto;margin:0 var(--section-horizontal-margin);background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:1rem;z-index:1;box-sizing:border-box}.header-content{display:flex;align-items:flex-start;gap:1.5rem}.id-section{flex-shrink:0}.info-section{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.display-name{margin:0;font-size:1.5rem;font-weight:600}.settings-icon{cursor:pointer;opacity:.8;transition:opacity .2s ease}.settings-icon:hover{opacity:1}:root.authenticated{--bg-primary: var(--selected-id-background);--bg-secondary: var(--selected-id-background);--border-color: var(--selected-id-foreground);--text-primary: var(--selected-id-foreground);--text-secondary: var(--selected-id-foreground);--text-muted: var(--selected-id-foreground);--button-primary: var(--selected-id-foreground);--button-hover: var(--selected-id-foreground);--spinner-accent: var(--selected-id-foreground)}:root.dark-mode{--selected-id-foreground: #ffffff;--selected-id-background: #1a1a1a;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--border-color: #404040;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #a0a0a0;--shadow-color: rgba(0, 0, 0, .2);--error-bg: #3d1f1f;--error-text: #ff8a8a;--button-primary: #2196f3;--button-hover: #1e88e5;--overlay-bg: rgba(0, 0, 0, .8);--spinner-border: rgba(255, 255, 255, .1);--spinner-accent: #ffffff}.sign-up-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;background-color:var(--bg-primary);transition:var(--theme-transition)}.sign-up-card{max-width:480px;width:100%;padding:2rem;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);margin:auto 0;transition:var(--theme-transition)}.sign-up-header{text-align:center;margin-bottom:2rem}.sign-up-logo{width:120px;margin:0 auto 1rem}.sign-up-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.sign-up-subtitle{font-size:1rem;color:var(--text-secondary)}.sign-up-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}.form-input:focus{border-color:var(--button-primary);outline:none;box-shadow:0 0 0 2px #1976d233}.form-error{font-size:.875rem;color:var(--error-text);margin-top:.25rem}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;text-shadow:0 0 2px rgba(0,0,0,.5)}.date-picker-container{display:flex;gap:.5rem}.date-picker-select{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--theme-transition)}.sign-up-button{padding:.75rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--theme-transition);margin-top:1rem}.sign-up-button:hover{background-color:var(--button-hover)}.sign-up-button:disabled{opacity:.7;cursor:not-allowed}.sign-in-link{text-align:center;margin-top:2rem;font-size:.875rem;color:var(--text-secondary)}.sign-in-link a{color:var(--button-primary);text-decoration:none;font-weight:500}.sign-in-link a:hover{text-decoration:underline}.google-sign-in{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background-color:#fff;color:#757575;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--theme-transition);width:100%;margin-top:1rem}.google-sign-in:hover{background-color:#f5f5f5}.google-icon{width:18px;height:18px}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}@media (max-width: 768px){.sign-up-card{padding:1.5rem}.sign-up-title{font-size:1.25rem}}@media (max-width: 480px){.sign-up-container{padding:1rem}.sign-up-card{padding:1rem;box-shadow:none;background-color:transparent}.date-picker-container{flex-direction:column}}.profile-page{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:var(--bg-primary)}.profile-header{display:flex;align-items:center;gap:2rem;width:100%;max-width:900px;margin-bottom:3rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid var(--selected-id-foreground)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.profile-tagline{font-size:1.125rem;color:var(--text-secondary);margin:0 0 1rem}.profile-details{margin-top:1rem;display:flex;gap:1.5rem}.profile-stat{display:flex;flex-direction:column;align-items:center}.profile-stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.profile-stat-label{font-size:.875rem;color:var(--text-secondary)}.profile-actions{margin-top:1.5rem;display:flex;gap:1rem}.profile-tabs{width:100%;max-width:900px;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.profile-tab-list{display:flex;list-style:none;padding:0;margin:0}.profile-tab{padding:1rem 1.5rem;cursor:pointer;color:var(--text-secondary);font-weight:500;position:relative;transition:var(--theme-transition)}.profile-tab:hover,.profile-tab--active{color:var(--text-primary)}.profile-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--selected-id-foreground);border-radius:3px 3px 0 0}.profile-content{width:100%;max-width:900px}.profile-section{margin-bottom:3rem}.profile-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.profile-section-title:after{content:"";flex:1;height:1px;background-color:var(--border-color);margin-left:.5rem}@media (max-width: 768px){.profile-page{padding:1rem}.profile-header{flex-direction:column;gap:1.5rem;text-align:center;margin-bottom:2rem}.profile-info{width:100%}.profile-details,.profile-actions{justify-content:center}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab-list{width:max-content}.profile-tab{padding:1rem;white-space:nowrap}}@media (max-width: 480px){.profile-name{font-size:1.5rem}.profile-tagline{font-size:1rem}.profile-details{flex-wrap:wrap;justify-content:space-around}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%}}