@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Outfit;src:url(../font/Outfit/Outfit-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Thin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(../font/Outfit/static/Outfit-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}html{min-height:100%;background:linear-gradient(135deg,#1a237e 0%,#2962ff 100%);min-height:-webkit-fill-available}body{color:#fff;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-right:calc(20px + env(safe-area-inset-right));padding-left:calc(20px + env(safe-area-inset-left));padding-bottom:calc(20px + env(safe-area-inset-bottom));min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:-webkit-fill-available;text-rendering:optimizeLegibility;-webkit-touch-callout:none;background:linear-gradient(135deg,#1a237e 0%,#2962ff 100%);margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#hero{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}#links{text-align:left;color:#fff;flex-direction:column;width:400px;font-size:x-large;display:flex}#links a{color:#fff;border:1px solid #ffffff4d;border-radius:5px;margin:10px 0;padding:10px;text-decoration:none}#links a:hover{cursor:pointer;background-color:#ffffff1a;border-color:#ffffff80}#header{max-width:1200px}.tile{box-sizing:border-box;border:2px solid #a4a4a4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin:5px 11px 0 0;display:inline-flex}.light-title{color:#cfcfcf;margin-bottom:0;padding-bottom:0;font-weight:900}.light-title p{margin-bottom:0}.promise-title{margin-top:8px;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:1.2em;font-weight:800}.why-title{margin-top:5px;margin-bottom:20px;padding-bottom:0;font-style:italic}.tile-red{background:linear-gradient(135deg,#ff4757 0%,#ff3742 25%,#ff2d42 50%,#cc1e35 75%,#8b0000 100%);border:1px solid #ff6b7a;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #ff475766,0 2px 8px #ff47574d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.tile-red:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.tile-red:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#ffffff0d 70%,#0000 100%);border-radius:6px 6px 20px 20px;height:40%;position:absolute;top:2px;left:2px;right:2px}.tile-red:hover{border-color:#ff8a94;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #ff475780,0 4px 15px #ff475766,inset 0 1px #fff6,inset 0 -1px #0000001a}.tile-red:hover:before{transform:rotate(45deg)translate(30%,30%)}.tile-green{background:linear-gradient(135deg,#2ed573 0%,#1dd1a1 25%,#10ac84 50%,#00a085 75%,#006a4e 100%);border:1px solid #5de891;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #2ed57366,0 2px 8px #2ed5734d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.tile-green:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.tile-green:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#ffffff0d 70%,#0000 100%);border-radius:6px 6px 20px 20px;height:40%;position:absolute;top:2px;left:2px;right:2px}.tile-green:hover{border-color:#7ef2a8;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #2ed57380,0 4px 15px #2ed57366,inset 0 1px #fff6,inset 0 -1px #0000001a}.tile-green:hover:before{transform:rotate(45deg)translate(30%,30%)}.tile-planned{background:linear-gradient(135deg,#fff 0%,#f8f9f6 25%,#f5f6f3 50%,#e8eae5 75%,#d4d7d0 100%);border:3px solid #2ed573cc;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #2ed57333,0 2px 8px #2ed57326}.tile-planned:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff13 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.tile-planned:after{content:"";pointer-events:none;background:linear-gradient(#ffffff20 0%,#ffffff06 70%,#0000 100%);border-radius:6px 6px 20px 20px;height:40%;position:absolute;top:2px;left:2px;right:2px}.tile-planned:hover{border-color:#2ed573;transform:translateY(-2px);box-shadow:0 8px 25px #2ed57340,0 4px 15px #2ed57333}.tile-planned:hover:before{transform:rotate(45deg)translate(30%,30%)}.tile-light{background:linear-gradient(135deg,#fff 0%,#f8f9f6 25%,#f5f6f3 50%,#e8eae5 75%,#d4d7d0 100%);border:1px solid #fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014,0 2px 8px #0000000d,inset 0 1px #fffc,inset 0 -1px #0000000d}.tile-light:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.tile-light:after{content:"";pointer-events:none;background:linear-gradient(#fff9 0%,#fff3 70%,#0000 100%);border-radius:6px 6px 20px 20px;height:40%;position:absolute;top:2px;left:2px;right:2px}.tile-light:hover{border-color:#f0f2ee;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #0000001f,0 4px 15px #00000014,inset 0 1px #ffffffe6,inset 0 -1px #00000014}.tile-light:hover:before{transform:rotate(45deg)translate(30%,30%)}.tile-grey{background:linear-gradient(135deg,#fff 0%,#f8f9f6 25%,#f5f6f3 50%,#e8eae5 75%,#d4d7d0 100%);border:1px solid #fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014,0 2px 8px #0000000d,inset 0 1px #fffc,inset 0 -1px #0000000d}.tile-grey:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#00000026 0 2px,#0000 2px 6px);transition:all .6s;position:absolute;inset:0}.tile-grey:after{content:"";pointer-events:none;background:linear-gradient(#fff9 0%,#fff3 70%,#0000 100%);border-radius:6px 6px 20px 20px;height:40%;position:absolute;top:2px;left:2px;right:2px}.tile-grey:hover{border-color:#f0f2ee;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #0000001f,0 4px 15px #00000014,inset 0 1px #ffffffe6,inset 0 -1px #00000014}.tile-grey:hover:before{background:repeating-linear-gradient(-45deg,#0003 0 2px,#0000 2px 6px)}.tile-current-day{z-index:2;position:relative;box-shadow:0 0 20px #ffa50099,0 0 10px #ffa50099,inset 0 1px #ffffff4d,inset 0 -1px #0000001a!important}.tile-current-day:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffa5004d 0%,#0000 70%);border-radius:12px;animation:2s ease-in-out infinite current-day-pulse;position:absolute;inset:-4px}@keyframes current-day-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.tile-current-day:hover{box-shadow:0 0 30px #ffa500b3,0 0 15px #ffa50080,inset 0 1px #fff6,inset 0 -1px #0000001a!important}:root{--modal-max-height:95vh;--modal-max-height-calc:calc(var(--vh,1vh)*95);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}@supports (padding-top:env(safe-area-inset-top)){html,body{background-attachment:fixed}}body.pwa-mode{padding-top:calc(20px + env(safe-area-inset-top))}.modal-overlay{z-index:10100;pointer-events:none;-webkit-tap-highlight-color:transparent;touch-action:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:flex-end;transition:background-color .3s;display:flex;position:fixed;inset:0}.modal-overlay.modal-open{pointer-events:auto;background:#0006}.modal-content{min-height:fit-content;max-height:var(--modal-max-height,95vh);touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1a237e 0%,#2962ff 100%);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:600px;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 30px #0006,0 -8px 60px #2962ff4d,inset 0 1px #ffffff1a}.modal-content>*{background-color:#0000!important}.modal-open .modal-content{transform:translateY(0)}.modal-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;min-height:36px;padding:12px;display:flex;position:relative;box-shadow:0 1px #ffffff0d}.modal-handle:before{content:"";background:0 0;border-radius:20px 20px 0 0;position:absolute;inset:0}.modal-handle:active{background:#ffffff1a}.modal-handle-bar{cursor:pointer;background:#fff9;border-radius:2px;width:40px;height:4px;transition:all .2s;box-shadow:0 1px 3px #0003}.modal-handle-bar:hover{background:#fffc;transform:scaleX(1.2)}.modal-handle-bar:active{background:#ffffffe6;transform:scaleX(.9)}.modal-body{touch-action:pan-y;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:250px;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;background:0 0;flex:1;padding:0 0 60px;overflow-y:auto}.modal-content-inner{padding:20px}.modal-content-inner h2{color:#fff;margin-top:0;margin-bottom:15px;font-size:1.5em}.modal-content-inner p{color:#fffc;margin-bottom:10px;line-height:1.5}.tile{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s}.tile:active{transform:scale(.95)}.new-promise-container{position:relative}.new-promise-container .avatars-column .avatar img,.new-promise-container .avatars-column .avatar-img{filter:grayscale();transition:filter .3s}.new-promise-container .avatars-column .avatar:hover img,.new-promise-container .avatars-column .avatar:hover .avatar-img{filter:grayscale(0%)}.create-promise-overlay{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;padding:20px 30px;font-weight:600;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.activity-log-demo{height:var(--modal-max-height,95vh)!important}.create-promise-overlay:hover{color:#2962ff;background:#fff;border-color:#fffc;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 6px 18px #0006}.create-promise-overlay:active{transform:translate(-50%,-50%)scale(.98)}.avatar{border:2px solid #fff;border-radius:50%;margin-bottom:4px;margin-right:-10px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 6px #00000026}.avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.avatar.ai{border-radius:12px}.avatar.ai:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.avatar-small{width:28px;height:28px}.avatar-medium{width:40px;height:40px}.avatar-large{width:56px;height:56px}.avatar-img{object-fit:cover;object-position:center;width:100%;height:100%}.promise-stats{color:#888;flex-direction:column;gap:5px;margin:0;padding:0;font-size:.9em;display:flex}.stats-item{cursor:pointer;color:#fffc;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-direction:row;align-items:flex-start;gap:6px;padding:7px 10px 7px 7px;transition:all .2s;display:flex}.stats-label,.stats-value{color:#ebebeb;font-weight:500}.promise-section-container{flex-direction:column;margin-bottom:20px;padding-top:0;padding-bottom:20px;padding-right:16px;transition:background-color .3s;display:flex;position:relative;overflow:visible}.promise-section-content{flex-direction:column;flex:1;min-width:0;display:flex}.promise-separator-dashed{border:none;border-top:1px dashed #fff3;width:100%;margin:20px 0}.new-promise-section-container{flex-direction:column;margin-bottom:20px;display:flex;position:relative}.tile-grid{flex-direction:column;flex:1;min-width:0;display:flex}.tile-row{flex-wrap:nowrap;align-items:center;margin-bottom:5px;display:flex}.tile-row:last-child{margin-bottom:0}.avatars-row{border-top:1px solid #e0e0e0;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-top:15px;padding-top:8px;padding-right:16px;display:flex}.avatars-row .promise-stats{flex-shrink:0}.avatars-row .avatars-column{flex-direction:row-reverse;flex-shrink:0;align-items:center;gap:8px;margin-left:auto}.avatars-row .avatars-column .avatar{flex-shrink:0;margin-bottom:0;margin-left:0}.avatars-row .avatars-column .avatar:last-child{margin-left:0}.tile-container{align-items:flex-start;margin-bottom:20px;display:flex;position:relative}.avatars-column{border-left:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;align-items:center;width:36px;margin-left:12px;padding-left:8px;display:flex}.avatars-column .avatar:last-child{margin-bottom:0}.modal-content{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;pointer-events:auto}.modal-handle{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.modal-handle-bar{-webkit-user-select:none;user-select:none}.modal-body{touch-action:pan-y}.modal-content.dragging{box-shadow:0 -8px 50px #00000080,0 -12px 80px #2962ff66}.modal-content.dragging .modal-handle{cursor:grabbing}.modal-content.dragging .modal-handle-bar{background:#ffffffe6;transform:scaleX(1.1)}@media (max-width:768px){.modal-content{touch-action:pan-y;border-radius:20px 20px 0 0;width:100%;max-width:100%}.modal-handle{touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:0 0;min-height:48px;padding:16px}.modal-body{max-height:calc(var(--modal-max-height,95vh) - 56px);touch-action:pan-y!important;background:0 0!important}.modal-handle-bar{-webkit-user-select:none;user-select:none;width:50px;height:5px}.modal-overlay{-webkit-backdrop-filter:blur(2px)}}body.modal-open{overflow:hidden}.promises-title{margin-top:0}.promise-actions{z-index:1000;flex-direction:row;align-items:flex-end;display:flex;position:absolute;top:5px;right:0}.action-btn{cursor:pointer;color:#fffc;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;transition:all .2s;display:flex}.action-btn:hover{color:#fff;background:#fff3;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.action-btn svg{stroke-width:2px;width:18px;height:18px}.more-options-btn{opacity:.7;transition:opacity .2s}.more-options-btn:hover{opacity:1}.promise-dropdown-menu{-webkit-backdrop-filter:blur(10px);z-index:1003;background:#000000e6;border:1px solid #fff3;border-radius:8px;min-width:200px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.promise-dropdown-item{color:#ffffffe6;cursor:pointer;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:14px;transition:all .2s}.promise-dropdown-item:last-child{border-bottom:none}.promise-dropdown-item:hover{color:#fff;background:#ffffff1a;transform:translate(2px)}.promise-dropdown-item:active{background:#fff3;transform:translate(0)}@media (max-width:768px){.promise-actions{align-items:flex-end}.action-btn{width:26px;height:24px;margin-top:7px;padding:3px}.action-btn svg{width:16px;height:16px}.promise-dropdown-menu{z-index:1003;min-width:180px;font-size:13px}.promise-dropdown-item{padding:10px 12px}}.overview-header{text-align:center;margin-bottom:5px}.overview-header h2{color:#fff;letter-spacing:4px;text-transform:uppercase;margin:0;font-size:28px;font-weight:700}.overview-stats{flex-wrap:nowrap;justify-content:center;align-items:center;gap:24px;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;min-width:50px;display:flex}.circular-progress{justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.progress-ring{filter:drop-shadow(0 0 8px #ffffff1a);transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .8s ease-in-out}.progress-ring-circle-bg{opacity:.3}.progress-ring-circle.success-percentage{stroke:#10ac84;filter:drop-shadow(0 0 8px #5de891bf)}.progress-ring-circle.money-earned{stroke:#3b82f6;filter:drop-shadow(0 0 8px #3b82f680)}.stat-value{color:#fff;text-shadow:0 0 10px #ffffff4d;font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-value.money{font-size:16px}.stat-label{color:#ccc;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 5px #fff3;font-size:11px;font-weight:600}@media (max-width:768px){.overview-stats{gap:4px}.promises-overview{margin-bottom:20px}.overview-header h2{letter-spacing:1.5px;font-size:20px}.stat-value{font-size:16px}.stat-value.money{font-size:14px}}@media (max-width:480px){.overview-stats{flex-direction:row;gap:15px}.promises-overview{margin-bottom:50px}.progress-ring{width:85px;height:85px}.stat-value{font-size:17px}.stat-value.money{font-size:16px}}.avatar-row-wrapper{align-items:center;width:260px;max-width:100%;height:50px;display:flex;position:relative}.avatar-row-container{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;pointer-events:auto;flex:1;width:225px;height:50px;margin:0 -5px 0 5px;padding:5px 0;position:relative;overflow:hidden}.avatar-row-container.no-right-arrow{margin-right:-20px}.avatar-row-container.dragging,.avatar-row-container:active{cursor:grabbing}.avatar-row-inner{white-space:nowrap;flex-direction:row;align-items:center;height:100%;transition:transform .3s;display:flex}.avatar-item{pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:6px;display:flex}.avatar-item:last-child{margin-right:0}.avatar-scroll-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.avatar-scroll-btn:hover{background:#000000b3}.avatar-scroll-left{left:-15px}.avatar-scroll-right{right:-15px}.avatars-container,.avatars-row .avatars-container{flex-shrink:0;margin-left:auto}@media (max-width:768px){.avatar-row-wrapper{width:260px;height:50px}.avatar-row-container{width:225px;height:50px;padding:5px 0}.avatar-item{margin-right:6px}.avatar-scroll-btn{width:18px;height:18px;font-size:12px}.avatar-scroll-left{left:-12px}.avatar-scroll-right{right:-12px}}@media (max-width:480px){.avatar-row-wrapper{width:260px;height:50px}.avatar-row-container{width:225px;height:50px;padding:5px 0}.avatar-item{width:40px;height:40px;margin-right:6px}.avatar-scroll-btn{width:16px;height:16px;font-size:10px}.avatar-scroll-left{left:-10px}.avatar-scroll-right{right:-10px}.avatar-medium{width:35px;height:35px}.avatars-row{gap:8px;margin-top:25px;padding-top:10px}.avatars-row .avatars-column{gap:6px;margin-left:8px}}.modal-image-container{text-align:center;max-width:90%;margin:20px 0}.modal-test-image{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;max-width:100%;height:auto;padding:8px;box-shadow:0 4px 15px #0000004d}.activity-log-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background:0 0;padding:0 20px 20px;overflow-y:auto}.activity-log-content::-webkit-scrollbar{width:8px}.activity-log-content::-webkit-scrollbar-track{background:0 0}.activity-log-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.activity-log-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.activity-log-header{justify-content:space-between;align-items:center;margin-top:5px;margin-bottom:8px;display:flex}.activity-log-title{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1}.activity-log-date{color:#ffffffb3;border-bottom:2px solid #ffffff1a;margin:0 0 20px;padding-bottom:15px;font-size:14px}.status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;margin-top:2px;padding:4px 14px;font-size:13px;font-weight:600;display:flex}.status-badge.success{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.status-badge.fail{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.activity-log-promise{color:#fffc;background:#ffffff1a;border-left:3px solid #2962ff99;border-radius:8px;margin:8px 0 12px;padding:8px 12px;font-size:16px;font-weight:600}.activity-log-media{margin:20px 0;animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-media .media-container{box-shadow:0 8px 32px #10b98126,0 4px 16px #0000004d}.success-media .media-container:before{background:linear-gradient(45deg,#10b9814d,#2962ff4d)}.fail-media .media-container{opacity:.9;filter:saturate(.8)}.fail-media .media-container:hover{opacity:1;filter:saturate()}.media-container{touch-action:pan-y;background:#0000004d;border:2px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;margin:0 auto;transition:all .3s;display:flex;position:relative;overflow:hidden}.media-container:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#ff007f4d,#2962ff4d);border-radius:18px;transition:opacity .3s;position:absolute;inset:-2px}.media-container:hover:before{opacity:1}.media-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d,0 8px 25px #2962ff33}.media-container.portrait{max-width:400px}.media-container.landscape{max-width:100%}.media-container.audio{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#0000004d,#0003);border:1px solid #ffffff1a;padding:40px;box-shadow:inset 0 2px 8px #0003,0 8px 32px #0000004d}.activity-media-photo,.activity-media-video{touch-action:pan-y;width:100%;height:auto;display:block;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d}.activity-media-photo{filter:drop-shadow(0 0 20px #ffffff1a);touch-action:pan-y;pointer-events:none;-webkit-user-select:none;user-select:none}.media-container.portrait .activity-media-photo,.media-container.portrait .activity-media-video{box-shadow:0 12px 40px #00000080,0 6px 20px #0006,0 0 60px #2962ff1a}.media-container.landscape .activity-media-photo,.media-container.landscape .activity-media-video{box-shadow:0 10px 50px #0006,0 5px 25px #0000004d,0 0 80px #2962ff14}.activity-media-audio{filter:drop-shadow(0 4px 12px #0000004d);width:100%;max-width:500px}.activity-media-audio::-webkit-media-controls-panel{background:#ffffff1a;border-radius:8px}@keyframes audio-pulse{0%{box-shadow:0 0 #2962ff66}70%{box-shadow:0 0 0 10px #2962ff00}to{box-shadow:0 0 #2962ff00}}.media-container.audio:hover{animation:2s infinite audio-pulse}.activity-log-text{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0003;border-radius:12px;margin:20px 0;padding:20px;line-height:1.6}.activity-log-text p{color:#ffffffe6;margin:0;font-size:16px}.activity-cheers-section{border-top:2px solid #ffffff1a;margin-top:30px;padding-top:30px}.activity-cheers-section h3{color:#fff;margin-bottom:20px;font-size:20px;font-weight:600}.cheers-list{flex-direction:column;gap:15px;margin-top:30px;display:flex}.cheer-item{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0003;border-radius:12px;gap:12px;padding:15px;transition:all .2s;display:flex}.cheer-item:hover{background:#0000004d}.cheer-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.cheer-content{flex:1}.cheer-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cheer-username{color:#fff;font-size:14px;font-weight:600}.cheer-amount{color:#10b981;background:#10b98133;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.cheer-message{color:#ffffffe6;margin-bottom:4px;font-size:14px;line-height:1.4}.cheer-timestamp{color:#ffffff80;font-size:12px}.add-cheer-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.cheer-input{color:#fff;-webkit-font-smoothing:antialiased;resize:vertical;box-sizing:border-box;background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.cheer-input::placeholder{color:#fff6}.cheer-input:focus{background:#0006;border-color:#9333ea80;outline:none}.add-cash-pill{color:#ffffffb3;cursor:pointer;-webkit-font-smoothing:antialiased;white-space:nowrap;background:#ffffff14;border:2px solid #ffffff59;border-radius:20px;width:auto;padding:4px 6px;font-size:11px;font-weight:500;transition:all .2s}.add-cash-pill:hover{color:#ffffffe6;background:#ffffff26;border-color:#ffffff80;transform:translateY(-1px)}.add-cash-pill:active{transform:translateY(0)}.cash-pills-container{align-items:center;margin:-10px 3px 0 0;display:flex}.cash-pills-container.add-cash-state{justify-content:flex-end}.cash-pills-container.amount-pills-state{justify-content:space-between}.amount-pill{color:#fff;cursor:pointer;-webkit-font-smoothing:antialiased;white-space:nowrap;background:0 0;border:2px solid #fff3;border-radius:20px;width:auto;padding:4px 6px;font-size:11px;font-weight:500;transition:all .2s}.amount-pill:hover{color:#ffffffb3;background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.amount-pill:active{transform:translateY(0)}.amount-toggle-btn{color:#fff;cursor:pointer;-webkit-font-smoothing:antialiased;background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;height:44px;padding:0 16px;font-size:16px;transition:all .2s}.amount-toggle-btn:hover{background:#0006;border-color:#fff3}.amount-row{align-items:center;gap:8px;display:flex}.amount-input{color:#fff;-webkit-font-smoothing:antialiased;background:#0000004d;border:2px solid #6366f14d;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.amount-input:focus{background:#0006;border-color:#6366f180;outline:none}.send-cheer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.send-cheer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.send-cheer-btn:active{transform:translateY(0)}@media (max-width:768px){.activity-log-header{flex-direction:row;justify-content:space-between;align-items:center}.media-container.landscape{max-width:100%}.amount-row{flex-direction:column;width:100%}.amount-toggle-btn{width:100%;padding:12px}.amount-input{width:100%}.cash-pills-container.add-cash-state{justify-content:flex-end}.cash-pills-container.amount-pills-state{justify-content:space-between}.amount-pill{padding:4px 6px;font-size:12px}}.add-activity-log-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;height:var(--modal-max-height,95vh);background:0 0;padding:0 20px 20px;overflow-y:auto}.add-activity-log-content::-webkit-scrollbar{width:8px}.add-activity-log-content::-webkit-scrollbar-track{background:0 0}.add-activity-log-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.add-activity-log-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.add-activity-log-header{justify-content:center;align-items:center;margin-top:5px;margin-bottom:25px;display:flex;position:relative}.back-button{color:#fff;cursor:pointer;-webkit-font-smoothing:antialiased;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:8px 12px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.add-activity-log-title{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1}.add-activity-log-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;margin-top:5px;display:flex}.form-label{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.form-input,.form-textarea{color:#fff;-webkit-font-smoothing:antialiased;box-sizing:border-box;background:#0000004d;border:2px solid #fff3;border-radius:12px;width:100%;padding:12px 16px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input:focus,.form-textarea:focus{background:#0006;border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:80px;max-height:120px;line-height:1.5}.form-help-text{color:#fff9;margin-top:4px;margin-bottom:0;font-size:13px}.form-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.btn{cursor:pointer;-webkit-font-smoothing:antialiased;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:120px;padding:12px 24px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-small{margin:0 auto;padding:8px 16px;font-size:14px;position:fixed;bottom:30px;left:0;right:0;width:90%!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:2px solid #0000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #ffffff4d}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-fixed{bottom:calc(env(safe-area-inset-bottom,20px) + 20px);z-index:100;width:calc(100% - 40px);margin:0 auto;position:fixed;left:20px;right:20px;max-width:340px!important}@media (max-height:600px){.btn-fixed{bottom:calc(env(safe-area-inset-bottom,10px) + 10px);padding:12px 24px;font-size:.95em}}@media (max-height:500px){.btn-fixed{width:100%;margin-top:20px;max-width:none!important;position:relative!important;bottom:auto!important}}@media (min-width:600px) and (max-width:1024px){.btn-fixed{width:100%;margin-top:20px;max-width:340px!important;position:relative!important;bottom:auto!important}}@media (max-width:768px){.add-activity-log-form{gap:16px}.form-input,.form-textarea{padding:10px 14px;font-size:16px}.form-actions{flex-direction:column;gap:10px}.btn{width:100%;padding:14px 20px}}.selected-promise-display{color:#ffffffe6;-webkit-font-smoothing:antialiased;box-sizing:border-box;background:#0003;border:2px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:500}.form-row{align-items:flex-end;gap:12px;display:flex}.form-group-half{flex:1}.form-label-compact{color:#fff;margin-bottom:6px;font-size:14px;font-weight:600}.date-toggle{background:#0003;border:2px solid #ffffff1a;border-radius:10px;gap:4px;padding:3px;display:flex}.date-toggle .toggle-option:first-child{flex:1}.date-toggle .toggle-option:last-child{flex:2}.result-toggle{background:#0003;border:2px solid #ffffff1a;border-radius:10px;gap:4px;padding:3px;display:flex}.result-toggle .toggle-option:first-child{flex:2}.result-toggle .toggle-option:last-child{flex:1}.success-toggle{background:#0003;border:2px solid #ffffff1a;border-radius:12px;gap:8px;padding:4px;display:flex}.success-toggle-compact{border-radius:10px;gap:4px;padding:3px}.toggle-option{text-align:center;cursor:pointer;color:#ffffffb3;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.toggle-option-compact{text-align:center;cursor:pointer;color:#ffffffb3;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.toggle-option:hover,.toggle-option-compact:hover{color:#ffffffe6;background:#ffffff1a}.toggle-option.active,.toggle-option-compact.active{color:#fff;background:#6366f14d;border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.toggle-option.active:hover,.toggle-option-compact.active:hover{background:#6366f166;border-color:#6366f199}.form-input[type=date],select.form-input{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='rgba(255,255,255,0.7)' 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-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background:0 0}.file-upload-wrapper{box-sizing:border-box;width:100%;max-width:100%}.loading-status{color:#6366f1e6;align-items:center;gap:8px;padding:12px 0;font-size:16px;display:flex}.spinner{border:2px solid #6366f14d;border-top-color:#6366f1e6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.success-message{color:#22c55ee6;background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;margin-top:12px;padding:12px 16px;font-size:14px;line-height:1.5}.error-message{color:#ef4444e6;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.info-box{color:#93c5fde6;background:#3b82f626;border:1px solid #3b82f64d;border-radius:12px;margin-top:8px;padding:12px 16px;font-size:14px;line-height:1.5}.info-list{color:#fffc;margin:8px 0 0;padding:0;font-size:14px;line-height:1.6;list-style:none}.info-list li{margin-bottom:4px}.share-link-container{align-items:stretch;gap:8px;margin-top:8px;display:flex}.share-link-input{flex:1;min-width:0}.share-link-container .btn{flex-shrink:0;padding:12px 16px;font-size:14px}.file-upload-input{display:none}.file-upload-label{cursor:pointer;align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}.file-upload-button{color:#fff;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:0;height:100px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.upload-text{margin-left:4px}.file-upload-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.file-upload-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.file-upload-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;background:#0003;border:2px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;font-size:14px;display:flex;overflow:hidden}.success-level-slider{background:#0003;border:2px solid #ffffff1a;border-radius:16px;gap:2px;padding:8px;display:flex;position:relative;overflow:hidden}.slider-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffb3;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:12px 8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.fail-option{flex:0 0 24%}.tried-failed-option,.success-option{flex:0 0 30%}.slider-option:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.slider-option:hover:before{opacity:1}.slider-option:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 20px #0000004d}.fail-option.active{color:#fff;background:linear-gradient(135deg,#ef44444d 0%,#dc26264d 100%);border-color:#ef444499;transform:scale(1.05);box-shadow:0 0 0 3px #ef444433,0 4px 20px #ef444466}.tried-failed-option.active{color:#fff;background:linear-gradient(135deg,#fb923c4d 0%,#f973164d 100%);border-color:#fb923c99;transform:scale(1.05);box-shadow:0 0 0 3px #fb923c33,0 4px 20px #fb923c66}.success-option.active{color:#fff;background:linear-gradient(135deg,#10b9814d 0%,#0596694d 100%);border-color:#10b98199;transform:scale(1.05);box-shadow:0 0 0 3px #10b98133,0 4px 20px #10b98166}.slider-option:active{transform:scale(.98)}.option-icon{margin-bottom:4px;font-size:24px;transition:transform .2s}.slider-option:hover .option-icon{transform:scale(1.1)}.slider-option.active .option-icon{filter:drop-shadow(0 2px 4px #0000004d);transform:scale(1.2)}.option-label{text-align:center;text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:11px;font-weight:600;line-height:1.2;transition:opacity .2s}.slider-option:hover .option-label,.slider-option.active .option-label{opacity:1}.success-level-slider:before{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width:768px){.form-row{flex-direction:column;gap:16px}.form-group-half{flex:none}.success-toggle{flex-direction:column;gap:6px}.success-toggle-compact{flex-direction:row;gap:4px}.toggle-option{padding:6px 16px 8px;font-size:14px}.toggle-option-compact{padding:10px 12px;font-size:14px}.selected-promise-display{padding:12px 14px;font-size:15px}.file-upload-label{flex-direction:column;align-items:stretch;gap:8px}.file-upload-button{text-align:center;box-sizing:border-box;width:100%;padding:12px 16px}.file-upload-name{box-sizing:border-box;width:100%;max-width:100%}.success-level-slider{flex-direction:row;gap:8px;padding:6px}.success-level-slider:before{width:2px;height:60%;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-group{flex-direction:row;gap:3px}.slider-option{min-height:50px;padding:8px 4px}.option-icon{margin-bottom:2px;font-size:18px}.option-label{font-size:9px;line-height:1.1}}.add-friend-modal-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:var(--modal-max-height,95vh);background:0 0;padding:0 20px 20px;overflow-y:auto}.add-friend-modal-header{text-align:left;flex-direction:column;align-items:flex-start;margin-top:5px;margin-bottom:25px;display:flex}.add-friend-modal-title{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1}.add-friend-modal-subtitle{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.4}.add-friend-modal-form{flex-direction:column;gap:20px;display:flex}.share-link-container{align-items:center;display:flex;position:relative}.share-link-input{cursor:pointer;-webkit-user-select:all;user-select:all;flex:1;padding-right:70px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.share-link-input:focus{-webkit-user-select:all;user-select:all}.copy-icon{color:#ffffffb3;cursor:pointer;-webkit-font-smoothing:antialiased;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:600;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.copy-icon:hover{color:#fff;background:#fff3;border-color:#fff6}@media (max-width:768px){.add-friend-modal-content{max-height:var(--modal-max-height,95vh);padding:0 16px 16px}.add-friend-modal-title{font-size:20px}.add-friend-modal-subtitle{font-size:14px}.share-link-input{padding-right:60px;font-size:12px}.copy-icon{padding:3px 6px;font-size:11px;right:8px}}.year-grid{grid-template-columns:repeat(13,auto);justify-content:center;gap:8px;width:100%;margin:0 auto;display:grid}.year-tile{cursor:pointer;border-radius:5px;width:36px;height:36px;margin-bottom:6px;transition:all .2s}@media (max-width:768px){.year-grid{grid-template-columns:repeat(10,auto);gap:8px}.year-tile{border-radius:4px;width:20px;height:20px;margin-bottom:3px}}@media (max-width:480px){.year-grid{grid-template-columns:repeat(10,auto);gap:8px}.year-tile{border-radius:4px;width:24px;height:24px;margin-bottom:3px}}@media (max-width:768px){.profile-header-row{gap:16px!important}.profile-content h2{font-size:20px!important}.profile-content p{font-size:14px!important}}@media (max-width:480px){.profile-header-row{align-items:flex-start!important;gap:12px!important;width:100%!important;margin-left:0!important;margin-right:0!important}.profile-content{text-align:left!important}.profile-content h2{margin-bottom:6px!important;font-size:18px!important}.profile-content p{font-size:13px!important;line-height:1.4!important}.profile-edit-button button{padding:6px 12px!important;font-size:12px!important}.avatar-large{width:48px!important;height:48px!important}.profile-container>div{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important}.promises-title{text-align:left!important;margin-left:0!important;padding-left:0!important}}@media (max-width:768px){.profile-container{box-sizing:border-box!important;max-width:100%!important;padding:0 4%!important}}@media (max-width:320px){.profile-container{padding:0 3%!important}}.profile-page-container,.promises-page-container{box-sizing:border-box;width:100%;max-width:100vw;margin:0 auto;padding:0 20px}.profile-main-section{margin-bottom:75px}.profile-header-section{margin-bottom:25px}.profile-avatar-name-row{align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.profile-avatar-container{flex-shrink:0}.profile-name-container{text-align:left;flex:1}.profile-name-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:600}.profile-username{color:#fff9;font-size:14px;font-weight:400}.profile-edit-container{flex-shrink:0;align-self:flex-start}.profile-edit-btn{color:#ffffffe6;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.profile-bio-section{text-align:left}.profile-bio-text{color:#ffffffbf;margin:0;font-size:16px;line-height:1.5}.profile-year-overview{margin-top:50px;margin-bottom:20px}.profile-year-overview-title{color:#fff9;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:15px;font-size:11px;font-weight:500}.profile-year-overview-subtitle{margin-top:5px;font-style:italic;display:block}.profile-year-grid-container{width:100%}.profile-wallets-section{margin-top:40px}.profile-wallets-title{color:#fff9;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:12px;font-size:11px;font-weight:500}.profile-wallets-list{flex-direction:column;gap:8px;display:flex}.profile-wallet-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.profile-wallet-info{flex-direction:column;display:flex}.profile-wallet-name{color:#ffffffe6;font-size:14px;font-weight:500}.profile-wallet-address{color:#fff9;font-family:monospace;font-size:12px}.profile-wallet-indicator{background:#ffffffb3;border-radius:50%;width:8px;height:8px}.profile-add-wallet-section{text-align:center;margin-top:20px}.profile-add-wallet-link{color:#fff9;cursor:pointer;font-size:14px;font-weight:400;text-decoration:underline;transition:color .2s}.profile-settings-section{margin-top:0;margin-bottom:50px}.profile-settings-separator{margin-bottom:70px}.profile-settings-title{margin-bottom:25px}.profile-settings-title h3{color:#fff;letter-spacing:1px;margin:0;font-size:20px;font-weight:600}.profile-settings-list{flex-direction:column;gap:16px;display:flex}.profile-settings-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;display:flex}.profile-settings-item-content{flex:1;min-width:0;padding-right:12px}.profile-settings-item-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:500}.profile-settings-item-description{color:#ffffffa6;font-size:14px;line-height:1.3}.profile-toggle-switch{cursor:pointer;width:52px;height:32px;position:relative}.profile-toggle-track{border-radius:16px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.profile-toggle-track.active{background:#22c55ecc;border:2px solid #22c55e}.profile-toggle-track.inactive{background:#ffffff1a;border:2px solid #ffffff4d}.profile-toggle-thumb{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:6px;box-shadow:0 2px 4px #0003}.profile-toggle-thumb.active{left:26px}.profile-toggle-thumb.inactive{left:4px}.profile-settings-separator-line{background:#ffffff1a;border:none;height:1px;margin:20px 0}.profile-delete-btn,.profile-logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.profile-logout-btn:hover{background:#ffffff26;border-color:#ffffff4d}.profile-bottom-spacer{height:100px}.profile-edit-modal-content{height:var(--modal-max-height,95vh);-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 20px 20px;overflow-y:auto}.profile-edit-modal-header{margin-bottom:20px}.profile-edit-modal-title{color:#fff;margin:0;font-size:24px;font-weight:700}.profile-edit-form-group{margin-bottom:20px}.profile-edit-form-label{color:#fff;margin-bottom:8px;font-size:16px;font-weight:500;display:block}.profile-edit-form-input{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.profile-edit-form-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;min-height:120px;padding:14px 16px;font-family:inherit;font-size:16px;line-height:1.5;transition:all .2s}.profile-edit-form-actions{justify-content:center;margin-top:20px;display:flex}.profile-edit-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;min-width:120px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.profile-edit-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.profile-delete-modal-content{height:var(--modal-max-height,95vh);-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 20px 20px;overflow-y:auto}.profile-delete-modal-header{margin-bottom:20px}.profile-delete-modal-title{color:#fff;margin:0;font-size:24px;font-weight:700}.profile-delete-modal-body{padding:20px 0}.profile-delete-modal-warning{color:#fff;text-align:center;margin-bottom:20px;font-size:16px;line-height:1.5}.profile-delete-modal-description{color:#ffffffb3;text-align:center;margin-bottom:30px;font-size:14px;line-height:1.4}.profile-delete-modal-actions{gap:12px;display:flex}.profile-delete-cancel-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex:1;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s}.profile-delete-confirm-btn{color:#fff;cursor:pointer;background:#ff4757;border:1px solid #ff6b7a;border-radius:12px;flex:1;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s}.profile-picture-upload-wrapper{margin-bottom:20px}.profile-picture-upload-input{display:none}.profile-picture-upload-label{cursor:pointer;display:block}.profile-picture-upload-button{color:#fff;cursor:pointer;box-sizing:border-box;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:50px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.profile-picture-upload-button:hover{background:#fff3;border-color:#fff6}.profile-picture-upload-text{margin-left:4px}.profile-picture-upload-filename{color:#fffc;align-items:center;gap:4px;margin-top:8px;font-size:14px;display:flex}.camera-modal-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;max-width:400px;margin:0 auto;padding:2rem;box-shadow:0 20px 40px #0000004d}.camera-modal-header{text-align:center;margin-bottom:2rem}.camera-modal-title{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.camera-modal-options{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.camera-option-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.camera-option-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.camera-option-button span:first-child{font-size:1.2rem}.camera-modal-actions{justify-content:center;display:flex}.camera-cancel-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;padding:.75rem 2rem;font-size:.9rem;transition:all .3s}.camera-cancel-btn:hover{background:#fff3}.profile-picture-upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.profile-picture-upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}@media (max-width:768px){.camera-modal-content{max-width:90%;padding:1.5rem}.camera-option-button{padding:1rem;font-size:.9rem}.camera-modal-title{font-size:1.3rem}}@media (min-width:1000px){#header,.promise-section-container{width:100%;max-width:none}.tile-row{flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:none}.tile{margin:4px 10px 4px 0;width:42px!important;height:42px!important}.promise-section-content{width:100%;max-width:none}.tile-grid{flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:none;display:flex}.main,.main-content,.content{width:100%;max-width:none}.promise-section-container{border-radius:12px!important;margin:10px!important;padding:20px!important}.promise-title,.promise-text,h1,h2,h3{font-size:1.4em!important;line-height:1.3!important}.promise-why,.promise-description{font-size:1.2em!important;line-height:1.4!important}.avatar-small{width:45px!important;height:45px!important}.avatar-medium{width:60px!important;height:60px!important}.avatar-large{width:80px!important;height:80px!important}}.screenshot-mode{border-radius:16px!important;width:100%!important;max-width:none!important;margin:15px!important;padding:25px!important;overflow:visible!important;box-shadow:0 4px 12px #0000001a!important}.screenshot-mode .tile-grid{display:contents!important}.screenshot-mode .tile-row:first-child{grid-template-columns:repeat(7,1fr)!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.screenshot-mode .tile-row:not(:first-child){display:none!important}.screenshot-mode .tile{border-radius:10px!important;justify-self:center!important;width:52px!important;height:52px!important;margin:0!important;box-shadow:0 2px 4px #0000001a!important}.screenshot-mode .promise-title,.screenshot-mode .light-title,.screenshot-mode .why-title{margin-bottom:20px!important;font-size:5.4em!important;font-weight:700!important;line-height:1.1!important}.screenshot-mode .promise-text,.screenshot-mode h1,.screenshot-mode h2,.screenshot-mode h3,.screenshot-mode p{font-size:4.8em!important;font-weight:500!important;line-height:1.2!important}.screenshot-mode .promise-why,.screenshot-mode .promise-description{font-size:4.5em!important;font-weight:500!important;line-height:1.2!important}.screenshot-mode.landscape-mode{border-radius:12px!important;margin:10px!important;padding:20px!important}.screenshot-mode.landscape-mode .tile-row:first-child{grid-template-columns:repeat(7,1fr)!important;gap:6px!important;width:100%!important;margin-bottom:10px!important;display:grid!important}.screenshot-mode.landscape-mode .tile{border-radius:8px!important;justify-self:center!important;width:45px!important;height:45px!important;margin:0!important}.screenshot-mode.landscape-mode .promise-title,.screenshot-mode.landscape-mode .light-title,.screenshot-mode.landscape-mode .why-title{margin-bottom:15px!important;font-size:4.5em!important;font-weight:700!important;line-height:1.1!important}.screenshot-mode.landscape-mode .promise-text,.screenshot-mode.landscape-mode h1,.screenshot-mode.landscape-mode h2,.screenshot-mode.landscape-mode h3,.screenshot-mode.landscape-mode p{font-size:4.2em!important;font-weight:500!important;line-height:1.2!important}.screenshot-mode.landscape-mode .promise-why,.screenshot-mode.landscape-mode .promise-description{font-size:3.9em!important;font-weight:500!important;line-height:1.2!important}@media (min-width:1200px){body{max-width:none;padding:15px 30px}#header{width:100%;max-width:none}.tile-row{flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:none;display:flex}.tile{flex-shrink:0;margin:3px 8px 3px 0;width:48px!important;height:48px!important}.tile-grid{flex-wrap:wrap;justify-content:flex-start;gap:0;width:100%;max-width:none;display:flex}.promise-section-container,.promise-section-content{width:100%;max-width:none;padding:0}.promise-title,.promise-text,h1,h2,h3{font-size:1.6em!important;font-weight:600!important;line-height:1.2!important}.promise-why,.promise-description{font-size:1.4em!important;line-height:1.3!important}.avatar-small{width:55px!important;height:55px!important}.avatar-medium{width:75px!important;height:75px!important}.avatar-large{width:95px!important;height:95px!important}.stake-amount,.promise-stats,.money-amount{font-size:1.6em!important;font-weight:700!important}[class*=stake],[class*=money],[class*=dollar]{font-size:1.5em!important;font-weight:600!important}.promise-section-container{border-radius:16px!important;margin:15px!important;padding:25px!important;box-shadow:0 4px 12px #0000001a!important}.promise-section{gap:18px!important;padding:18px!important}}.white-placeholder::placeholder{color:var(--placeholder-color,white);opacity:var(--placeholder-opacity,.7)}.screenshot-mode{box-sizing:border-box;background-color:#000;padding:20px;overflow:hidden;width:1200px!important;height:630px!important}.screenshot-mode h1,.screenshot-mode h2,.screenshot-mode h3,.screenshot-mode h4,.screenshot-mode h5,.screenshot-mode h6,.screenshot-mode p,.screenshot-mode span,.screenshot-mode div:not(.tile):not(.tile-container){font-size:calc(var(--font-size,1rem)*3)!important}.screenshot-mode .tile{margin:20px!important;transform:scale(2)!important}.screenshot-mode .tile-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:20px;display:flex}.screenshot-mode .promise-section{margin-bottom:40px!important}.screenshot-mode .promises-overview{margin:30px 0!important;transform:scale(1.5)!important}.screenshot-mode .promises-page-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.screenshot-mode .demo-bar,.screenshot-mode .menubar{display:none!important}.add-wallet-modal-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:0 0;height:100%;overflow-y:auto;padding:0 20px 20px!important}.add-wallet-modal-header{text-align:left;flex-direction:column;align-items:flex-start;margin-top:5px;margin-bottom:25px;display:flex}.add-wallet-modal-title{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1}.add-wallet-modal-subtitle{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.4}.add-wallet-modal-form{flex-direction:column;gap:20px;display:flex}@media (max-width:768px){.add-wallet-modal-content{height:100%;padding:0 16px 16px!important}.add-wallet-modal-title{font-size:20px}.add-wallet-modal-subtitle{font-size:14px}}.create-promise-screen{padding-bottom:calc(env(safe-area-inset-bottom,20px) + 100px)!important}@media (max-height:600px){.create-promise-screen{padding-bottom:calc(env(safe-area-inset-bottom,10px) + 80px)!important}}@media (max-height:500px){.create-promise-screen{padding-bottom:20px!important}}@media (min-width:600px) and (max-width:1024px){.create-promise-screen{padding-bottom:40px!important}}.create-promise-screen input::placeholder,.create-promise-screen textarea::placeholder{color:silver!important;opacity:1!important;font-style:italic!important}.create-promise-screen input::-webkit-input-placeholder{color:silver!important;font-style:italic!important}.create-promise-screen textarea::-webkit-input-placeholder{color:silver!important;font-style:italic!important}.create-promise-screen input::-moz-placeholder{color:silver!important;opacity:1!important;font-style:italic!important}.create-promise-screen textarea::-moz-placeholder{color:silver!important;opacity:1!important;font-style:italic!important}:is(.create-promise-screen input:-ms-placeholder-shown,.create-promise-screen textarea:-ms-placeholder-shown){color:silver!important;font-style:italic!important}:is(.create-promise-screen input:placeholder-shown,.create-promise-screen textarea:placeholder-shown){color:silver!important;font-style:italic!important}@media (max-height:500px){.create-promise-header{margin-bottom:10px!important;padding:0 60px 10px!important}.form-group{margin-bottom:12px!important}h1,h2{font-size:1.3em!important}h3{font-size:1.1em!important}}@media (min-width:600px) and (max-width:1024px) and (orientation:portrait){.modal-content,.activity-log-modal,.add-activity-log-modal{max-height:90vh!important;overflow-y:auto!important}.btn-fixed{margin-top:20px!important;position:relative!important;bottom:auto!important}.form-group{margin-bottom:16px!important}}@media (orientation:landscape) and (max-height:500px){.create-promise-screen,.full-screen-welcome{padding-top:10px!important}.btn-fixed{margin-top:15px!important;position:relative!important;bottom:auto!important}h1{margin-bottom:10px!important;font-size:1.5em!important}p{margin-bottom:8px!important}}body.ipad-mode .btn-fixed{width:100%!important;max-width:340px!important;margin-top:20px!important;position:relative!important;bottom:auto!important}body.ipad-mode .create-promise-screen{padding-bottom:40px!important}body.short-viewport .btn-fixed{width:100%!important;max-width:none!important;margin-top:15px!important;position:relative!important;bottom:auto!important}body.short-viewport .create-promise-screen{padding-bottom:20px!important}body.short-viewport .create-promise-header{margin-bottom:10px!important;padding:0 60px 10px!important}body.short-viewport .form-group{margin-bottom:12px!important}body.short-viewport h1,body.short-viewport h2{font-size:1.3em!important}body.short-viewport h3{font-size:1.1em!important}body.short-viewport .modal-content,body.short-viewport .activity-log-modal,body.short-viewport .add-activity-log-modal{max-height:90vh!important;overflow-y:auto!important}