::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::-webkit-scrollbar-corner{background:#f1f1f1}*{scrollbar-width:thick;scrollbar-color:#c1c1c1 #f1f1f1}body{font-family:Asta Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;background:#fff;color:#333}body:not(.main-active) #navbar{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;top:-1000px!important;left:-1000px!important;z-index:-1!important}body.main-active #navbar,#navbar.force-show{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;border-bottom:1px solid #e0e0e0!important;padding:0 32px!important;height:56px!important;align-items:center!important;justify-content:flex-start!important;box-shadow:0 2px 4px #0000001a!important}body.main-active #navbar[style*="display: none"],body.main-active #navbar[style*="visibility: hidden"]{display:flex!important;visibility:visible!important;opacity:1!important}body.main-active #navbar[style*="top: -1000px"],body.main-active #navbar[style*="left: -1000px"],body.main-active #navbar[style*="z-index: -1"]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}#navbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:0 32px;height:56px;display:none;align-items:center;justify-content:flex-start;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px #0000001a}#navbar ul{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0;width:100%!important}#navbar ul{justify-content:flex-start}#navbar li:has(>#menu-curation){margin-left:auto!important}.hamburger-menu-btn{display:none!important;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:none!important;border:none!important;cursor:pointer;padding:0;gap:4px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.hamburger-menu-btn span{display:block;width:20px;height:2px;background-color:#222;transition:all .3s ease;border-radius:1px}body.theme-black .hamburger-menu-btn span{background-color:#f0f0f0!important}body.theme-blackpink .hamburger-menu-btn span{background-color:#ff8fdd!important}body.theme-black .hamburger-menu-btn,body.theme-blackpink .hamburger-menu-btn{filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.hamburger-menu-btn:focus,.hamburger-menu-btn:focus-visible,.hamburger-menu-btn:active,.hamburger-menu-btn:hover{outline:none!important;box-shadow:none!important;background:none!important;border:none!important}.hamburger-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu-btn.active span:nth-child(2){opacity:0}.hamburger-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;display:none;flex-direction:column;z-index:999;max-height:450px;overflow-y:auto}.mobile-menu a{padding:12px 32px;text-decoration:none;color:#222;font-weight:400;font-size:1rem;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.mobile-menu a:hover{background-color:#f8f9fa;color:#e6e6e6}.mobile-menu a:last-child{border-bottom:none}.mobile-menu.show{display:flex}body.main-active .hamburger-menu-btn{display:none!important}body.main-active #navbar-menu{display:flex!important}body.main-active .mobile-menu{display:none!important}@media (max-width: 600px){body.main-active #navbar{justify-content:space-between!important}body.main-active .hamburger-menu-btn{display:flex!important;margin-left:auto!important;order:2}body.main-active #navbar-menu{display:none!important}body.main-active .mobile-menu.show{display:flex!important}}@media (max-width: 600px){#emoji-picker-modal #ep-dialog{min-width:320px!important;width:95vw!important;max-width:95vw!important;margin:0 10px!important}#emoji-picker-modal #ep-header .ep-tab{padding:8px 4px!important;font-size:.9rem!important}#emoji-picker-modal #ep-body{padding:12px!important}}#navbar .fortune-cookie-item{margin-left:0!important}#navbar li#menu-curation{margin-left:auto!important}#navbar li a{text-decoration:none;color:var(--navbar-text-color, #222);font-weight:400;font-size:1rem;line-height:56px;transition:color .2s;background:none}#navbar a#menu-curation,#navbar a#menu-calendar,#navbar a#menu-fortune{font-size:.94rem!important}#navbar li a:hover,#navbar li a.active{background:none;color:#e6e6e6;font-weight:400}.landing-container{max-width:480px;margin:64px auto;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:40px 32px;text-align:center}.landing-container .logo{font-size:2.2rem}.price-box{margin-top:32px;background:#f0f4ff;border-radius:12px;padding:24px 0}.price-box h2{margin-bottom:12px}.price-box ul{padding:0;margin:0 0 16px;list-style:none}.price-box li{margin-bottom:4px}.price-box button{margin:0 8px;padding:10px 24px;border:none;border-radius:6px;background:#e6e6e6;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.price-box button:hover{background:#2563eb}.auth-container{max-width:360px;margin:64px auto;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:32px 24px;text-align:center}.auth-container input{width:90%;margin:8px 0;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.auth-container select{width:100%;margin:8px 0;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff}.auth-container label{font-size:.9rem;color:#374151}.auth-container input[type=checkbox]{width:auto;margin:0;transform:scale(1.1)}.auth-container button{width:100%;margin-top:16px;padding:10px 0;border:none;border-radius:6px;background:#e6e6e6;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.auth-container button:hover{background:#2563eb}.switch-auth{margin-top:12px;font-size:.95rem}.payment-container{max-width:400px;margin:64px auto;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:36px 28px;text-align:center}.payment-container button{margin-top:24px;padding:12px 32px;border:none;border-radius:6px;background:#e6e6e6;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s}.payment-container button:hover{background:#2563eb}.main-layout{display:flex;height:calc(100vh - 56px);margin-top:56px;overflow:hidden}.sidebar-left{background:var(--custom-left-panel-color, #f4f6fa);padding:24px 20px 30px 25px;width:320px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #e0e0e0;flex-shrink:0;min-width:320px}.sidebar-right{background:var(--custom-right-panel-color, #f4f6fa);padding:24px 12px;width:220px;display:flex;flex-direction:column;align-items:center;border-right:none;border-left:1px solid #e0e0e0;flex-shrink:0;min-width:220px}.user-profile{display:flex;flex-direction:row;align-items:center;margin-bottom:24px}#profile-img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:0;border:2px solid #e6e6e6}.user-profile .user-info{margin-left:16px;display:flex;flex-direction:column;align-items:flex-start;width:auto;padding-left:0}.user-profile .user-info span{text-align:left;width:auto}.user-profile #user-nickname,.user-profile #user-motto{display:block;text-align:center}#user-nickname{font-weight:700;text-align:left}#user-motto{text-align:left}.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;justify-items:stretch;margin-bottom:16px;padding:0 10px;box-sizing:border-box}.category-tab{width:100%;min-width:0;min-height:auto;margin:0;background:#e0e7ff;border:none;border-radius:6px;padding:6px 0;font-size:.98rem;cursor:pointer;transition:background .2s}.category-tab.active,.category-tab:hover{background:#e6e6e6;color:#fff}.item-list{flex:1;width:100%!important;margin-bottom:12px;overflow-y:auto;display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start;align-content:flex-start;position:relative;height:auto;min-height:100px!important;visibility:visible!important;opacity:1!important}.item-list:before{content:attr(data-tip);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 8px;border-radius:6px;background:#f3f4f699;border:1px solid #e5e7eb;color:#797979;font-size:.85rem;text-align:center;white-space:pre-wrap;box-sizing:border-box}.item-list:not(:empty):before{display:none}.item-list.drag-over{background:#3b82f60d;border:2px dashed #e6e6e6;border-radius:8px}.add-item-btn{width:95%!important;margin:8px auto 12px;padding:10px 0;border:1px solid rgba(107,114,128,.6);border-radius:8px;background:#fff9;color:#797979;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;flex-shrink:0;align-self:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none}.add-item-btn:hover{background:#6b7280cc;color:#fff;border:1px solid rgba(107,114,128,.8)}.bottom-action-btn{position:relative!important;width:100px!important;margin:0!important;padding:10px 2px!important;min-height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important;cursor:pointer!important;font-size:14px!important;z-index:1000!important;border-radius:8px!important;transition:all .2s ease!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;box-shadow:0 2px 8px #00000026!important;border:1px solid rgba(107,114,128,.6)!important;background:var(--bottom-btn-bg, rgba(255, 255, 255, .6))!important;color:var(--bottom-btn-color, #797979)!important}.bottom-action-btn:hover{background:var(--bottom-btn-hover-bg, rgba(107, 114, 128, .8))!important;color:var(--bottom-btn-hover-color, #ffffff)!important;border:1px solid rgba(107,114,128,.8)!important}#canvas-size-btn,#item-basket-btn,#drawing-pen-btn,#decor-pen-btn,#pixel-text-btn,#print-canvas-btn,#printer-output-btn,#load-codi-btn,#add-codi-title,#moodboard-btn,#add-timestamp,#add-photo-info,#save-codi,#save-webm-btn{font-weight:400!important}#item-basket-btn{background:#f1f3f4;color:#5f6368;border:none;border-radius:8px;font-weight:400;transition:all .2s ease;box-shadow:none;margin:8px 0;padding:10px 0;width:90%;font-size:1rem;cursor:pointer;height:auto;display:flex;align-items:center;justify-content:center}#item-basket-btn:hover{background:#e8eaed;color:#202124;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}#drawing-pen-btn,#decor-pen-btn{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;touch-action:manipulation!important}#drawing-pen-btn{background:#f1f3f4;color:#5f6368;border:none;border-radius:8px;font-weight:400;transition:all .2s ease;box-shadow:none;margin:8px 0;padding:10px 0;width:90%;font-size:1rem;cursor:pointer}#drawing-pen-btn:hover{background:#e8eaed;color:#202124;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.canvas-area{flex:1;display:flex;justify-content:center;align-items:flex-start;background:#f8f9fa;overflow:auto;min-width:0;padding-top:40px;padding-bottom:80px}#codi-canvas-container{aspect-ratio:1120 / 750;width:100%;min-width:320px;min-height:214px;background:#fff;border:2px dashed #e6e6e6;border-radius:12px;width:1120px;height:750px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 12px #3b82f614;overflow:auto;min-height:unset!important;height:auto!important;max-height:none!important;flex-grow:0!important;flex-shrink:0!important;display:block!important}#codi-canvas{width:1120px;height:750px;background:transparent}.sidebar-right button{width:90%;margin:8px 0;padding:10px 0;border:none;border-radius:8px;background:#f1f3f4;color:#5f6368;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:400!important;height:auto;display:flex;align-items:center;justify-content:center}.sidebar-right button:hover{background:#e8eaed;color:#202124;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.sidebar-right .premium-upgrade-btn,.sidebar-right button.premium-upgrade-btn,button#premium-upgrade-btn.premium-upgrade-btn{background:linear-gradient(135deg,#ff87b2,#d89981,#8d4d37)!important;color:#fff!important;border:none!important;padding:12px 16px!important;margin:8px 0!important;border-radius:8px!important;font-weight:400!important;font-size:1rem!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px #ff87b24d!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:90%!important;max-width:90%!important;background-color:transparent!important;border-color:transparent!important}.premium-user-hidden,button.premium-user-hidden,#premium-upgrade-btn.premium-user-hidden{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;pointer-events:none!important}.sidebar-right .premium-upgrade-btn:hover,.sidebar-right button.premium-upgrade-btn:hover,button#premium-upgrade-btn.premium-upgrade-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #ff87b266!important;background:linear-gradient(135deg,#ff6ba8,#d18970,#7a4330)!important;background-color:transparent!important;border-color:transparent!important;color:#fff!important}.premium-upgrade-btn .upgrade-icon{font-size:16px;animation:sparkle 2s ease-in-out infinite}.premium-upgrade-btn .upgrade-text{font-size:1rem;letter-spacing:.5px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#widget-builder-container input[type=color]{-webkit-appearance:none;appearance:none;display:inline-block;width:38px;height:34px;aspect-ratio:auto;padding:0;line-height:0;border:none;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;overflow:hidden;box-sizing:border-box}#widget-builder-container input[type=color]::-webkit-color-swatch-wrapper{padding:0;margin:0;border:0;border-radius:50%}#widget-builder-container input[type=color]::-webkit-color-swatch{padding:0;margin:0;border:0;border-radius:50%}#widget-builder-container input[type=color]::-moz-color-swatch{padding:0;margin:0;border:0;border-radius:50%}#widget-builder-container label{display:inline-flex;align-items:center;gap:6px}.layer-controls{display:flex;gap:8px;margin:12px 0}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:5px 4px;transition:box-shadow .2s;min-width:0;min-height:unset;height:auto;margin:0;box-sizing:border-box}.item-card:hover{box-shadow:0 2px 8px #3b82f61f}.item-thumb{width:64px;height:64px;object-fit:contain;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;margin-bottom:2px;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:auto!important}.item-meta{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.item-name{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#616161}.item-delete-btn{position:absolute!important;top:4px!important;right:4px!important;width:20px!important;height:20px!important;padding:0!important;border-radius:50%!important;background:#e5e7eb!important;color:#797979!important;font-size:14px!important;line-height:0!important;display:grid!important;place-items:center;border:none!important}.item-delete-btn:hover{background:#d1d5db!important;color:#4b5563!important}.add-category-btn{width:95%!important;margin:0 auto 8px;padding:10px 0;border:1.5px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#6b7280;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;align-self:center}.add-category-btn:disabled,.add-category-btn[disabled]{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.7}.add-text-dialog-btn{color:#e6e6e6!important;background:#fcfcfc;border:1.5px solid #c7d2fe;border-radius:5px;padding:2px 12px;font-size:1em;margin-right:4px;cursor:pointer;transition:background .15s,color .15s,border .15s,box-shadow .15s}.add-text-dialog-btn.active{background:#2c2c2c!important;color:#fcfcfc!important;border:1.5px solid #ffffff!important;box-shadow:0 2px 8px #2563eb21}.add-text-dialog-btn:hover{background:#dbeafe;color:#1e40af;border:1.5px solid #60a5fa}.themed-main-btn,.themed-save-btn,.themed-cancel-btn{padding:8px 25px;min-width:60px;font-weight:400!important;font-size:.9em}.themed-save-btn,.themed-cancel-btn{min-width:90px!important;padding:10px 0!important;font-size:16px!important;border-radius:8px!important;font-weight:400!important;border:1.5px solid #e5e7eb!important;box-sizing:border-box}.themed-save-btn:disabled,.themed-cancel-btn:disabled{min-width:90px!important;padding:10px 0!important;font-size:16px!important;border-radius:8px!important;font-weight:400!important;opacity:.6;background:#e5e7eb!important;color:#888!important;cursor:not-allowed;border:1.5px solid #bbb!important}.signup-section{margin:12px 0;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.interests-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.interest-item{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 0}@media (min-width: 1101px){.main-layout{gap:20px!important}#main-section .main-layout{gap:0!important}body:not(.premium-user) .sidebar-right,body.premium-user .sidebar-right{margin-top:0!important;padding-top:20px!important}}@media (max-width: 1100px){body:not(.premium-user) #codi-canvas-container,body:not(.premium-user) #codi-canvas{width:90vw!important;height:calc(90vw * .67)!important;max-width:100vw!important;max-height:80vh!important;min-width:200px!important;min-height:200px!important}body:not(.premium-user) .canvas-area{min-height:300px;padding:8px 0;width:100%;box-sizing:border-box;flex-shrink:0}body:not(.premium-user) .main-layout{flex-direction:column;height:auto;gap:0}body:not(.premium-user) .sidebar-left,body:not(.premium-user) .sidebar-right{width:100%;border:none;border-bottom:1px solid #e0e0e0;padding:12px 13px;min-width:0;min-height:unset;box-sizing:border-box}body:not(.premium-user) .sidebar-left{order:1;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;border-bottom:1px solid #e0e0e0;border-right:none;border-radius:0;padding:12px 13px}body:not(.premium-user) .sidebar-right{flex-direction:row;justify-content:center;align-items:flex-start}body:not(.premium-user) .canvas-area{order:2;min-height:300px;padding:20px 0 0;width:100%;box-sizing:border-box;align-items:flex-start;flex-shrink:0;overflow:visible}body:not(.premium-user) .sidebar-right{order:3;border-top:1px solid #e0e0e0;border-left:none;border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;padding:12px 13px;margin-top:20px;width:100%;min-width:0;min-height:unset;box-sizing:border-box;position:relative}body:not(.premium-user) .sidebar-right button,body:not(.premium-user) .layer-controls{width:100%;margin:4px 2px;min-width:80px;font-size:1rem;box-sizing:border-box;height:40px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important}body:not(.premium-user) .sidebar-left #profile-img{width:64px!important;height:64px!important;flex-shrink:0}body:not(.premium-user) .sidebar-left .item-delete-btn{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;flex-shrink:0}body:not(.premium-user) .sidebar-left .add-category-btn{text-align:center!important;justify-content:center!important}body.premium-user .sidebar-right button,body.premium-user .sidebar-right #item-basket-btn,.sidebar-right #item-basket-btn{height:40px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important;width:90%!important;margin:8px 0!important}.item-search-container{display:flex!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important;justify-content:center!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}.item-list{display:flex!important;flex-wrap:wrap;gap:10px;min-height:80px;max-height:240px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:75px;max-width:110px;flex:0 0 auto}.category-tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1000px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right{padding:3px 10px}.category-tabs,.item-list{padding-left:10px;padding-right:10px}#profile-img{width:64px!important;height:64px!important;flex-shrink:0}.item-delete-btn{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;flex-shrink:0}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:10px;min-height:80px;max-height:240px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:75px;max-width:110px;flex:0 0 auto}.sidebar-right{gap:10px}.sidebar-right button{margin-left:10px;margin-right:10px;margin-top:3px;min-width:80px;padding-left:2px;padding-right:2px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}#drawing-pen-btn{margin-left:10px!important;margin-right:10px!important;margin-top:3px!important;min-width:80px!important;padding-left:2px!important;padding-right:2px!important;width:auto!important;background:#f1f3f4;color:#5f6368;border:none;font-weight:400!important}.sidebar-right #item-basket-btn{margin-left:10px;margin-right:10px;margin-top:3px;min-width:80px;padding-left:2px;padding-right:2px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}}@media (max-width: 1089px){.sidebar-right #item-basket-btn{width:90%!important;margin:8px 0!important;padding:10px 0!important;height:auto!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}.sidebar-right button{height:auto!important;min-height:40px!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}.sidebar-right #drawing-pen-btn{font-weight:400!important}}@media (max-width: 1024px){.sidebar-right{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important}.sidebar-right button{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}.sidebar-right #item-basket-btn{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;font-weight:400!important;border-radius:8px!important;box-shadow:none!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.sidebar-right .premium-upgrade-btn,.sidebar-right button.premium-upgrade-btn,button#premium-upgrade-btn.premium-upgrade-btn,.sidebar-right #premium-upgrade-btn,.sidebar-right button#premium-upgrade-btn{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important}}@media (max-width: 1360px){.sidebar-right{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important}.sidebar-right button{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;border-radius:8px!important;font-weight:400!important}.sidebar-right #item-basket-btn{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;font-weight:400!important;border-radius:8px!important;box-shadow:none!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.sidebar-right .premium-upgrade-btn,.sidebar-right button.premium-upgrade-btn,button#premium-upgrade-btn.premium-upgrade-btn,.sidebar-right #premium-upgrade-btn,.sidebar-right button#premium-upgrade-btn{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important}}@media (min-width: 1090px) and (max-width: 1360px){.sidebar-right{gap:7px!important}.sidebar-right button,.sidebar-right #item-basket-btn{height:100px!important;padding:8px 12px!important;font-size:1rem!important;font-weight:400!important}.sidebar-right #drawing-pen-btn{font-weight:400!important}}@media (max-width: 1200px){.item-search-container{display:flex!important;justify-content:center!important}}.sidebar-right #drawing-pen-btn,.sidebar-right #decor-pen-btn,.sidebar-right #pixel-text-btn,.sidebar-right #item-basket-btn,.sidebar-right #print-canvas-btn,.sidebar-right #canvas-size-btn,.sidebar-right .premium-feature{border-radius:8px}@media (max-width: 1100px){.sidebar-right #drawing-pen-btn{margin:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;background:#f1f3f4;color:#5f6368;border:none;font-weight:400!important}}@media (max-width: 950px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right{padding:3px 10px}.category-tabs,.item-list{padding-left:10px;padding-right:10px}#profile-img{width:64px!important;height:64px!important;flex-shrink:0}.item-delete-btn{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;flex-shrink:0}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:10px;min-height:80px;max-height:240px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:75px;max-width:110px;flex:0 0 auto}.sidebar-right{gap:10px}.sidebar-right button{margin-left:10px;margin-right:10px;margin-top:3px;min-width:80px;padding-left:2px;padding-right:2px;width:auto}#drawing-pen-btn{margin-left:10px!important;margin-right:10px!important;margin-top:3px!important;min-width:80px!important;padding-left:2px!important;padding-right:2px!important;width:auto!important;background:#f1f3f4;color:#5f6368;border:none;font-weight:400!important}}@media (max-width: 900px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right{padding:10px}.category-tabs,.item-list{padding:0 10px}#profile-img{width:64px!important;height:64px!important;flex-shrink:0}.item-delete-btn{width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;flex-shrink:0;font-size:12px!important}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:8px;min-height:80px;max-height:230px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:70px;max-width:100px;flex:0 0 auto}.sidebar-right{gap:10px}.sidebar-right button,.sidebar-right #drawing-pen-btn{margin:3px 10px;min-width:80px;padding:0 2px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}}@media (max-width: 768px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right{padding:10px}.category-tabs,.item-list{padding:0 10px}#profile-img{width:56px!important;height:56px!important;flex-shrink:0}.item-delete-btn{width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;flex-shrink:0;font-size:12px!important}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:8px;min-height:80px;max-height:230px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:65px;max-width:90px;flex:0 0 auto}.sidebar-right{gap:8px}.sidebar-right button,.sidebar-right #item-basket-btn{margin:3px 8px;min-width:75px;padding:0 4px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}}@media (max-width: 680px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right{padding:3px 10px}.category-tabs,.item-list{padding:0 10px}#profile-img{width:52px!important;height:52px!important;flex-shrink:0}.item-delete-btn{width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;flex-shrink:0;font-size:11px!important}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:6px;min-height:70px;max-height:220px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:60px;max-width:85px;flex:0 0 auto}.sidebar-right{gap:8px}.sidebar-right button,.sidebar-right #item-basket-btn{margin:3px 8px 0;min-width:75px;padding:0 2px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}}@media (max-width: 600px){.user-profile{padding:10px 0 10px 15px}.category-tabs,.item-list{padding-left:10px;padding-right:10px}#profile-img{width:48px!important;height:48px!important;flex-shrink:0}.item-delete-btn{width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;flex-shrink:0;font-size:10px!important}.add-category-btn{text-align:center!important;justify-content:center!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:6px;min-height:70px;max-height:220px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:55px;max-width:80px;flex:0 0 auto}.sidebar-right{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important}.sidebar-right button{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}.sidebar-right #item-basket-btn{width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important;font-weight:400!important;border-radius:8px!important;box-shadow:none!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.sidebar-right .premium-upgrade-btn,.sidebar-right button.premium-upgrade-btn,button#premium-upgrade-btn.premium-upgrade-btn,.sidebar-right #premium-upgrade-btn,.sidebar-right button#premium-upgrade-btn{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;margin:0!important;height:40px!important;padding:8px 12px!important}}@media (max-width: 500px){.user-profile{padding:10px 0 10px 15px}.sidebar-left,.sidebar-right,.category-tabs,.item-list{padding:0 10px}#profile-img{width:44px!important;height:44px!important;flex-shrink:0}.item-delete-btn{width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;flex-shrink:0;font-size:10px!important}.add-category-btn{text-align:center!important;justify-content:center!important;font-size:.9rem!important}.item-search-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;grid-column:unset!important;order:-2!important}.item-count-display{display:block!important;width:100%!important;margin:4px 0!important;grid-column:unset!important;order:-1!important;text-align:center;font-size:.75rem;color:#9ca3af;padding:4px 0;border-top:1px solid #f3f4f6;font-weight:500}#canvas-zoom-control{min-width:16px!important;padding:2px!important}#canvas-zoom-control button:first-child,#zoom-buttons-container button{width:20px!important;height:20px!important;font-size:12px!important}#zoom-display{font-size:5px!important;min-width:12px!important;padding:1px 2px!important}.item-list{display:flex!important;flex-wrap:wrap;gap:5px;min-height:60px;max-height:200px;overflow-x:auto;overflow-y:visible;justify-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;order:0!important}.item-card{min-width:50px;max-width:75px;flex:0 0 auto}.sidebar-right{gap:8px}.sidebar-right button,.sidebar-right #item-basket-btn{margin:3px 5px 0;min-width:60px;padding:0 2px;width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:400!important}}.swal2-container,.swal2-popup{z-index:4000!important}.swal2-container-high-z,.swal2-container-high-z .swal2-popup,.swal2-container,.swal2-popup{z-index:999999!important}.swal2-title{font-size:1.2em!important;margin-bottom:16px!important}.swal2-html-container{font-size:.95em!important}.swal2-popup .swal2-html-container{padding:10px!important}.swal2-icon.swal2-info,.swal2-icon.swal2-warning,.swal2-icon.swal2-success{display:none!important}body:not([class*=theme-]) .swal2-popup,body:not([class*=theme-]) .themed-swal-popup,html body:not([class*=theme-]) .swal2-popup.swal2-modal,html body:not([class*=theme-]) .swal2-height-auto .swal2-popup,html body:not([class*=theme-]) .swal2-container .swal2-popup,body:not([class*=theme-]) div.swal2-popup{background:#fff!important;width:auto!important;max-width:90vw!important;min-width:400px!important;max-height:90vh!important;height:auto!important;color:#333!important}@media (max-width: 768px){body:not([class*=theme-]) .swal2-popup{width:50vw!important;min-width:200px!important;max-width:50vw!important}}@media (min-width: 769px) and (max-width: 1024px){body:not([class*=theme-]) .swal2-popup{width:80vw!important;min-width:400px!important;max-width:600px!important}}@media (min-width: 1025px){body:not([class*=theme-]) .swal2-popup{width:auto!important;min-width:400px!important;max-width:600px!important}}body:not([class*=theme-]) .swal2-popup[style*=background]{background:#fff!important}body:not([class*=theme-]) .swal2-popup[style]{background:#fff!important;color:#333!important}body:not([class*=theme-]) div[class*=swal2-popup]{background:#fff!important;color:#333!important}.swal2-deny,.swal2-container .swal2-deny,div.swal2-actions .swal2-deny,.swal2-popup .swal2-deny,button.swal2-deny{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body .swal2-deny{display:none!important}.swal2-actions button[data-swal2-template="#swal2-button-deny"],.swal2-actions button:contains("No"){display:none!important}.force-white-theme{background:#fff!important;background-color:#fff!important;color:#333!important}body:not([class*=theme-]) .swal2-popup,body:not([class*=theme-]) .swal2-modal{background:#fff!important;background-color:#fff!important;color:#333!important}body:not([class*=theme-]) [class*=swal2][style*=background]{background:#fff!important;background-color:#fff!important}body:not([class*=theme-]) .swal2-popup[style*=background]{background:#fff!important;background-color:#fff!important;color:#333!important}body:not([class*=theme-]) .swal2-container{background:#0000002e!important}.swal2-container.swal2-custom-fade{animation:swalContainerFadeIn .25s ease-in-out!important}@keyframes swalContainerFadeIn{0%{opacity:0}to{opacity:1}}body:not([class*=theme-]) .swal2-container>.swal2-popup{background:#fff!important;color:#333!important}.swal2-popup #item-basket-list>div{padding-top:6px!important;padding-bottom:6px!important;position:relative!important}.swal2-popup #item-basket-list img[style*="width:256px"]{margin-top:6px!important}.swal2-popup .item-basket-download-btn{margin-bottom:6px!important}.swal2-popup #item-basket-list>div:not(:last-child):after{content:".・。.・゜✭・.・✫・゜・。. .・。.・゜✭・.・";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:.8rem;color:#0000004d;white-space:nowrap;text-align:center}.swal2-popup #item-basket-close-btn,.swal2-popup button#item-basket-close-btn,button#item-basket-close-btn.item-basket-close-themed{margin-bottom:14px!important;border-radius:6px!important;box-shadow:none!important;font-weight:500!important;padding:12px 28px!important;border:1px solid #ccc!important;transition:all .2s ease!important;font-size:14px!important;cursor:pointer!important;background:#fff!important;color:#333!important}.swal2-popup:has(#item-basket-list){padding-bottom:25px!important}.swal2-popup[style*="width: 520px"]{padding-bottom:25px!important}.swal2-popup #item-basket-list{scrollbar-width:none;-ms-overflow-style:none}.swal2-popup #item-basket-list::-webkit-scrollbar{display:none}.swal2-popup #fc-loader{overflow:hidden!important}.swal2-popup:has(#fc-loader){overflow:hidden!important;scrollbar-width:none;-ms-overflow-style:none}.swal2-popup:has(#fc-loader)::-webkit-scrollbar{display:none}.swal2-popup.fortune-cookie-modal{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto!important}.swal2-popup.fortune-cookie-modal::-webkit-scrollbar{display:none}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-confirm,html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-cancel,html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-deny,html body:not([class*=theme-]) .swal2-popup .swal2-actions button,body:not([class*=theme-]) .swal2-confirm,body:not([class*=theme-]) .swal2-cancel,body:not([class*=theme-]) .swal2-deny,body:not([class*=theme-]) .swal2-actions button,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions button,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions button{color:#333!important;border:1px solid #ddd!important;background:#f8f9fa!important;background-color:#f8f9fa!important;border-radius:4px!important;padding:8px 16px!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-confirm,body:not([class*=theme-]) .swal2-confirm,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-confirm,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-confirm{background:#007bff!important;background-color:#007bff!important;color:#fff!important;border:1px solid #007bff!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-cancel,body:not([class*=theme-]) .swal2-cancel,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-cancel,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-cancel{background:#f8f9fa!important;background-color:#f8f9fa!important;color:#333!important;border:1px solid #ddd!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-deny,body:not([class*=theme-]) .swal2-deny,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-deny,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-deny{background:#dc3545!important;background-color:#dc3545!important;color:#fff!important;border:1px solid #dc3545!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions button[style],body:not([class*=theme-]) .swal2-actions button[style],html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions button[style],html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions button[style]{background:#f8f9fa!important;background-color:#f8f9fa!important;color:#333!important;border:1px solid #ddd!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-confirm[style],body:not([class*=theme-]) .swal2-confirm[style],html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-confirm[style],html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-confirm[style]{background:#007bff!important;background-color:#007bff!important;color:#fff!important;border:1px solid #007bff!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-cancel[style],body:not([class*=theme-]) .swal2-cancel[style],html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-cancel[style],html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-cancel[style]{background:#f8f9fa!important;background-color:#f8f9fa!important;color:#333!important;border:1px solid #ddd!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-deny[style],body:not([class*=theme-]) .swal2-deny[style],html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-deny[style],html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-deny[style]{background:#dc3545!important;background-color:#dc3545!important;color:#fff!important;border:1px solid #dc3545!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-confirm:hover,body:not([class*=theme-]) .swal2-confirm:hover,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-confirm:hover,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-confirm:hover{background:#0056b3!important;background-color:#0056b3!important;border:1px solid #0056b3!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-cancel:hover,body:not([class*=theme-]) .swal2-cancel:hover,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-cancel:hover,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-cancel:hover{background:#e9ecef!important;background-color:#e9ecef!important;border:1px solid #adb5bd!important;color:#333!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions .swal2-deny:hover,body:not([class*=theme-]) .swal2-deny:hover,html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions .swal2-deny:hover,html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions .swal2-deny:hover{background:#c82333!important;background-color:#c82333!important;border:1px solid #c82333!important}html body:not([class*=theme-]) .swal2-popup .swal2-actions button:hover:not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny),body:not([class*=theme-]) .swal2-actions button:hover:not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny),html body:not([class*=theme-]).premium-user .swal2-popup .swal2-actions button:hover:not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny),html body:not([class*=theme-]):not(.premium-user) .swal2-popup .swal2-actions button:hover:not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny){background:#e9ecef!important;background-color:#e9ecef!important;border:1px solid #adb5bd!important;color:#333!important}#codi-save-dialog{background:var(--modal-bg, #fff);border:1.5px solid var(--accent-color, #a7e061);border-radius:12px;padding:20px 24px;color:var(--modal-title-color, #4a4a4a)}#codi-save-dialog .themed-save-btn{background:var(--accent-color, #a7e061);color:#fff;border:none;padding:10px 24px;border-radius:7px;font-weight:600;cursor:pointer;transition:opacity .18s;min-width:90px}#codi-save-dialog .themed-save-btn:hover{opacity:.9}#codi-save-dialog .themed-cancel-btn{background:var(--modal-bg, #fff);color:var(--accent-color, #a7e061);border:1.5px solid var(--accent-color, #a7e061);padding:10px 24px;border-radius:7px;font-weight:600;cursor:pointer;transition:background .18s,color .18s;min-width:90px}#codi-save-dialog .themed-cancel-btn:hover{background:var(--accent-color, #a7e061);color:#fff}#codi-save-dialog input[type=text]{outline:none;transition:border-color .2s ease;height:42px;padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fcfcf8}#codi-save-dialog input[type=text]:focus{border-color:#e6e6e6;box-shadow:0 0 0 3px #3b82f61a}#codi-save-dialog input[type=checkbox]{width:16px;height:16px;accent-color:#e6e6e6;cursor:pointer}#codi-save-dialog label{cursor:pointer;-webkit-user-select:none;user-select:none}.edit-dropdown-menu,.file-dropdown-menu{border-radius:10px!important}body.premium-user .main-layout{width:unset!important;min-width:unset!important;max-width:unset!important;flex:unset!important;flex-grow:unset!important;flex-shrink:unset!important;height:auto!important;min-height:calc(100vh - 56px)!important;max-height:none!important;box-sizing:content-box!important;display:flex!important;flex-direction:row!important;overflow:visible!important}body.premium-user .canvas-area{width:auto!important;min-width:400px!important;max-width:none!important;flex:1!important;flex-grow:1!important;flex-shrink:1!important;height:auto!important;min-height:calc(100vh - 56px)!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important;position:relative!important;padding-top:40px!important;padding-bottom:80px!important}body.premium-user #codi-canvas-container{width:unset!important;min-width:unset!important;max-width:unset!important;flex:unset!important;flex-grow:unset!important;flex-shrink:unset!important;height:unset!important;min-height:unset!important;max-height:unset!important;aspect-ratio:unset!important;box-sizing:content-box!important;display:block!important;overflow:visible!important}@media (max-width: 1400px){body.premium-user .main-layout{flex-direction:row!important;height:auto!important;min-height:calc(100vh - 56px)!important}body.premium-user .sidebar-left,body.premium-user .sidebar-right{width:200px!important;flex:none!important;flex-direction:column!important;border:1px solid #e0e0e0!important;padding:16px!important;min-width:200px!important;max-width:200px!important;min-height:100vh!important;max-height:100vh!important;box-sizing:border-box!important;order:unset!important;position:relative!important}body.premium-user .sidebar-left{border-right:1px solid #e0e0e0!important;border-bottom:none!important;border-left:none!important}body.premium-user .canvas-area{order:unset!important;height:auto!important;min-height:calc(100vh - 56px)!important;max-height:none!important;padding:40px 0 20px!important;width:auto!important;flex:1!important;box-sizing:border-box!important;align-items:flex-start!important;overflow:visible!important}body.premium-user .sidebar-right{border-left:1px solid #e0e0e0!important;border-top:none!important;border-right:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important}body.premium-user .sidebar-right button{width:100%!important;margin:4px 0!important}}@media (max-width: 1100px){body.premium-user .main-layout{flex-direction:row!important;height:auto!important;min-height:100vh!important}body.premium-user .sidebar-left,body.premium-user .sidebar-right{width:200px!important;flex-direction:column!important;order:unset!important}}@media (max-width: 600px){body.premium-user .main-layout{flex-direction:row!important;height:auto!important;min-height:100vh!important}body.premium-user .sidebar-left,body.premium-user .sidebar-right{width:180px!important;flex-direction:column!important;order:unset!important}}.copyright-section{width:100%;background:var(--bottom-area-bg, transparent);border-top:1px solid #f0f0f0;margin-top:0;padding-top:20px}@media (max-width: 1100px){.copyright-section{padding:36px 0 12px!important;margin-top:0!important}.copyright{font-size:11px!important}}@media (max-width: 600px){.copyright-section{padding:32px 0 8px!important;margin-top:0!important}.copyright{font-size:10px!important}}@media (min-width: 1090px){.sidebar-left{overflow:visible!important}.sidebar-toggle-btn{position:absolute;top:15px;right:5px;width:auto;height:auto;background:none!important;border:none!important;border-radius:0;cursor:pointer;z-index:4000;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ddd;box-shadow:none!important;font-weight:400;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;outline:none;-webkit-user-select:none;user-select:none;transition:color .2s ease;padding:4px;line-height:1}.sidebar-toggle-btn:hover{color:#333;background:none!important;box-shadow:none!important}.sidebar-toggle-btn:active{color:#000;background:none!important}.sidebar-reopen-btn{position:fixed;top:120px;left:20px;width:auto;height:auto;background:none!important;border:none!important;border-radius:0;cursor:pointer;z-index:4000;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ddd;box-shadow:none!important;font-weight:400;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;outline:none;-webkit-user-select:none;user-select:none;transition:color .2s ease;padding:6px;line-height:1}.sidebar-reopen-btn:hover{color:#333;background:none!important;box-shadow:none!important}.sidebar-reopen-btn:active{color:#000;background:none!important}.sidebar-toggle-btn svg,.sidebar-reopen-btn svg{display:block;transition:all .2s ease}.sidebar-toggle-btn svg path,.sidebar-reopen-btn svg path{stroke:#ddd;transition:stroke .2s ease}.sidebar-toggle-btn:hover svg path,.sidebar-reopen-btn:hover svg path{stroke:#333}.sidebar-toggle-btn:active svg path,.sidebar-reopen-btn:active svg path{stroke:#000}[data-theme=black] .sidebar-toggle-btn svg path,[data-theme=black] .sidebar-reopen-btn svg path{stroke:#888}[data-theme=black] .sidebar-toggle-btn:hover svg path,[data-theme=black] .sidebar-reopen-btn:hover svg path{stroke:#ccc}[data-theme=black] .sidebar-toggle-btn:active svg path,[data-theme=black] .sidebar-reopen-btn:active svg path{stroke:#fff}}@media (max-width: 1089px){.sidebar-toggle-btn,.sidebar-reopen-btn{display:none!important}}.sidebar-left{transition:width .3s ease,min-width .3s ease,opacity .3s ease;position:relative;overflow:visible}.sidebar-left.collapsed{width:0!important;min-width:0!important;max-width:0!important;opacity:0!important;padding:0!important;border:none!important;visibility:hidden!important;flex-shrink:1!important}.main-layout.sidebar-collapsed .canvas-area{flex-grow:1!important;width:auto!important;max-width:none!important;transition:all .3s ease}@media (min-width: 1090px){.main-layout.sidebar-collapsed #codi-canvas-container{width:1120px!important;height:750px!important;max-width:1120px!important;max-height:750px!important;flex:none!important;flex-shrink:1!important;transition:all .3s ease;margin:0 auto!important}.main-layout.sidebar-collapsed .canvas-area{display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:20px!important;overflow:auto!important;box-sizing:border-box!important;flex:1!important;min-width:0!important}.main-layout.sidebar-collapsed #codi-canvas{width:1120px!important;height:750px!important}.main-layout.sidebar-collapsed{grid-template-columns:0fr 1fr auto!important}}@media (max-width: 1089px){.main-layout.sidebar-collapsed{grid-template-columns:auto 1fr auto!important}.sidebar-left.collapsed{width:auto!important;min-width:auto!important;max-width:auto!important;opacity:1!important;padding:auto!important;border:auto!important;visibility:visible!important;flex-shrink:auto!important}}.community-sidebar{position:fixed;top:0;right:-480px;width:480px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease-in-out;overflow-y:auto}.community-sidebar.open{right:0}.community-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;position:sticky;top:0;z-index:10}.community-sidebar-title{font-size:18px;font-weight:700;color:#333!important;margin:0}.community-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:35px;height:35px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;font-family:Arial,sans-serif;transition:background-color .2s}.community-close-btn:hover{background-color:#e9ecef}.community-sidebar-content{height:calc(100vh - 80px);overflow-y:auto}.community-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.community-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.community-sidebar{width:100%;right:-100%}.community-sidebar.open{right:0}}.help-sidebar{position:fixed;top:0;right:-500px;width:500px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease-in-out;overflow-y:auto}.help-sidebar.open{right:0}.help-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;position:sticky;top:0;z-index:10}.help-sidebar-title{font-size:18px;font-weight:700;color:#333;margin:0}.help-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.help-close-btn:hover{background-color:#e9ecef}.help-sidebar-content{padding:20px;height:calc(100vh - 80px);overflow-y:auto}.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.help-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.help-sidebar{width:100%;right:-100%}.help-sidebar.open{right:0}}.help-sidebar-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6;color:#333}.help-sidebar-content *{font-family:inherit!important}.help-sidebar-content h1{display:none}.help-sidebar-content h2{margin-top:28px;margin-bottom:12px;color:#333;font-weight:600;font-size:1.2rem;font-family:inherit!important}.help-sidebar-content .section-title,.help-sidebar-content .panel-title{margin-top:20px;margin-bottom:10px;color:#333;font-weight:600;font-size:1.1rem;font-family:inherit!important}.help-sidebar-content ul,.help-sidebar-content ol{margin-left:20px;margin-bottom:16px}.help-sidebar-content li{margin-bottom:6px;font-family:inherit!important;font-size:14px;line-height:1.6}.help-sidebar-content .tip{color:#333;font-weight:600;font-family:inherit!important}.help-sidebar-content .premium-tip{color:#333;font-family:inherit!important}.help-sidebar-content p{margin-bottom:12px;font-family:inherit!important;font-size:14px;line-height:1.6}.help-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid #e9ecef}.help-action-btn{background:#b0b6c2;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;height:40px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background .18s;text-decoration:none!important;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.help-action-btn.primary{background:#ff5fa2}.help-action-btn.secondary{background:#8b5cf6}.help-action-btn:hover.primary{background:#e94d8f}.help-action-btn:hover.secondary{background:#7c3aed}.help-back-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.help-back-btn:hover{background:#e9ecef;color:#495057;transform:translate(-2px)}.help-notice-page{animation:slideInRight .3s ease}.help-notice-content::-webkit-scrollbar{width:6px}.help-notice-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.help-notice-content::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.help-notice-content::-webkit-scrollbar-thumb:hover{background:#7c3aed}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inquiry-history-modal{border-radius:16px!important}.inquiry-history-content{padding:0!important}.inquiry-history-content::-webkit-scrollbar{width:8px}.inquiry-history-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.inquiry-history-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.inquiry-history-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.plan-change-confirm-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.plan-change-confirm-modal .swal2-title{display:none!important}.plan-change-confirm-modal .swal2-html-container{margin:0!important;padding:0!important;text-align:left!important}.plan-change-confirm-modal .swal2-popup{padding:0!important}.plan-confirm-btn{background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,var(--primary-color, #6366f1) 100%)!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:1em!important;box-shadow:0 4px 12px #c9c9c94d!important;transition:all .3s ease!important}.plan-confirm-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #b3b3b366!important}.plan-cancel-btn{background:#f8f9fa!important;color:#6c757d!important;border:1px solid #dee2e6!important;border-radius:12px!important;padding:12px 24px!important;font-weight:500!important;font-size:1em!important;transition:all .3s ease!important}.plan-cancel-btn:hover{background:#e9ecef!important;color:#495057!important;transform:translateY(-1px)!important}@media (max-width: 600px){.plan-change-confirm-modal{width:95%!important;max-width:95%!important}.plan-change-confirm-modal .swal2-html-container{font-size:.9em!important}.plan-confirm-btn,.plan-cancel-btn{padding:10px 20px!important;font-size:.9em!important}}.dot-editor-sidebar{position:fixed;top:0;right:-520px;width:520px;height:100vh;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1500;transition:right .3s ease;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dot-editor-sidebar.open{right:0}.dot-editor-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.dot-editor-sidebar-title{font-size:1.4rem;font-weight:700;color:#333;margin:0}.dot-editor-close-btn{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.dot-editor-close-btn:hover{background:#e9ecef;color:#495057}.dot-editor-sidebar-content{flex:1;overflow-y:auto;padding:0}.dot-editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1400;opacity:0;visibility:hidden;transition:all .3s ease}.dot-editor-overlay.active{opacity:1;visibility:visible}.dot-editor-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#23272f;padding:20px 0}body:not([class*=theme-]) .modal-content{background:#fff!important}body:not([class*=theme-]) .dot-editor-header{color:#333!important}.dot-editor-header{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center}.dot-editor-canvas-area{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;width:480px;min-height:480px;display:flex;flex-direction:column;align-items:center;padding:24px 0;margin-bottom:20px}.dot-editor-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap;justify-content:center}.dot-editor-tool-btn{background:#e5e7eb;color:#23272f;border:none;border-radius:6px;padding:6px 16px;font-size:.9rem;font-weight:400;cursor:pointer;transition:background .2s}.dot-editor-tool-btn.active{background:#00e0b8;color:#23272f;font-weight:700}.dot-editor-brush-size-group{display:flex;gap:4px;margin-left:12px}.dot-editor-brush-size-btn{width:24px;height:24px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#23272f;font-weight:400;cursor:pointer;font-size:.8rem;transition:border .2s,background .2s}.dot-editor-brush-size-btn.selected{border:2px solid #00e0b8;background:#e6fcf7;font-weight:700}.dot-editor-canvas{width:400px;height:400px;background:#f5f6fa;border-radius:8px;box-shadow:0 2px 8px #00000008;display:grid;grid-template-columns:repeat(100,1fr);grid-template-rows:repeat(100,1fr);position:relative;-webkit-user-select:none;user-select:none;margin-bottom:20px}.dot-editor-dot{width:2px;height:2px;border-radius:50%;background:transparent;cursor:pointer;transition:background .1s;position:relative}.dot-editor-dot.active{background:#23272f}.dot-editor-dot.grid{border:1px solid #e5e7eb}.dot-editor-dot.block-border-left{border-left:1px solid #d1d5db}.dot-editor-dot.block-border-top{border-top:1px solid #d1d5db}.dot-editor-action-panel{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.dot-editor-action-btn{background:#f5f6fa;color:#23272f;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:.9rem;cursor:pointer;transition:border .2s,color .2s}.dot-editor-action-btn.reset{color:#e74c3c;border-color:#e74c3c}.dot-editor-action-btn:hover{border-color:#00e0b8}.dot-editor-image-upload-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.dot-editor-image-upload-btn{display:flex;align-items:center;justify-content:center;background:#f5f6fa;border-radius:8px;padding:12px 0;width:400px;font-size:.9rem;font-weight:500;color:#23272f;cursor:pointer;border:1px solid #e5e7eb;transition:border .2s}.dot-editor-image-upload-btn:hover{border:1px solid #00e0b8}.dot-editor-style-select{width:400px;padding:10px;border-radius:8px;border:1px solid #e5e7eb;background:#f5f6fa;font-size:.9rem;color:#23272f}.dot-editor-slider-group{width:400px;display:flex;flex-direction:column;align-items:center;gap:4px}.dot-editor-slider-group input[type=range]{width:100%;margin-top:6px}.dot-editor-precision-value{color:#00e0b8;font-weight:700;font-size:.9rem}.dot-editor-toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%);background:#23272f;color:#fff;padding:10px 24px;border-radius:20px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:2000}.dot-editor-toast.show{opacity:1}@media (max-width: 768px){#dot-editor-modal{padding:10px!important}#dot-editor-modal>div{width:98vw!important;max-width:98vw!important;max-height:95vh!important;border-radius:12px!important}#dot-editor-modal .dot-editor-header,#dot-editor-modal h2{font-size:1.2rem!important;padding:12px 16px!important}#dot-editor-modal div[style*="padding: 20px"]{padding:15px!important}.dot-editor-file-controls{flex-wrap:wrap!important;gap:8px!important;margin-bottom:10px!important}.dot-editor-canvas-area{width:95%!important;padding:16px 0!important;min-height:320px!important}.dot-editor-canvas,#dot-editor-canvas{width:280px!important;height:280px!important}.dot-editor-image-upload-btn,.dot-editor-style-select,.dot-editor-slider-group{width:280px!important;font-size:.9rem!important}.dot-editor-toolbar,.dot-editor-action-panel{gap:6px!important;flex-wrap:wrap!important;justify-content:center!important}.dot-editor-action-btn{padding:4px 8px!important;font-size:.75rem!important;min-width:auto!important}.dot-editor-sidebar{width:100vw;right:-100vw}}@media (max-width: 600px){#dot-editor-modal>div{width:100vw!important;max-width:100vw!important;border-radius:0!important;margin:0!important}.dot-editor-canvas,#dot-editor-canvas{width:240px!important;height:240px!important}.dot-editor-image-upload-btn,.dot-editor-style-select,.dot-editor-slider-group{width:240px!important}}.photo-editor-modal{max-width:95vw!important;width:95vw!important}@media (min-width: 769px){.photo-editor-modal{max-width:700px!important;width:700px!important}}@media (max-width: 768px){.photo-editor-modal{max-width:98vw!important;width:98vw!important;margin:10px!important}.photo-editor-modal #filter-list{gap:4px!important;justify-content:center!important}.photo-editor-modal #filter-list button{padding:4px 8px!important;font-size:.8rem!important;border-radius:4px!important}.photo-editor-modal #photo-preview{max-width:100%!important;height:auto!important;border-radius:8px!important}.photo-editor-modal .swal2-title{font-size:1.2rem!important;margin-bottom:15px!important}.photo-editor-modal .swal2-html-container{margin:0!important;padding:0!important}.photo-editor-modal .swal2-actions{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.photo-editor-modal .swal2-styled{margin:0!important;padding:8px 16px!important;font-size:.9rem!important;min-width:auto!important}}@media (max-width: 600px){.photo-editor-modal{max-width:100vw!important;width:100vw!important;margin:0!important;border-radius:0!important}.photo-editor-modal #filter-list{flex-wrap:wrap!important;max-height:120px!important;overflow-y:auto!important}.photo-editor-modal #filter-list button{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important}.photo-editor-modal .swal2-actions{flex-direction:column!important}.photo-editor-modal .swal2-styled{width:100%!important;margin-bottom:5px!important}}@media (max-width: 768px){#curation-detail-modal .modal-content{max-width:95vw!important;width:95vw!important;max-height:80vh!important;margin:10px!important}#curation-detail-modal .modal-body{max-height:calc(80vh - 80px)!important;padding:16px!important}#curation-detail-modal .modal-header{padding:16px!important}#curation-detail-modal .modal-title{font-size:1.1rem!important}}@media (max-width: 600px){#curation-detail-modal .modal-content{max-width:100vw!important;width:100vw!important;max-height:85vh!important;margin:0!important;border-radius:0!important}#curation-detail-modal .modal-body{max-height:calc(85vh - 60px)!important;padding:12px!important}#curation-detail-modal .modal-header{padding:12px 16px!important}}.swal2-toast .swal2-title{font-size:.9rem!important;font-weight:500!important}.swal2-toast{font-size:.85rem!important}#user-profile-modal .themed-cancel-btn{width:auto!important;padding:8px 32px!important;margin:0 auto!important;display:block!important}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000059;z-index:3000;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{background:var(--modal-bg, #fff);border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:440px;width:90%;animation:modalIn .25s ease forwards;font-family:Asta Sans,Arial,sans-serif}@keyframes modalIn{0%{transform:translateY(-18px);opacity:0}to{transform:none;opacity:1}}.swal2-show.swal2-custom-fade{animation:swalFadeIn .25s ease-in-out!important}.swal2-hide.swal2-custom-fade{animation:swalFadeOut .2s ease!important}@keyframes swalFadeIn{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes swalFadeOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px)}}.modal-header{padding:20px 22px;font-weight:700;font-size:1.25rem;border-bottom:1px solid #f1f1f1;text-align:center;color:var(--modal-title-color, currentColor)}.modal-body{padding:18px 22px;max-height:70vh;overflow-y:auto;font-size:1rem;color:#444}.modal-footer{padding:16px 22px;display:flex;justify-content:center;gap:10px}.modal-btn{padding:8px 22px;border:none;border-radius:7px;cursor:pointer;font-weight:600;font-size:.95rem;transition:opacity .18s}.modal-btn.primary{background:var(--accent-color, #ff5fa2);color:#fff}.modal-btn.secondary{background:#f4f4f4;color:#666}.modal-btn:hover:not(:disabled){opacity:.85}.modal-btn:disabled{opacity:.55;cursor:not-allowed}body[class*=theme-] .swal2-confirm{background:var(--accent-color, #e6e6e6)!important;border:1.5px solid var(--accent-color, #e6e6e6)!important;color:#fff!important;border-radius:7px!important;font-weight:700;margin:0 5px!important;min-width:80px!important;padding:8px 16px!important}body[class*=theme-] .swal2-confirm:hover{filter:brightness(.92)!important}body[class*=theme-] .swal2-cancel{background:#e5e7eb!important;border:1.5px solid #ccc!important;color:#666!important;border-radius:7px!important;font-weight:700;margin:0 5px!important;min-width:80px!important;padding:8px 16px!important}body[class*=theme-] .swal2-cancel:hover{background:#d1d5db!important}body[class*=theme-] .swal2-deny{background:var(--accent-color, #e6e6e6)!important;border:1.5px solid var(--accent-color, #e6e6e6)!important;color:#fff!important;border-radius:7px!important;font-weight:700;margin:0 5px!important;min-width:80px!important;padding:8px 16px!important}body[class*=theme-] .swal2-deny:hover{filter:brightness(.92)!important}body[class*=theme-] .swal2-actions{margin:20px 0 0!important;gap:10px!important;display:flex!important;justify-content:center!important}.btn{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .18s;box-sizing:border-box}.btn-primary{background:linear-gradient(90deg,#ffb0d5,#b48ad6);color:#fff;box-shadow:0 2px 12px #ffb0d545}.btn-primary:hover:not(:disabled){opacity:.85;background:linear-gradient(90deg,#b48ad6,#ffb0d5)}.btn-secondary{background:linear-gradient(90deg,#fce7f3,#f3e8ff);color:#b048a6;border:1px solid #f9a8d4}.btn-secondary:hover:not(:disabled){background:linear-gradient(90deg,#f9a8d4,#ddd6fe);color:#7c2d92}.btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}#codi-save-dialog input[type=text]{padding:14px 18px!important;height:56px!important;font-size:1.05rem!important;line-height:1.25!important}.modal-input{width:100%;padding:10px 14px;height:43px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;box-sizing:border-box}.modal-input:focus{border-color:#e6e6e6;box-shadow:0 0 0 3px #3b82f61a;outline:none}#codi-save-overlay{display:flex;justify-content:center;align-items:center}#codi-save-overlay .modal{position:static!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;max-width:440px!important}#user-nickname,#user-motto,.user-profile .user-info span{line-height:20px}.item-name{line-height:16px}#community-sidebar{box-sizing:border-box}body.community-sidebar-open{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#curation-modal .modal-content,#curation-modal div.modal-content,div#curation-modal .modal-content{max-width:500px!important;width:90%!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 24px #00000026!important;animation:modalIn .25s ease forwards!important;overflow:hidden!important;position:relative!important;margin:0!important;padding:0!important;transform:none!important}#curation-detail-modal .modal-content{background:#0000002e;animation:fadeIn .25s ease-in-out}#curation-detail-modal .modal-content>div{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;animation:modalIn .25s ease forwards}.curation-item{border-radius:8px;transition:all .2s ease}.curation-item:hover{background-color:#f9fafb!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){#curation-modal .modal-content,#curation-modal div.modal-content,div#curation-modal .modal-content{max-width:500px!important;width:95vw!important;margin:20px!important}#curation-detail-modal .modal-content{max-width:95vw;margin:20px}.curation-item{flex-direction:column;text-align:center}.curation-item>div:first-child{margin-right:0;margin-bottom:15px}}#pixel-text-btn,.sidebar-right #pixel-text-btn,button#pixel-text-btn,*#pixel-text-btn,body #pixel-text-btn,html #pixel-text-btn,div #pixel-text-btn,.sidebar-right button#pixel-text-btn,button.sidebar-right#pixel-text-btn,[id=pixel-text-btn]{font-weight:400!important}@media (max-width: 768px),(hover: none) and (pointer: coarse){#codi-canvas-container,.canvas-view,#codi-canvas{touch-action:none!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important;position:relative!important}.upper-canvas,.lower-canvas{touch-action:none!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;overscroll-behavior:none!important;position:absolute!important}.canvas-area{width:100%!important;padding:8px!important}button,.add-item-btn,.add-category-btn,.sidebar-right button{font-size:16px}input,textarea,select{font-size:16px!important}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#navbar{padding-left:max(32px,env(safe-area-inset-left))!important;padding-right:max(32px,env(safe-area-inset-right))!important}}@media (max-width: 896px) and (orientation: landscape){#codi-canvas-container{max-height:70vh}}@media (min-width: 769px) and (max-width: 1024px){.canvas-area{padding:16px}#codi-canvas-container{max-width:90%}}@media (max-width: 360px){#navbar{padding:0 16px!important;font-size:14px}.canvas-area{padding:4px!important}}@media (max-width: 768px){.swal2-popup{max-width:85%!important;width:85%!important;padding:14px!important;margin:0 auto!important}.swal2-title{font-size:1.2rem!important;padding:8px 0!important;line-height:1.3!important}.swal2-html-container{font-size:.85rem!important;padding:8px 0!important;line-height:1.4!important}.swal2-styled{padding:8px 20px!important;font-size:.85rem!important;min-width:80px!important;margin:4px!important}.swal2-actions{margin-top:12px!important;gap:8px!important}.swal2-icon{width:60px!important;height:60px!important;margin:12px auto 8px!important}.swal2-input,.swal2-textarea,.swal2-select{font-size:.9rem!important;padding:8px 12px!important;margin:8px 0!important}.swal2-textarea{min-height:80px!important}#theme-dialog>div{max-width:90%!important;padding:16px!important}#theme-dialog h2{font-size:1.2rem!important;margin-bottom:10px!important}#theme-dialog button{padding:8px 14px!important;font-size:.85rem!important;width:auto!important;min-width:90px!important}#theme-dialog>div>div{gap:8px!important}.dot-editor-modal{max-width:90%!important;padding:12px!important}.dot-editor-modal h3{font-size:1.1rem!important;margin-bottom:10px!important}.dot-editor-toolbar button{padding:6px 12px!important;font-size:.8rem!important;min-width:60px!important}.dot-editor-canvas-container{margin:10px 0!important}.dot-editor-brush-size-btn{width:28px!important;height:28px!important;font-size:.75rem!important}.drawing-pen-modal-content{max-width:90%!important;width:90vw!important;padding:16px!important;max-height:75vh!important}.drawing-pen-modal-content h2{font-size:1.2rem!important;margin-bottom:14px!important}.drawing-pen-modal-content label{font-size:.8rem!important;margin-bottom:6px!important}.drawing-pen-modal-content button{padding:6px 12px!important;font-size:.8rem!important}.drawing-pen-modal-content input[type=range]{margin-bottom:8px!important}.drawing-pen-modal-content .brush-type-btn,.drawing-pen-modal-content .shape-btn{padding:6px 12px!important;font-size:.8rem!important}#emoji-picker-container{max-width:90%!important;max-height:70vh!important}#emoji-picker-tabs button{padding:8px 12px!important;font-size:.8rem!important}.emoji-grid{gap:6px!important}.emoji-item{font-size:1.3rem!important;padding:6px!important}#emoji-search{font-size:.85rem!important;padding:6px 10px!important}#text-modal-overlay .modal-content{max-width:90%!important;padding:14px!important}#text-modal-overlay h3{font-size:1.1rem!important;margin-bottom:10px!important}#text-modal-overlay input[type=text],#text-modal-overlay input[type=number],#text-modal-overlay textarea{font-size:.85rem!important;padding:8px 10px!important}#text-modal-overlay label{font-size:.8rem!important;margin-bottom:4px!important}#canvas-bgimg-modal .modal-content{max-width:90%!important;padding:14px!important}#canvas-bgimg-modal h2{font-size:1.2rem!important;margin-bottom:10px!important}#canvas-bgimg-modal button{padding:8px 16px!important;font-size:.85rem!important}#canvas-bg-modal .modal-content{max-width:90%!important;padding:14px!important}#canvas-bg-modal h2{font-size:1.2rem!important}.color-preset-grid{gap:6px!important}.color-preset{width:36px!important;height:36px!important}#watermark-modal .modal-content{max-width:90%!important;padding:14px!important}#watermark-modal h2{font-size:1.2rem!important}#watermark-modal label{font-size:.8rem!important}#watermark-modal input{font-size:.85rem!important;padding:8px 10px!important}.save-modal .modal-content{max-width:90%!important;padding:14px!important}.save-modal h2{font-size:1.2rem!important}.save-modal label{font-size:.8rem!important}.save-modal input[type=checkbox]{width:16px!important;height:16px!important}button:not(.category-tab):not(.item-thumb){font-size:.85rem!important}button#item-basket-btn,button#item-basket-btn[style],#item-basket-btn,#right-panel button,#right-panel button[style],.premium-feature,button.premium-feature,button.premium-feature[style]{font-size:.85rem!important;padding:8px 14px!important}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:.85rem!important;padding:8px 10px!important}label{font-size:.8rem!important}p,span,div{font-size:inherit}#emoji-toast{font-size:.75rem!important;padding:6px 16px!important;bottom:70px!important}.item-info-modal .modal-content,.item-edit-modal .modal-content{max-width:90%!important;padding:14px!important}.item-info-modal h3,.item-edit-modal h3{font-size:1.1rem!important;margin-bottom:10px!important}.item-info-modal .info-row,.item-edit-modal .form-row{margin-bottom:8px!important}.item-info-modal label,.item-edit-modal label{font-size:.75rem!important}#calendar-add-modal .modal-content{max-width:90%!important;padding:14px!important}#calendar-add-modal h2{font-size:1.2rem!important}#calendar-add-modal input[type=date],#calendar-add-modal textarea{font-size:.85rem!important;padding:8px 10px!important}#account-settings-modal .modal-content{max-width:95%!important;max-height:85vh!important;padding:14px!important}#account-settings-modal h2{font-size:1.3rem!important}#account-settings-modal h3{font-size:1.1rem!important}#account-settings-modal .section{padding:10px!important;margin-bottom:10px!important}#account-settings-modal .section-title{font-size:.9rem!important}#payment-modal .modal-content{max-width:95%!important;padding:14px!important}#payment-modal h2{font-size:1.3rem!important}#payment-modal .plan-card{padding:12px!important;margin-bottom:10px!important}#payment-modal .plan-card h3{font-size:1.1rem!important}#payment-modal .plan-card .price{font-size:1.3rem!important}#payment-modal .plan-card .features li{font-size:.8rem!important;margin-bottom:4px!important}#post-detail-modal .modal-content{max-width:95%!important;padding:14px!important}#post-detail-modal h2{font-size:1.2rem!important}#post-detail-modal .post-meta{font-size:.75rem!important}#post-detail-modal .post-description{font-size:.85rem!important}#moodboard-modal .modal-content{max-width:95%!important;padding:14px!important}#moodboard-modal h2{font-size:1.2rem!important}#moodboard-modal label{font-size:.8rem!important}.moodboard-image-slot{height:80px!important}.modal-close,.close-modal-btn{font-size:1.3rem!important;width:30px!important;height:30px!important;line-height:30px!important}#curation-modal .modal-content{max-width:90%!important;padding:0!important}#curation-modal .curation-header{padding:14px 14px 8px!important}#curation-modal .curation-header h2{font-size:1.1rem!important}#curation-modal .modal-body{max-height:calc(80vh - 100px)!important}#curation-modal .modal-footer,#curation-list .curation-item{padding:14px!important}#curation-list .curation-item h3{font-size:1.05rem!important;margin-bottom:6px!important}#curation-list .curation-item .subtitle{font-size:.8rem!important;margin-bottom:8px!important}#curation-list .curation-item .content{font-size:.85rem!important;line-height:1.5!important}#curation-list .curation-item .curation-footer{margin-top:10px!important;font-size:.75rem!important}#curation-prev-btn,#curation-next-btn{font-size:28px!important;width:45px!important;height:45px!important}#curation-close-btn{padding:8px 16px!important;font-size:.85rem!important;margin-bottom:10px!important}#curation-loading,#curation-empty{padding:30px!important}#curation-loading div:first-child,#curation-empty div:first-child{font-size:1.8rem!important}#curation-empty h3{font-size:1.05rem!important;margin-bottom:8px!important}#curation-empty p{font-size:.8rem!important}.plan-change-modal-content{width:90%!important;max-width:480px!important;height:auto!important;max-height:85vh!important;padding:16px!important}.plan-change-modal-content h2{font-size:1.2rem!important;margin-bottom:14px!important}.plan-change-plans-container{gap:10px!important;margin-bottom:20px!important}.plan-change-plan-card{padding:14px!important}.plan-change-plan-card h3{font-size:1rem!important;margin-bottom:8px!important}.plan-change-plan-card>div>div:first-child{font-size:1.05rem!important}.plan-change-plan-card>div>div:nth-child(2){font-size:.85rem!important}.plan-change-plan-card>div[style*="position: absolute"]{font-size:.85rem!important;padding:3px 8px!important}.plan-change-plan-card button{padding:8px 14px!important;font-size:.85rem!important}.plan-change-modal-content a,.plan-change-modal-content button[style*="text-decoration: underline"]{font-size:.8rem!important}.plan-change-modal-content>button:first-child{font-size:20px!important;width:28px!important;height:28px!important}.mobile-menu{top:50px!important;max-height:380px!important;overflow-y:auto!important}.mobile-menu a{padding:10px 24px!important;font-size:.85rem!important}.file-dropdown-menu{top:50px!important;max-height:280px!important}.file-dropdown-menu li{padding:10px 24px 10px 16px!important;font-size:.85rem!important}.edit-dropdown-menu{top:50px!important;left:50px!important}.edit-dropdown-menu li{padding:10px 24px 10px 16px!important;font-size:.85rem!important}.photo-info-modal-content{min-width:300px!important;padding:24px 20px 18px!important}.photo-info-modal-content h2{font-size:1.1rem!important;margin-bottom:14px!important}.photo-info-modal-content label{font-size:.85rem!important;margin-bottom:6px!important}.photo-info-modal-content input{font-size:.85rem!important;padding:6px 10px!important;margin-bottom:12px!important}.photo-info-modal-content button{font-size:.85rem!important;padding:8px 16px!important;min-width:75px!important}.codi-title-modal-content{min-width:300px!important;padding:24px 20px 18px!important}.codi-title-modal-content h2{font-size:1.1rem!important;margin-bottom:14px!important}.codi-title-modal-content label{font-size:.85rem!important;margin-bottom:6px!important}.codi-title-modal-content input{font-size:.85rem!important;padding:6px 10px!important;margin-bottom:12px!important;width:240px!important}.codi-title-modal-content button{font-size:.85rem!important;padding:8px 16px!important;min-width:75px!important}.canvas-size-modal-content{width:90%!important;max-width:384px!important;padding:20px 18px 18px!important}.canvas-size-modal-content h2{font-size:1.1rem!important;margin-bottom:16px!important}.canvas-size-modal-content .current-size-label-container{font-size:.85rem!important;padding:10px!important;margin-bottom:12px!important}.canvas-size-modal-content button{font-size:.75rem!important;padding:10px 6px!important}.canvas-size-modal-content input[type=number]{font-size:.85rem!important;padding:8px!important}.canvas-size-modal-content .custom-size-label,.calendar-view{font-size:.85rem!important}.calendar-view h2{font-size:1.3rem!important}.calendar-view h3{font-size:1.1rem!important}.calendar-view button{font-size:.85rem!important;padding:8px 14px!important}.calendar-view input,.calendar-view textarea,.calendar-view select{font-size:.85rem!important;padding:6px 10px!important}.swal2-popup.calendar-modal,.swal2-popup.calendar-add-modal{max-width:336px!important;min-width:280px!important;padding:16px!important}.swal2-popup.calendar-modal h2,.swal2-popup.calendar-add-modal h2{font-size:1.1rem!important}.swal2-popup.calendar-modal input,.swal2-popup.calendar-add-modal input,.swal2-popup.calendar-modal textarea,.swal2-popup.calendar-add-modal textarea{font-size:.85rem!important;padding:6px 10px!important}.swal2-popup.calendar-modal button,.swal2-popup.calendar-add-modal button{font-size:.85rem!important;padding:8px 16px!important}.swal2-popup.fortune-cookie-modal{max-width:85%!important;padding:16px!important}.swal2-popup.fortune-cookie-modal h2{font-size:1.2rem!important}.swal2-popup.fortune-cookie-modal .swal2-html-container{font-size:.85rem!important}.swal2-popup.fortune-cookie-modal button{font-size:.85rem!important;padding:8px 16px!important}.swal2-popup.fortune-cookie-modal img{max-width:80%!important;max-height:200px!important}.community-sidebar,.community-container,.hall-of-fame-container{font-size:.85rem!important}.community-sidebar{overflow:visible!important}.community-container{overflow-y:auto!important;height:100%!important}.community-sidebar-header{padding:12px 10px!important}.community-header{padding:10px 10px 16px!important;min-height:75px!important}.community-sidebar-title{font-size:.9rem!important}.community-close-btn{width:28px!important;height:28px!important;font-size:18px!important;padding:0!important}.community-sidebar-header .header-buttons,.community-header .header-buttons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;width:100%!important;padding:0 4px!important;margin-top:8px!important}.monthly-theme-banner{padding:12px 16px!important;margin:0 0 12px!important}.theme-title{font-size:.9rem!important}.theme-description{font-size:.8rem!important}.theme-dates{font-size:.7rem!important}.community-sidebar .share-btn,.community-sidebar .hall-btn,.community-sidebar #my-codi-btn,.community-sidebar #sort-toggle-btn,.community-sidebar .view-toggle-btn,.community-sidebar .toggle-link,.community-sidebar #grid-view-btn,.community-sidebar #showroom-upgrade-btn,.community-sidebar .showroom-upgrade-btn,.community-header .share-btn,.community-header .hall-btn,.community-header #my-codi-btn,.community-header #sort-toggle-btn,.community-header .view-toggle-btn,.community-header .toggle-link,.community-header #grid-view-btn,.community-header #showroom-upgrade-btn,.community-header .showroom-upgrade-btn,.search-btn,.clear-btn{height:auto!important;font-size:.65rem!important;padding:6px 8px!important;border-radius:4px!important;line-height:1.2!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important;flex:0 0 calc(33.333% - 3px)!important;max-width:calc(33.333% - 3px)!important}#showroom-upgrade-btn .upgrade-text,.showroom-upgrade-btn .upgrade-text{font-size:.65rem!important;line-height:1.2!important}.community-sidebar #sort-toggle-btn,.community-sidebar .view-toggle-btn,.community-header #sort-toggle-btn,.community-header .view-toggle-btn{line-height:1.2!important}.community-sidebar #grid-view-btn .grid-icon,.community-header #grid-view-btn .grid-icon,.grid-icon{font-size:.65rem!important}.daily-limits-horizontal{font-size:.65rem!important;gap:6px!important}.search-container{display:flex!important;flex-direction:column!important;gap:6px!important;margin:10px 0!important;align-items:center!important}.search-input{width:100%!important;max-width:320px!important;padding:6px 8px!important;font-size:.7rem!important;box-sizing:border-box!important}.search-container .button-row{display:flex!important;gap:4px!important;width:auto!important;justify-content:center!important}.search-container .search-btn,.search-container .clear-btn{flex:0 0 auto!important;min-width:60px!important;padding:6px 8px!important;font-size:.65rem!important}.feed-header{padding:10px 12px!important}.user-avatar{width:28px!important;height:28px!important;margin-right:10px!important}.username{font-size:.8rem!important}.post-date{font-size:.7rem!important}.feed-actions{padding:6px 12px 10px!important}.heart-btn{font-size:16px!important}.heart-count{font-size:.8rem!important}.hall-header{padding:12px!important}.hall-header h1{font-size:1rem!important}.hall-subtitle{font-size:.8rem!important}.back-btn{font-size:.75rem!important;padding:6px 12px!important}.best-rank{padding:6px 12px!important;font-size:.8rem!important}.best-coordi-info{padding:10px 12px!important}.best-username,.best-hearts{font-size:.8rem!important}.best-date{font-size:.7rem!important}.admin-comment-text{font-size:.75rem!important}.grid-container{gap:1px!important;padding:1px!important}.grid-item .grid-overlay{font-size:.8rem!important}.pagination{padding:16px!important;gap:6px!important}.page-btn,.page-number{padding:6px 10px!important;font-size:.7rem!important;min-width:28px!important}.spinner{width:16px!important;height:16px!important}.empty-feed,.empty-hall{padding:48px 16px!important}.empty-icon{font-size:40px!important}.empty-feed h3,.empty-hall h3{font-size:1rem!important}.empty-feed p,.empty-hall p{font-size:.8rem!important}.hall-description{margin:16px 0!important;padding:12px 16px!important}.description-text,.description-subtext{font-size:.7rem!important}#widget-builder-container{font-size:.85rem!important}#widget-builder-container button{font-size:.7rem!important;padding:6px 10px!important}#widget-builder-container input,#widget-builder-container select,#widget-builder-container textarea{font-size:.75rem!important;padding:6px 8px!important}#widget-builder-container h1,#widget-builder-container h2,#widget-builder-container h3{font-size:.9rem!important}#social-builder-container{font-size:.85rem!important}#social-builder-container button{font-size:.7rem!important;padding:6px 10px!important}#social-builder-container input,#social-builder-container select,#social-builder-container textarea{font-size:.75rem!important;padding:6px 8px!important}#social-builder-container h1,#social-builder-container h2,#social-builder-container h3{font-size:.9rem!important}#social-builder-container #sb-opts{font-size:.75rem!important}#social-builder-container #sb-opts input:not([type=file]),#social-builder-container #sb-opts select,#social-builder-container #sb-opts textarea{height:26px!important;font-size:.7rem!important;padding:4px 6px!important}#social-builder-container #sb-opts input[type=file]{height:26px!important;font-size:.7rem!important}#social-builder-container #sb-opts textarea{min-height:48px!important}}.particletext{text-align:center;font-size:48px;position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:4000}.particletext.bubbles>.particle{opacity:0;position:absolute;background-color:#2195f371;animation:bubbles 1.2s ease-in infinite;border-radius:100%}.particletext.bubbles>.particle.bubble2{background-color:#b48cff73}.particletext.hearts>.particle{opacity:0;position:absolute;background-color:#fa2f6f;animation:hearts 1.2s ease-in infinite}.particletext.hearts>.particle:before,.particletext.hearts>.particle:after{position:absolute;content:"";border-radius:100px;top:0;left:0;width:100%;height:100%;background-color:#fc6192}.particletext.hearts>.particle:before{transform:translate(-50%)}.particletext.hearts>.particle:after{transform:translateY(-50%)}.particletext.confetti>.particle{opacity:0;position:absolute;animation:confetti 1.2s ease-in infinite}.particletext.confetti>.particle.c1{background-color:#4caf5080}.particletext.confetti>.particle.c2{background-color:#f8519780}.particletext.confetti>.particle.c3{background-color:#44abff80}.particletext.confetti>.particle.c4{background-color:#ffdd3380}@keyframes bubbles{0%{opacity:0}20%{opacity:1;transform:translateY(-20%)}to{opacity:0;transform:translateY(-1000%)}}@keyframes hearts{0%{opacity:0;transform:translate(0) rotate(45deg)}20%{opacity:.8;transform:translateY(-20%) rotate(45deg)}to{opacity:0;transform:translateY(-1000%) rotate(45deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}35%{transform:translateY(-800%) rotate(270deg)}80%{opacity:1}to{opacity:0;transform:translateY(2000%) rotate(1440deg)}}.svg-snowscene{width:100%;height:50%;position:fixed;left:0;top:0;pointer-events:none;z-index:3000}.svg-snowscene circle{fill:#fff;animation-name:snowing;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-out}.svg-snowscene circle:nth-child(2n){animation-delay:1.5s}.svg-snowscene circle:nth-child(3n){animation-delay:2.3s;animation-duration:3.3s}.svg-snowscene circle:nth-child(4n){animation-delay:.8s;animation-duration:3.2s}.svg-snowscene circle:nth-child(5n){animation-delay:2.8s}@keyframes snowing{0%{fill-opacity:1}to{fill-opacity:0;transform:translateY(100%)}}.rain{position:absolute;top:100;width:100%;height:100%;z-index:4000;pointer-events:none}.rain.back-row{display:none;z-index:3000;top:60px;opacity:.5}body.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;top:100;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite;z-index:4000}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(90vh)}to{transform:translateY(90vh)}}.stem{width:2px;height:60%;margin-left:7px;background:linear-gradient(to bottom,#ffffffe6,#64b4ff80);animation:stem .5s linear infinite;border-radius:2px}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.splat{width:15px;height:10px;border-top:2px dotted rgba(180,220,255,.7);border-radius:50%;opacity:1;transform:scale(0);animation:splat .5s linear infinite;display:none}body.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.star{position:absolute;top:-20px;color:#fff;animation:animate 5s linear forwards;z-index:4000}.star:before{content:"";font-family:FontAwesome;text-shadow:0 0 5px #fff,0 0 20px #fff,0 0 50px #fff}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media screen and (max-width: 600px){.star{font-size:8px}}#shootingstar-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:4000;pointer-events:none;background:transparent}.bubble-bath-bubble{border-radius:50%;position:absolute;pointer-events:none;z-index:3000}.bg.aurora-bg{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;overflow:hidden;position:fixed;left:0;top:0;z-index:3000;pointer-events:none}.bg.aurora-bg .aur_cont{margin:0 auto;display:block;height:100vh}.bg.aurora-bg .aur_cont .aur{transform:skew(-.06turn,18deg);display:block;width:0;min-height:5px;float:left;margin-left:150px;border-radius:5% 30% 30px 20px;opacity:1}.bg.aurora-bg .aur_cont .aur.aur_1{box-shadow:#4bff8b 0 0 200px 80px;margin-top:2px;animation:topup 7031ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_2{box-shadow:#4b718c 0 0 200px 80px;margin-top:27px;animation:topup 10359ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_3{box-shadow:#d516ee 0 0 200px 80px;margin-top:27px;animation:topup 5515ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_4{box-shadow:#4bd4ff 0 0 200px 80px;margin-top:-30px;animation:topup 11.58s infinite linear}.bg.aurora-bg .aur_cont .aur.aur_5{box-shadow:#4bffa6 0 0 200px 80px;margin-top:0;animation:topup 6773ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_6{box-shadow:#3caf83 0 0 200px 80px;margin-top:45px;animation:topup 8622ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_7{box-shadow:#c5539f 0 0 200px 80px;margin-top:0;animation:topup 11.51s infinite linear}.bg.aurora-bg .aur_cont .aur.aur_8{box-shadow:#4be56f 0 0 200px 80px;margin-top:5px;animation:topup 10258ms infinite linear}.bg.aurora-bg .aur_cont .aur.aur_9{box-shadow:#4bb7ff 0 0 200px 80px;margin-top:9px;animation:topup 12.16s infinite linear}.bg.aurora-bg .aur_cont .aur.aur_10{box-shadow:#4bffff 0 0 200px 80px;margin-top:-27px;animation:topup 12931ms infinite linear}@keyframes topup{0%,to{transform:translatey(0);opacity:0}50%{transform:translatey(150px);opacity:.1}25%,75%{opacity:1}}body{margin:0;padding:0;background:#f8f7fa;font-family:Asta Sans,Arial,sans-serif;color:#222;overflow-x:hidden}[data-aos]{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}[data-aos].aos-animate,.usage-section[data-aos],.reason-section[data-aos],.when-section[data-aos],.who-section[data-aos]{transform:none!important}.section,.plan-section,.who-section,.when-section,.sns-section{position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}a{color:#ff5fa2;text-decoration:none}.landing-font,.landing-font *{font-family:Asta Sans,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.landing-font .hero-title,.landing-font .section-title,.landing-font .nav-logo{font-family:Asta Sans,Arial,sans-serif!important}.hero{background:linear-gradient(120deg,#ffe6f7,#e0e7ff);text-align:center;padding:120px 0 50px;position:relative;height:500px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-subtitle{font-family:Asta Sans,Arial,sans-serif;font-size:1.5rem;color:#ff8fb8;margin:40px 0 5px;line-height:1.3;font-weight:400;text-align:center;opacity:.9}.hero-title{font-family:Asta Sans,Arial,sans-serif;font-size:4rem;color:#3d3b3a;margin:0 0 20px;line-height:1.4;font-weight:900;min-height:90px;display:flex;align-items:center;justify-content:center;text-shadow:4px 4px 0px rgb(255,255,255);-webkit-text-stroke:1px #ff6bc99e;text-stroke:1px #ff6bc99e}#typing-title{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;animation:fadeInTitle 1s ease-out .3s forwards}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{border-color:#ff5fa2}51%,to{border-color:transparent}}.hero-sub{color:#daa0c6;font-size:1.4rem;margin-bottom:32px}.hero-anim{height:120px;display:flex;align-items:center;justify-content:center;margin:20px 0}.hero-cta{display:flex;gap:16px;justify-content:center;margin-top:24px;flex-wrap:wrap}@media (min-width: 769px){.hero-cta button{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;font-family:Asta Sans,Arial,sans-serif!important;font-size:1.1rem!important;font-weight:600!important;border:none!important;border-radius:14px!important;padding:16px 28px!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s!important}.hero-cta button:hover{opacity:.85}}nav.fixed-nav{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 8px #ffb0d533;z-index:100;display:flex!important;justify-content:space-between!important;align-items:center;padding:12px 24px 12px 16px;gap:20px}nav.fixed-nav .nav-logo{display:flex;align-items:center;gap:8px;height:100%;margin:0;padding:0;order:1!important}.nav-brand-text{font-size:1.3rem;color:#6e4d3f;font-family:Asta Sans,Arial,sans-serif}@media (max-width: 768px){.nav-brand-text{font-size:1.2rem}}@media (max-width: 600px){.nav-brand-text{font-size:1.1rem}}@media (max-width: 480px){.nav-brand-text{font-size:1rem}}@media (max-width: 380px){.nav-brand-text{font-size:.9rem}}nav.fixed-nav .nav-logo img{display:block;margin:0;padding:0;height:auto;max-height:40px;width:auto}nav.fixed-nav .nav-cta{background:#ff5fa2;color:#fff;border-radius:8px;padding:8px 18px;font-weight:700;border:none;cursor:pointer;margin-right:0}nav.fixed-nav .nav-spacer{flex:1!important;min-width:0!important;order:2!important}nav.fixed-nav .nav-language-selector{display:flex!important;gap:8px;align-items:center;flex-shrink:0!important;flex-wrap:nowrap!important;margin-left:auto!important;order:3!important}.nav-language-btn{background:transparent;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:.85rem;font-family:Asta Sans,Arial,sans-serif;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-language-btn:hover{background:#f8f8f8;border-color:#ff5fa2;color:#ff5fa2}.nav-language-btn.active{background:#ff5fa2!important;border-color:#ff5fa2!important;color:#fff!important;font-weight:600!important}.nav-language-btn.active:hover{background:#e54d93;border-color:#e54d93}.section{max-width:900px;margin:23px auto 0;padding:0 16px}.section-title,.when-title{font-weight:700;position:relative;display:inline-block;margin:0 auto 18px}.section-title{font-size:2.2rem;color:#3d3d3d;font-family:Asta Sans,Arial,sans-serif;margin-bottom:18px;font-weight:900;-webkit-text-stroke:.5px #3d3d3d;text-stroke:.5px #3d3d3d}.reason-section{background:#fff6fa!important;border-radius:24px;padding:48px 24px!important;margin-bottom:48px;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.reason-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:24px;margin-top:32px;max-width:1000px;margin-left:auto;margin-right:auto}.reason-card{background:linear-gradient(135deg,#fff,#fffbf7);border:2px solid #ffd6ef;border-radius:20px;padding:10px 24px;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 20px #ffb4d526}.reason-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffd6ef1a,#b48ad60d);opacity:0;transition:opacity .3s ease;z-index:1}.reason-card:hover:before{opacity:1}.reason-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #ffb4d540;border-color:#ffb0d5}.reason-icon{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 8px rgba(255,180,213,.3));position:relative;z-index:2}.reason-text{font-size:1.1rem;color:#b048a6;font-family:Asta Sans,Arial,sans-serif;font-weight:600;line-height:1.6;position:relative;z-index:2;margin:0}@media (max-width: 900px){.reason-cards{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:20px}.reason-section .reason-cards{padding:0 20px;box-sizing:border-box}}.title-line-1{display:inline}.title-line-2{display:inline;margin-left:8px}@media (max-width: 600px){.section-title{font-size:2.2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.reason-section{width:100%!important;max-width:100%!important;left:0!important;transform:none!important;margin-left:0!important;margin-right:0!important;padding:32px 16px!important;box-sizing:border-box}.section-title img{margin-right:0!important;margin-bottom:10px}.video-section .section-title{display:block;text-align:center}.video-section .title-line-1{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.video-section .title-line-1 img{margin-right:0!important;margin-bottom:8px}.video-section .title-line-2{display:block;margin-left:0}.reason-cards{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);gap:16px;padding:0 16px;justify-items:center;max-width:none;width:100%;margin:32px auto 0;box-sizing:border-box}.reason-card{padding:24px 18px;width:100%;max-width:520px;box-sizing:border-box;margin:0 auto}.reason-icon{font-size:2.5rem;margin-bottom:12px}.reason-text{font-size:1rem}.hero{height:300px;padding:90px 0 40px}.hero-title{font-size:2rem;min-height:80px}#typing-title{min-height:80px}.hero-subtitle{margin:30px 0 5px;font-size:1.2rem}.hero-anim{height:70px}}@media (max-width: 400px){.section-title{font-size:2.2rem}.hero{height:220px;padding:80px 0 30px}.hero-title{font-size:1.8rem;min-height:50px;margin:0 0 8px}#typing-title{min-height:50px}.hero-subtitle{margin:25px 0 5px;font-size:1.1rem}.hero-cta{margin-top:12px}.reason-cards{max-width:none;padding:0 16px}}.features-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:32px}.feature-card{width:100%;max-width:320px;background:#fff;border-radius:16px;padding:36px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.feature-icon{font-size:2.2rem;margin-bottom:8px}.feature-title{font-weight:700;color:#ff5fa2;margin-bottom:6px}.feature-desc{color:#b048a6;font-size:1.01rem}.video-section{background:none;border-radius:0;box-shadow:none;padding:48px 20px 40px;margin-bottom:48px;max-width:900px;margin-left:auto;margin-right:auto;text-align:center;width:100%;box-sizing:border-box}.video-section iframe{border-radius:16px;box-shadow:0 2px 12px #b48ad644;width:100%;height:auto;aspect-ratio:16/9;border:none;max-width:100%;max-height:54vw}.review-chat-window{width:450px;margin:0 auto 32px;background:#fff;border-radius:24px;box-shadow:none;border:none;padding:24px 18px 18px;display:flex;flex-direction:column;gap:16px;min-height:580px;height:595px;max-height:610px;position:relative;overflow:hidden}.review-bubble{max-width:95%;min-width:350px;width:100%;display:flex;align-items:flex-start;padding:14px 18px;border-radius:18px;font-size:1.05rem;font-family:Asta Sans,Arial,sans-serif;margin-bottom:6px;opacity:0;transform:translateY(20px);animation:bubbleIn .5s forwards;box-shadow:0 2px 8px #ffd6ef33;word-wrap:break-word;overflow-wrap:break-word}.review-bubble.left{background:#ffd6ef;color:#b048a6;align-self:center}.review-bubble.right{background:#b48ad6;color:#fff;align-self:center;flex-direction:row}.review-bubble .review-bubble-content{margin-left:12px;margin-right:0}.review-bubble .review-nick{font-weight:700;font-size:1.01em;margin-bottom:2px}.review-bubble .review-role{color:#fff6fa;font-size:.95em;margin-bottom:4px}.review-bubble.left .review-role{color:#b48ad6}.review-bubble.right .review-role{color:#ffd6ef}.review-bubble .review-text{font-size:1.01em;margin-top:2px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.review-profile-img img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid #fff;box-shadow:0 2px 8px #ffd6ef33}.review-bubble-content{display:flex;flex-direction:column;max-width:360px;min-width:250px;flex:1;word-wrap:break-word;overflow-wrap:break-word}@keyframes bubbleIn{to{opacity:1;transform:translateY(0)}}.plan-section{display:block;text-align:center;margin-bottom:32px;padding:0}.plan-flex-wrap{display:flex;flex-direction:row;justify-content:center;gap:32px;flex-wrap:wrap;align-items:flex-start}.plan-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;padding:32px 24px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;max-width:300px;min-width:280px;flex:1 1 300px;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff5fa2,#b48ad6)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff5fa226;border-color:#ff5fa2}.plan-title{font-weight:700;color:#b048a6;font-size:1.4rem;margin-bottom:20px;margin-top:0;text-align:center;font-family:Asta Sans,Arial,sans-serif}.plan-list{color:#444;font-size:1rem;margin:0;padding:0;text-align:left;list-style:none}.plan-list li{border-bottom:1px solid #f1f3f4;position:relative;padding:8px 0 8px 24px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.plan-list li:last-child{border-bottom:none}.plan-list li:before{content:"✓";position:absolute;left:0;top:8px;color:#ff5fa2;font-weight:700;font-size:.9rem;width:16px;text-align:center;flex-shrink:0}.plan-list li b{color:#b048a6;font-weight:700}.plan-start-btn{width:100%;background:linear-gradient(135deg,#ff5fa2,#b48ad6);color:#fff;border:none;border-radius:12px;position:relative!important;z-index:10!important;padding:14px 24px;font-size:1.1rem;font-weight:700;font-family:Asta Sans,Arial,sans-serif;cursor:pointer;margin-top:24px;transition:all .3s ease;box-shadow:0 4px 16px #ff5fa24d}.plan-start-btn:hover{box-shadow:0 6px 20px #ff5fa266;background:linear-gradient(135deg,#e54d93,#9f7ac7)}.plan-start-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff5fa24d}@media (max-width: 768px){.video-section{padding:32px 16px 24px;max-width:100%}.video-section iframe{max-width:100%;max-height:50vw}}@media (max-width: 480px){.video-section{padding:24px 12px 20px}.video-section iframe{max-height:45vw}}@media (max-width: 768px){.plan-flex-wrap{gap:24px;flex-direction:column;align-items:center}.plan-flex-wrap>div:last-child{display:flex!important;justify-content:center!important;width:100%!important}.plan-card{width:320px;max-width:320px;min-width:320px;padding:24px 20px}.plan-title{font-size:1.2rem;margin-bottom:16px}.plan-list{font-size:.95rem}.plan-list li{padding:8px 0 8px 28px;line-height:1.6}.plan-list li:before{left:2px;top:9px;font-size:.85rem}.plan-start-btn{font-size:1rem;padding:12px 20px;margin-top:20px}}@media (max-width: 480px){.plan-flex-wrap{align-items:center;justify-content:center}.plan-flex-wrap>div:not(.plan-card){display:flex;justify-content:center;width:100%}.plan-flex-wrap>.plan-card{display:block;width:100%}.plan-card{width:300px;max-width:300px;min-width:300px;padding:20px 16px;margin:0 auto}.plan-title{font-size:1.1rem}.plan-list{font-size:.9rem}.plan-list li{padding:10px 0 10px 32px;line-height:1.7}.plan-list li:before{left:4px;top:11px;font-size:.8rem;width:18px}.plan-start-btn{font-size:.95rem;padding:11px 18px;margin-top:18px}}.signup-section{background:#fff6fa;border-radius:16px;box-shadow:0 2px 8px #ffd6ef33;padding:32px 18px;text-align:center;margin-bottom:48px}.signup-title{font-size:1.2rem;color:#ff5fa2;font-weight:700;margin-bottom:12px}.signup-btns{display:flex;gap:16px;justify-content:center;margin:18px 0}.signup-btns button{background:#ff5fa2;color:#fff;border-radius:14px!important;padding:12px 28px;font-weight:700;border:none;cursor:pointer;font-size:1.1rem}.signup-btns button:hover{opacity:.85}.guide-link{color:#b48ad6;text-decoration:underline;font-size:1.01rem}.who-section{background:#fff6fa!important;border-radius:32px;box-shadow:none;padding:48px 0 40px;margin-bottom:48px;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;overflow:visible;z-index:1}.who-section>*{position:relative;z-index:1}.who-title{color:#b048a6;font-size:1.5rem;font-weight:700;margin-bottom:15px}.who-list{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;color:#444;font-size:1rem;margin-bottom:24px;padding:0 15px}.who-cta{text-align:center;margin-top:20px}.who-signup-btn{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-size:1.1rem!important;font-weight:700!important;font-family:Asta Sans,Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 4px 16px #ff5fa24d!important;transition:all .2s ease!important}.who-signup-btn:hover{box-shadow:0 6px 20px #ff5fa266;opacity:.9}.sns-section{background:#fffaf7!important;padding-top:8px!important;margin-top:0!important;margin-bottom:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.sns-section .sns-title,.sns-section .sns-links,.sns-section>div:last-child{text-align:center}.sns-title{font-size:2.2rem;color:#3d3d3d;font-family:Asta Sans,Arial,sans-serif;margin-bottom:18px;font-weight:900;-webkit-text-stroke:.5px #3d3d3d;text-stroke:.5px #3d3d3d;margin-top:32px}.sns-links{display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:15px}.sns-link{display:inline-block;transition:transform .3s ease,opacity .3s ease}.sns-link img{width:34px;height:34px;object-fit:contain;border-radius:8px}.sns-link:hover{transform:scale(1);opacity:.5}#codi-test-btn:hover{box-shadow:0 6px 20px #ff5fa266}#codi-test-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff5fa24d}footer{background:#f7f7ff;color:#888;text-align:center;padding:32px 0 50px;font-size:.8rem}.footer-links{margin-bottom:8px}.footer-links a{color:#b48ad6;margin:0 8px}@media (max-width: 700px){.section,.plan-section{flex-direction:column;align-items:center}.plan-card{width:280px;max-width:280px;min-width:280px}.feature-card{width:95vw}.hero-anim{width:90vw;height:180px}nav.fixed-nav{padding:10px 2vw;min-height:unset;height:auto;gap:16px;flex-wrap:nowrap}nav.fixed-nav .nav-logo img{height:auto;max-height:32px}}@media (max-width: 600px){.hero{height:500px;padding:90px 0 40px}.hero-title{min-height:70px;font-size:2.2rem;margin:0}#typing-title{min-height:70px}.hero-subtitle{margin:20px 0 5px;font-size:1rem}.hero-cta{margin-top:15px}nav.fixed-nav{height:auto;padding:6px 2vw;flex-wrap:nowrap;gap:8px}nav.fixed-nav .nav-logo img{max-height:26px}.nav-language-selector{gap:4px;flex-shrink:0;flex-wrap:nowrap}.nav-language-btn{font-size:.6rem;padding:3px 5px;min-width:32px;white-space:nowrap}.phone-frame{width:98vw;min-width:0;padding-left:0;padding-right:0}.hero-anim{height:60px;margin:5px 0}.codi-gif-slider{height:60px}.codi-gif-slider img{height:35px;margin:0 4px}}@media (max-width: 500px){.plan-card{width:260px;max-width:260px;min-width:260px}nav.fixed-nav{height:auto;padding:5px 2vw;gap:8px;flex-wrap:nowrap}nav.fixed-nav .nav-logo img{max-height:24px}.nav-language-selector{gap:3px}.nav-language-btn{font-size:.55rem;padding:2px 4px;min-width:28px}.review-chat-window{width:90vw;max-width:360px;min-width:0;min-height:340px;height:575px;max-height:575px;padding:12px 12px 8px;border-radius:16px;margin:0 auto 24px}.review-bubble{min-width:280px;max-width:90vw;font-size:.97rem;padding:10px;border-radius:14px;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word}.review-profile-img img{width:70px;height:70px;margin-right:8px;border-radius:50%;object-fit:cover}.review-bubble-content{max-width:260px;min-width:180px;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 500px){.review-chat-window{width:85vw;max-width:320px}.review-bubble{min-width:250px;max-width:85vw}}@media (max-width: 400px){nav.fixed-nav{height:auto;padding:4px 2vw;gap:6px;flex-wrap:nowrap}nav.fixed-nav .nav-logo img{max-height:22px}.nav-language-selector{gap:2px}.nav-language-btn{font-size:.5rem;padding:2px 3px;min-width:24px}.plan-card{width:240px;max-width:240px;min-width:240px}.review-chat-window{width:80vw;max-width:300px;min-height:300px;height:575px;max-height:575px}.review-bubble{min-width:220px;max-width:80vw;font-size:.9rem;padding:8px}}@media (max-width: 350px){.review-chat-window{width:75vw;max-width:280px}.review-bubble{min-width:200px;max-width:75vw}}@media (max-width: 300px){.review-chat-window{width:70vw;max-width:260px}.review-bubble{min-width:180px;max-width:70vw}}@media (max-width: 900px){nav.fixed-nav{height:auto;padding:8px 2vw;gap:12px;flex-wrap:nowrap}nav.fixed-nav .nav-logo img{max-height:30px}.hero-anim,.codi-gif-slider{height:120px}.codi-gif-slider img{height:80px;margin:0 10px}}nav.fixed-nav,nav.fixed-nav .nav-logo,nav.fixed-nav .nav-logo img{box-sizing:border-box;line-height:1}.phone-frame{width:420px;max-width:100vw;margin:0 auto 32px;padding:0;position:relative;overflow:hidden;border:3px solid #b0b6c2;box-shadow:0 0 0 2px #fff;background:#fff;border-radius:18px}.phone-top{background:linear-gradient(90deg,#f8c6e7,#ffb0d5);padding:10px 18px 8px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#333;font-family:Asta Sans,Arial,sans-serif}.phone-title{font-size:1.1rem;font-weight:400;color:#b048a6;letter-spacing:.04em;margin:0 auto}.phone-content{min-height:90px;padding:36px 18px 18px;font-size:1.05rem;color:#222;text-align:center;font-family:Asta Sans,Arial,sans-serif;font-weight:600}.phone-bottom{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f8c6e7,#ffb0d5);height:44px;border-top:1.5px solid #e7b6e7;font-size:1rem;font-family:Asta Sans,Arial,sans-serif}.phone-btn{flex:1;text-align:center;color:#b048a6;font-weight:400;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s;border-radius:0 0 0 12px}.phone-btn.ok{color:#fff;background:#ff71bf;border-radius:0 0 12px 12px;margin:0 4px;box-shadow:0 2px 8px #fc76ad44}.phone-btn:hover{background:#ffd6ef}.phone-btn.ok:hover{background:#ff5fa2;opacity:.85}.landing-font>.section{background:#fff;border-radius:0 0 24px 24px;box-shadow:none;margin-bottom:64px;padding-top:32px}#landing-section{background:#fff!important;position:relative;overflow:hidden}.when-list{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}.when-list li{background:linear-gradient(120deg,#ffe6f7,#e0e7ff);border-radius:18px;box-shadow:0 4px 24px #ffb0d544,0 1.5px 8px #b48ad622;padding:24px 28px;min-width:180px;font-size:1.08rem;color:#b048a6;font-family:Asta Sans,Arial,sans-serif;font-weight:700;text-align:center;transition:transform .18s,box-shadow .18s,background .18s;cursor:pointer;margin-bottom:12px;text-shadow:0 2px 12px #ffb0d555,0 1px 2px #fffbe6cc;filter:drop-shadow(0 2px 8px #ffb0d533)}.when-list li:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 6px 24px #ffb0d577;background:linear-gradient(120deg,#ffb0d5,#ffe6f7)}.when-title{font-size:2.2rem;color:#3d3d3d;font-family:Asta Sans,Arial,sans-serif;margin-bottom:18px;font-weight:900;-webkit-text-stroke:.5px #3d3d3d;text-stroke:.5px #3d3d3d}@media (max-width: 700px){.when-list{gap:10px}.when-list li{min-width:140px;padding:16px 10px;font-size:.98rem}}nav.fixed-nav.scrolled{background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,backdrop-filter .25s}.auth-active nav,.auth-active nav.fixed-nav,.auth-active nav.fixed-nav.scrolled,.auth-active header,.auth-active [class*=nav],.auth-active [class*=header]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-1000px!important;left:-1000px!important;z-index:-1!important;transform:translateY(-1000px)!important;height:0!important;width:0!important;overflow:hidden!important}.section,.when-section{text-align:center}.when-section{padding:48px 0 40px;margin-bottom:48px;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;overflow:visible;z-index:1}.when-text-list{max-width:500px;margin:0 auto;padding:24px 0}.when-text-item{font-size:1.3rem;color:#b048a6;font-family:Asta Sans,Arial,sans-serif;font-weight:700;margin:18px 0;padding:16px 0;text-align:center;opacity:0;transform:translateY(30px);transition:all .6s ease}@media (max-width: 600px){.when-text-item{font-size:1.1rem;margin:14px 0;padding:12px 0}}@media (max-width: 400px){.when-text-item{font-size:1rem;margin:12px 0;padding:10px 0}}.usage-section{background:#fff6fa!important;border-radius:24px;padding:48px 24px!important;margin-bottom:24px;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.usage-title{font-size:2.2rem;color:#3d3d3d;font-family:Asta Sans,Arial,sans-serif;margin-bottom:18px;font-weight:900;-webkit-text-stroke:.5px #3d3d3d;text-stroke:.5px #3d3d3d;text-align:center}.usage-phone-frame{width:450px;max-width:90vw;margin:0 auto 24px;padding:0;position:relative;overflow:hidden;border:3px solid #b0b6c2;box-shadow:0 8px 32px #ffb4d54d;background:#fff;border-radius:18px}.usage-phone-frame .phone-top{background:linear-gradient(90deg,#f8c6e7,#ffb0d5);padding:12px 18px 10px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#333;font-family:Asta Sans,Arial,sans-serif}.usage-phone-frame .phone-title{font-size:1.2rem;font-weight:700;color:#fa8bbf;letter-spacing:.04em;margin:0 auto}.usage-phone-frame .phone-content{min-height:120px;padding:40px 24px 24px;font-size:1.1rem;color:#b048a6;text-align:center;font-family:Asta Sans,Arial,sans-serif;font-weight:600;line-height:1.6;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.usage-phone-frame .phone-bottom{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f8c6e7,#ffb0d5);height:48px;border-top:1.5px solid #e7b6e7;font-size:1rem;font-family:Asta Sans,Arial,sans-serif}.usage-phone-frame .phone-btn{flex:1;text-align:center;color:#b048a6;font-weight:700;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease;border-radius:0 0 0 12px}.usage-phone-frame .phone-btn.ok{color:#fff;background:var(--y2k-brown);border-radius:0 0 12px 12px;margin:0 4px;box-shadow:0 2px 8px #6e4d3f45}.usage-phone-frame .phone-btn:hover{background:#ffd6ef}.usage-phone-frame .phone-btn.ok:hover{background:#5a3c2f;opacity:.85}.usage-phone-frame .phone-btn:disabled{opacity:.5;cursor:not-allowed}.usage-indicator{text-align:center;margin-top:16px;font-family:Asta Sans,Arial,sans-serif}.usage-dots{color:#6e6e6e;font-size:1.3rem;margin-right:10px;letter-spacing:5px}.usage-counter{color:#b048a6;font-size:1.2rem;font-weight:700}@media (max-width: 600px){.usage-title{font-size:1.8rem;margin-bottom:24px}.usage-phone-frame{width:95vw}.usage-phone-frame .phone-content{font-size:1rem;padding:32px 20px 20px;min-height:100px}}@media (max-width: 500px){.usage-phone-frame{width:85vw}}@media (max-width: 400px){.usage-title{font-size:1.6rem}.usage-phone-frame{width:75vw}.usage-phone-frame .phone-content{font-size:.9rem;padding:28px 16px 16px;min-height:90px}}@media (max-width: 350px){.usage-phone-frame{width:65vw}}@media (max-width: 300px){.usage-phone-frame{width:60vw}}#mouse-follow-text{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;font-size:1.3rem;color:#ff5fa2;font-family:Asta Sans,Arial,sans-serif;font-weight:700;opacity:.85;transition:transform .08s cubic-bezier(.77,.2,.25,1);text-shadow:0 2px 12px #ffb0d555,0 1px 2px #fffbe6cc;will-change:transform;-webkit-user-select:none;user-select:none}.codi-gif-slider{display:flex;align-items:center;overflow:hidden;width:80%;height:118px;position:relative;margin:0 auto;background:transparent;justify-content:flex-start}.codi-gif-slider .slider-track{display:flex;align-items:center;animation:codi-gif-slide 18s linear infinite;will-change:transform}.codi-gif-slider img{height:110px;width:auto;margin:0 18px;border-radius:12px;box-shadow:0 2px 12px #ffb0d533;background:#ffffff4d;object-fit:contain;transition:transform .18s}.codi-gif-slider img:hover{transform:scale(1.08) rotate(-2deg);box-shadow:0 6px 24px #ffb0d577}@keyframes codi-gif-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 700px){.codi-gif-slider{height:85px}.codi-gif-slider img{height:65px;margin:0 8px}}.hero-logo-img{width:100px;height:100px;display:block;margin:0 auto 18px;border-radius:22px;background:none;object-fit:cover}#landing-section .section-divider{position:relative;height:0;margin:0;pointer-events:none;z-index:10}#landing-section .section-float-img{position:absolute;top:0;z-index:75;width:auto;height:auto;max-width:250px;max-height:250px;opacity:.7;animation:gentleFloat 8s ease-in-out infinite;filter:drop-shadow(0 4px 16px rgba(255,180,213,.25));transition:opacity .3s ease,transform .3s ease}#landing-section .section-float-img:hover{opacity:.9;transform:translateY(-50%) scale(1.05)}#landing-section .section-float-right{right:8%;left:auto;--base-rotation: -8deg}#landing-section .section-float-left{left:8%;right:auto;--base-rotation: 8deg}#landing-section .floating-decorations{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;overflow:hidden}#landing-section .float-img{position:absolute;opacity:.6;animation:floatAnimation 6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,180,213,.2));transition:opacity .3s ease}#landing-section .float-img:hover{opacity:.8}#landing-section .float-img-1{top:20vh;right:8%;width:120px;transform:rotate(-15deg);animation-delay:0s;--initial-rotation: -15deg}#landing-section .float-img-2{top:45vh;left:5%;width:100px;transform:rotate(12deg);animation-delay:1.5s;--initial-rotation: 12deg}#landing-section .float-img-3{top:70vh;right:6%;width:110px;transform:rotate(-8deg);animation-delay:3s;--initial-rotation: -8deg}#landing-section .float-img-4{top:85vh;left:8%;width:95px;transform:rotate(18deg);animation-delay:4.5s;--initial-rotation: 18deg}@keyframes gentleFloat{0%,to{transform:translateY(-50%) rotate(var(--base-rotation, 0deg)) translate(0)}25%{transform:translateY(-55%) rotate(calc(var(--base-rotation, 0deg) + 3deg)) translate(5px)}50%{transform:translateY(-45%) rotate(var(--base-rotation, 0deg)) translate(0)}75%{transform:translateY(-55%) rotate(calc(var(--base-rotation, 0deg) - 3deg)) translate(-5px)}}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(var(--initial-rotation, 0deg))}25%{transform:translateY(-15px) rotate(calc(var(--initial-rotation, 0deg) + 5deg))}50%{transform:translateY(-8px) rotate(var(--initial-rotation, 0deg))}75%{transform:translateY(-20px) rotate(calc(var(--initial-rotation, 0deg) - 3deg))}}@media (max-width: 1200px){#landing-section .float-img{opacity:.4}#landing-section .float-img-1{width:100px;right:6%}#landing-section .float-img-2{width:85px;left:4%}#landing-section .float-img-3{width:95px;right:5%}#landing-section .float-img-4{width:80px;left:6%}#landing-section .section-float-img{max-width:200px;max-height:200px;opacity:.5;top:-35px}}@media (max-width: 992px){#landing-section .float-img{opacity:.3}#landing-section .float-img-1{width:70px;top:25vh;right:5%}#landing-section .float-img-2{width:60px;top:50vh;left:5%}#landing-section .float-img-3{width:65px;top:75vh;right:7%}#landing-section .float-img-4{width:55px;top:90vh;left:8%}#landing-section .section-float-img{max-width:150px;max-height:150px;opacity:.4;top:-30px}}@media (max-width: 576px){#landing-section .floating-decorations{display:none}#landing-section .section-float-img{max-width:100px;max-height:100px;opacity:.3;top:-25px}}.when-section{background:linear-gradient(135deg,#fdf2f8,#f8fafc);padding:48px 24px;border-radius:20px;margin:32px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.when-title{font-size:2.2rem;font-weight:700;color:#3d3d3d;text-align:center;margin-top:45px;margin-bottom:40px}.reason-table{max-width:900px;margin:0 auto;display:flex;justify-content:center}.reasons-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}.reason-card{background:#ffe6ee;border-radius:12px;padding:12px}.reason-comparison{width:100%;max-width:600px;margin:0 auto;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #ff5fa21a;table-layout:fixed}.reason-comparison tr{transition:all .3s ease}.reason-comparison tr:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff5fa226}.reason-comparison td{padding:20px;border-bottom:1px solid #f1f5f9;vertical-align:top}@media (min-width: 481px){.reason-comparison tr:last-child td{border-bottom:none!important}}.reason-label{font-weight:700;font-size:1.2rem;color:#313131;width:25%;background:#f8fafc;border-right:3px solid #ff5fa2;border-bottom:1px solid #ff5fa2;position:relative;white-space:normal;word-wrap:break-word;word-break:break-word;text-align:center;line-height:1.4}.reason-label.solution{color:#4a2c2a;background:#ffe6ee;border-right-color:#ff5fa2}.reason-label:before{content:"";margin-right:0}.reason-label.solution:before{content:"";margin-right:0}.reason-description{font-size:1rem;color:#4b5563;line-height:1.6;text-align:center;width:100%;border-bottom:none;word-wrap:break-word;word-break:break-word}.reason-comparison tr:not(.highlight-row) .reason-label{font-size:1.05rem}.reason-comparison tr:not(.highlight-row) .reason-description{font-size:.95rem}.reason-comparison tr.highlight-row .reason-label{font-size:1.05rem}.reason-comparison tr.highlight-row .reason-description{font-size:.95rem}.reason-description.solution{color:#4a2c2a;font-weight:600}.reason-media{max-width:750px;margin:0 auto 12px}.reason-media img,.reason-media video{width:100%;height:auto;display:block;border-radius:12px;background:#f8f9fa}.highlight-row{background:#ffe6ee}.highlight-row:hover{background:#ffd9e6}@media (max-width: 768px){.when-section{padding:32px 16px;margin:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.when-title{font-size:1.3rem;margin-bottom:24px}.reason-table{max-width:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:center}.reason-comparison{width:100%;margin:0 auto}.reason-comparison td{padding:16px}.reason-label{width:30%;font-size:1rem;white-space:normal;word-wrap:break-word;word-break:break-word;text-align:center;border-bottom:none;line-height:1.4}.reason-comparison tr:not(.highlight-row) .reason-label{font-size:.95rem}.reason-comparison tr:not(.highlight-row) .reason-description{font-size:.85rem}.reason-comparison tr.highlight-row .reason-label{font-size:.95rem}.reason-comparison tr.highlight-row .reason-description{font-size:.85rem}.reason-description{font-size:.9rem;text-align:center;width:100%;border-bottom:none}}@media (max-width: 480px){body,html{overflow-x:hidden;width:100%;box-sizing:border-box}.section,.when-section,.hero,.who-section{padding-top:100px;padding-left:16px;padding-right:20px;box-sizing:border-box;width:100%}.signup-btns{gap:6px!important;margin-top:15px!important}.signup-btns button{padding:8px 12px!important;font-size:.8rem!important;border-radius:10px!important}.hero-cta button{padding:10px 16px!important;font-size:.9rem!important;margin-top:15px!important}.hero-items{margin:15px 0!important;gap:8px!important}.hero-item{width:50px!important;height:50px!important}.when-section{padding:24px 20px 24px 16px;margin:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;max-width:none!important;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.who-list{padding:0 30px;font-size:.9rem}.reason-table{max-width:100%;margin:0 auto;padding:0 8px;display:flex;justify-content:center}.reason-comparison{display:block;width:100%;max-width:350px;margin:0 auto;background:transparent!important;box-shadow:none}.reason-comparison tr{display:block;margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #ff5fa214}.reason-comparison tr:not(.highlight-row){background:#f8fafcbf}.reason-comparison td{display:block;width:100%;max-width:350px;border-right:none;border-bottom:none;background:transparent!important;box-sizing:border-box}.reason-label{width:100%;max-width:350px;text-align:center;border-right:none;border-bottom:none!important;padding:16px 20px 12px;box-sizing:border-box}.reason-comparison tr:not(.highlight-row) .reason-label{font-size:.95rem}.reason-comparison tr:not(.highlight-row) .reason-description{font-size:.85rem}.reason-comparison tr.highlight-row .reason-label{font-size:.95rem}.reason-comparison tr.highlight-row .reason-description{font-size:.85rem}.reason-description{width:100%;max-width:350px;padding:12px 20px 16px;text-align:center;box-sizing:border-box}}@media (max-width: 768px){.sns-links{gap:18px}.sns-link img{width:28px;height:28px}}@media (max-width: 480px){.sns-links{gap:14px}.sns-link img{width:24px;height:24px}}#landing-section{--y2k-pink: #ff86c8;--y2k-rose: #d25aa0;--y2k-brown: #6e4d3f;--y2k-caramel: #b38867;--y2k-ivory: #f9f4ef;--y2k-champagne: #fff3f7;--y2k-gold: #f3d38f;--y2k-shadow: 0 6px 24px rgba(110,77,63,.12)}#landing-section .nav-language-btn.active{background:#ff5fa2!important;border-color:#ff5fa2!important;color:#fff!important;font-weight:600!important}@media (min-width: 769px){#landing-section .main-start-button,#landing-section #start-hippie-book,.main-start-button,#start-hippie-book{background:linear-gradient(135deg,#ff87b2,#d89981,#8d4d37)!important;color:#fff!important;border:none!important;border-radius:14px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 6px 20px #e879a959!important;transition:all .3s ease!important;font-family:Asta Sans,Arial,sans-serif!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#landing-section .main-start-button:hover,#landing-section #start-hippie-book:hover,.main-start-button:hover,#start-hippie-book:hover{box-shadow:0 8px 25px #e879a973!important;background:linear-gradient(135deg,#e879a9,#c2845a,#7a422d)!important;color:#fff!important}}@media (min-width: 769px){#landing-section #add-favorite-btn,#landing-section #go-signup,#landing-section #go-login,#landing-section #logout,#landing-section .hero-cta button:not(.main-start-button):not(#start-hippie-book),#landing-section .who-signup-btn{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important;border-radius:14px!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:Asta Sans,Arial,sans-serif!important}#landing-section #logout,#landing-section button#logout{box-shadow:none!important;outline:none!important}}#landing-section .nav-language-btn{background:#ffffffe6!important;color:#666!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:6px!important;padding:8px 12px!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}#landing-section .nav-language-btn:hover{background:#fff!important;color:#333!important;border-color:#0003!important}#landing-section #add-favorite-btn{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important;border-radius:14px!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s!important}#landing-section #add-favorite-btn:hover{opacity:.85!important}#landing-section #go-signup,#landing-section #go-login{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important;border-radius:14px!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s!important}#landing-section #go-signup:hover,#landing-section #go-login:hover{opacity:.85!important}@media (min-width: 769px){#landing-section #logout,#landing-section button#logout,.hero-cta #logout,.hero-cta button#logout,button[id=logout],#logout,.hero-btn,.logout-btn,button.hero-btn,button.logout-btn{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important;box-shadow:none!important;border-radius:14px!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:opacity .18s!important;font-family:Asta Sans,Arial,sans-serif!important}#landing-section #logout:hover,#landing-section button#logout:hover,.hero-cta #logout:hover,.hero-cta button#logout:hover,button[id=logout]:hover,#logout:hover{opacity:.85!important;outline:none!important;box-shadow:none!important}#landing-section #logout:focus,#landing-section button#logout:focus,.hero-cta #logout:focus,.hero-cta button#logout:focus,button[id=logout]:focus,#logout:focus{outline:none!important;box-shadow:none!important}}@media (min-width: 769px){#landing-section .plan-start-btn,.plan-section .plan-start-btn,button.plan-start-btn,.plan-start-btn{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;color:#fff!important;border:none!important;border-radius:14px!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s!important;font-family:Asta Sans,Arial,sans-serif!important}#landing-section .plan-start-btn:hover,.plan-section .plan-start-btn:hover,button.plan-start-btn:hover,.plan-start-btn:hover{opacity:.85!important}}#landing-section #codi-test-btn,#codi-test-btn,button#codi-test-btn{background:linear-gradient(135deg,#ff5fa2,#b48ad6)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:14px 28px!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 16px #ff5fa24d!important;transition:all .3s ease!important;font-family:Pretendard,Arial,sans-serif!important}.hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:100}.hero-cta #start-hippie-book{display:none!important}.auth-ready.logged-in .hero-cta #start-hippie-book{display:inline-block!important;width:auto!important;max-width:none!important;height:auto!important;padding:16px 28px!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important;background:linear-gradient(135deg,#ff87b2,#d89981,#8d4d37)!important;color:#fff!important;border-radius:14px!important;border:none!important;cursor:pointer!important;transition:opacity .18s!important;font-family:Asta Sans,Arial,sans-serif!important;position:relative!important;z-index:101!important}.auth-ready.logged-in .hero-cta #start-hippie-book:hover{opacity:.85!important;background:linear-gradient(135deg,#e879a9,#c2845a,#7a422d)!important;color:#fff!important}.auth-ready.logged-in .hero-cta #go-signup,.hero-start-section{display:none!important}#go-login,#logout{opacity:0!important;visibility:hidden!important;transition:all .2s ease!important}.auth-ready #go-login,.auth-ready #logout{opacity:1!important;visibility:visible!important}#premium-editor-btn,.modal-content #premium-editor-btn,html body #premium-editor-btn,html body .modal-content #premium-editor-btn{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;border:none!important;border-left:4px solid #ff1744!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}#premium-editor-btn:hover,.modal-content #premium-editor-btn:hover,html body #premium-editor-btn:hover,html body .modal-content #premium-editor-btn:hover{background:linear-gradient(135deg,#ff5fa2,#ff7db6)!important;color:#fff!important;border:none!important;border-left:4px solid #ff1744!important;box-shadow:none!important}#premium-info-btn,.modal-content #premium-info-btn,html body #premium-info-btn,html body .modal-content #premium-info-btn{background:#fff5f8!important;color:#ff6b9d!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}#premium-info-btn:hover,.modal-content #premium-info-btn:hover,html body #premium-info-btn:hover,html body .modal-content #premium-info-btn:hover{background:#ffe0e9!important;color:#ff6b9d!important;border:none!important;box-shadow:none!important}#basic-info-btn,.modal-content #basic-info-btn,html body #basic-info-btn,html body .modal-content #basic-info-btn{background:#f8f9fa!important;color:#1a98fd!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}#basic-info-btn:hover,.modal-content #basic-info-btn:hover,html body #basic-info-btn:hover,html body .modal-content #basic-info-btn:hover{background:#e6f7ff!important;color:#0d8efc!important;border:none!important;box-shadow:none!important}#landing-section #codi-test-btn:hover,#codi-test-btn:hover,button#codi-test-btn:hover{opacity:.85!important;transform:translateY(-2px)!important}#landing-section .plan-badge.premium{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important}#landing-section .plan-badge.premium *{color:#fff!important}#landing-section .benefits-list span{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;font-size:.7rem!important;font-weight:500!important}#landing-section .benefits-list span *{color:#fff!important}#landing-section .who-signup-btn:hover{box-shadow:0 6px 20px #ff5fa266!important;opacity:.9!important}#landing-section .hero{position:relative;z-index:50;background:url(/assets/hero_bg1-BBAMPONs.webp) center/cover no-repeat}#landing-section .hero-title{color:var(--y2k-brown);text-shadow:0 3px 0 #fff,0 0 18px rgba(243,211,143,.55)}#landing-section .hero-cta button{background:linear-gradient(90deg,#ffb0d5,#ff5fa2)!important;box-shadow:0 2px 12px #ffb0d544!important}nav.fixed-nav{background:#ffffffe6;box-shadow:0 2px 10px #6e4d3f14}.nav-language-btn.active{background:#ff86c8!important;border-color:#ff86c8!important}.reason-section,.who-section,.usage-section{background:linear-gradient(180deg,#ffd1e6,#f0c2a0)!important}.reason-card{background:linear-gradient(135deg,#fff,#fff7f2);border:2px solid rgba(179,136,103,.35);box-shadow:var(--y2k-shadow)}.reason-card:hover{border-color:#ff86c8!important;box-shadow:0 10px 30px #ff86c840}.reason-text{color:var(--y2k-rose)}.when-list li{background:linear-gradient(120deg,#ffe6f7,#e8dccf);color:var(--y2k-rose)}.when-list li:hover{background:linear-gradient(120deg,#ff86c8,#e8c9a5)}.review-bubble.left{background:#ffe2f1;color:var(--y2k-rose)}.review-bubble.right{background:#a87a5e;color:#fff}.review-bubble .review-role{color:#fff9e8}.review-bubble.left .review-role{color:#b58acb}.plan-card{background:#fffaf7;border-color:#b3886759}.plan-card:before{background:linear-gradient(90deg,#b38867,#ff86c8)}.plan-title{color:var(--y2k-rose)}.plan-list li:before{color:#ff86c8}.codi-gif-slider img{box-shadow:0 4px 16px #ff86c840}.when-section{background:linear-gradient(135deg,#ffd1e6,#f0c2a0)!important}.plan-start-btn{background:linear-gradient(135deg,#ff86c8,#ff5fa2)!important}.plan-start-btn:hover{background:linear-gradient(135deg,#ff5fa2,#ff86c8)!important}#codi-test-btn{background:linear-gradient(135deg,#ff86c8,#ff5fa2)!important;color:#fff!important;border:none!important;margin-bottom:32px!important}.who-section{background:var(--y2k-brown)!important}.who-section,.who-section .who-title,.who-section .who-list,.who-section .who-list li,.who-section .who-cta,.who-section p,.who-section h1,.who-section h2,.who-section h3,.who-section h4,.who-section .title,.who-section .desc,.who-section a{color:#fff!important}.reason-section{background:url(/assets/bg3-Baz-sToN.webp) center/cover no-repeat!important}.usage-section{background:none!important;border-radius:0!important}footer{background:var(--y2k-brown)!important;color:#fff!important}.footer-links a{color:#fff!important}.usage-section .usage-phone-frame .phone-title,.usage-section .usage-phone-frame .phone-content,.usage-section .usage-indicator .usage-counter,.usage-section .usage-indicator .usage-dots{color:var(--y2k-brown)!important}.usage-section .usage-phone-frame .phone-btn:not(.ok){color:var(--y2k-brown)!important}.reason-section .reason-text{color:var(--y2k-brown)!important}.who-section{margin-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.when-section{margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}@keyframes floatBounce{0%{transform:translateY(0) rotate(-8deg) scale(1)}25%{transform:translateY(-8px) rotate(-5deg) scale(1.05)}50%{transform:translateY(-12px) rotate(-3deg) scale(1.08)}75%{transform:translateY(-6px) rotate(-6deg) scale(1.03)}to{transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes floatBounceReverse{0%{transform:translateY(0) rotate(8deg) scale(1)}25%{transform:translateY(-8px) rotate(5deg) scale(1.05)}50%{transform:translateY(-12px) rotate(3deg) scale(1.08)}75%{transform:translateY(-6px) rotate(6deg) scale(1.03)}to{transform:translateY(0) rotate(8deg) scale(1)}}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(-2deg);opacity:1}25%{transform:scale(1.1) rotate(1deg);opacity:.9}50%{transform:scale(1.05) rotate(-1deg);opacity:.95}75%{transform:scale(1.08) rotate(0);opacity:.85}}.premium-card{overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:300px!important;width:100%!important}.premium-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),rgba(255,223,0,.5),rgba(255,215,0,.3),transparent);transition:left .8s ease;z-index:2;pointer-events:none}.premium-card:hover:before{left:100%}.premium-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffd70033,0 6px 18px #ff69b426}.premium-card:hover .plan-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;transition:color .3s ease,text-shadow .3s ease}.premium-card:hover .plan-list li{color:#fff!important;transition:color .3s ease}.premium-card:hover .plan-list li b{color:#fff!important}.premium-card:hover .plan-list li span{color:#ffffffb3!important}@media (max-width: 800px){.plan-flex-wrap>div[style*="3개월간 특가"]{top:-10px!important;right:-30px!important;left:auto!important;transform:translate(0)!important}.plan-flex-wrap>div[style*=🔥🔥🔥]{top:-20px!important;left:-20px!important;right:auto!important;transform:translate(0)!important}.plan-flex-wrap .premium-card{position:relative}}@media (min-width: 769px){.main-start-button{background:linear-gradient(135deg,#ff87b2,#d89981,#8d4d37)!important;color:#fff!important;border:none!important;border-radius:14px!important;font-size:20px!important;font-weight:600!important;cursor:pointer;margin:10px auto 0;display:block;box-shadow:0 6px 20px #e879a959!important;transition:all .3s ease;font-family:Asta Sans,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.2)}.main-start-button:hover{box-shadow:0 8px 25px #e879a973!important;background:linear-gradient(135deg,#e879a9,#c2845a,#7a422d)!important}.main-start-button:active{transform:translateY(0)!important;box-shadow:0 4px 15px #e879a94d!important;background:linear-gradient(135deg,#be185d,#b5804d,#8e5c3f)!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:4000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:16px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:translateY(20px) scale(.9);transition:all .3s ease;font-family:Asta Sans,Arial,sans-serif;min-height:500px;height:auto}.modal-overlay.show .modal-content{transform:translateY(0) scale(1)}.modal-content.basic-theme{border-top:4px solid #9ad2ff;background:#fff!important;color:#333!important}.modal-content.premium-theme{border-top:4px solid #ff6b9d;background:linear-gradient(135deg,#fff,#fef9f9)!important;color:#333!important}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header h3{margin:0;font-size:1.4rem;font-weight:700;color:#333}.plan-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;position:relative;display:inline-block;margin-left:12px;top:-2px}.plan-badge.basic{background:linear-gradient(135deg,#9ad2ff,#87ceeb);color:#fff}.plan-badge.premium{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;box-shadow:0 4px 12px #ff6b9d4d!important;font-size:.75rem!important;font-weight:600!important}.plan-badge.premium *{color:#fff!important}.modal-close{background:none!important;border:none!important;font-size:1.5rem!important;cursor:pointer!important;color:#999!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .2s ease!important}.modal-close:hover{background:#f5f5f5!important;color:#666!important}.modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;justify-content:space-between}.modal-welcome-message{text-align:center;margin-bottom:24px}.modal-welcome-message p{margin:0 0 8px;font-size:1.1rem}.plan-description{color:#666;font-size:.95rem!important}.modal-action-btn{width:100%;padding:16px 20px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:all .3s ease;text-align:left;position:relative;font-family:Asta Sans,Arial,sans-serif;min-height:60px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.modal-content.basic-theme *,.modal-content.premium-theme *{color:inherit!important}.modal-content.basic-theme h3,.modal-content.premium-theme h3,.modal-content.basic-theme .modal-welcome-message,.modal-content.premium-theme .modal-welcome-message,.modal-content.basic-theme .modal-welcome-message p,.modal-content.premium-theme .modal-welcome-message p{color:#333!important}.modal-content .modal-action-btn,.modal-content .modal-action-btn:hover{background:inherit!important;color:inherit!important;border:inherit!important}.modal-action-btn small{display:block;font-size:.85rem;font-weight:400;margin-top:4px;opacity:1!important;color:inherit!important}.editor-btn.basic{background:linear-gradient(135deg,#9ad2ff,#1a98fd)!important;color:#fff!important}.editor-btn.basic:hover{background:linear-gradient(135deg,#8bc8ff,#0d8efc)!important;color:#fff!important}.info-btn.basic{background:#f8f9fa!important;color:#1a98fd!important;border:none!important}.info-btn.basic:hover{background:#e6f7ff!important;color:#0d8efc!important}.editor-btn.premium{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;border-left:4px solid #ff1744!important}.editor-btn.premium:hover{background:linear-gradient(135deg,#ff5fa2,#ff7db6)!important;color:#fff!important}.info-btn.premium{background:#fff5f8!important;color:#ff6b9d!important;border:none!important}.info-btn.premium:hover{background:#ffe0e9!important;color:#ff6b9d!important}.modal-upgrade-hint{margin-top:20px;padding:16px;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:10px;text-align:center;border:1px solid #ffe082}.modal-upgrade-hint p{margin:0 0 12px;font-size:.9rem;color:#f57f17}.modal-content .modal-close{background:none!important;border:none!important;color:#999!important}.modal-content .modal-close:hover{background:#f5f5f5!important;color:#666!important}.modal-content .upgrade-hint-btn{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;border:none!important}.modal-content .upgrade-hint-btn:hover{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important}.modal-content .upgrade-hint-btn *{color:#fff!important}.upgrade-hint-btn{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;border:none!important;padding:16px 32px!important;border-radius:25px!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;min-height:50px!important}.upgrade-hint-btn:hover{box-shadow:0 4px 12px #ff6b9d4d!important;background:linear-gradient(135deg,#ff5fa2,#ff7db6)!important;color:#fff!important}.upgrade-hint-btn *{color:#fff!important}.modal-premium-benefits{margin-top:20px;padding:16px;background:linear-gradient(135deg,#fff5f8,#ffe0e9);border-radius:10px;text-align:center;border:1px solid #ffb3d1}.modal-premium-benefits p{margin:0 0 12px;font-size:.9rem;color:#c2185b;font-weight:600}.benefits-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.benefits-list span{background:linear-gradient(135deg,#ff6b9d,#ff8eb3)!important;color:#fff!important;padding:4px 10px!important;border-radius:16px!important;font-size:.7rem!important;font-weight:500!important;white-space:nowrap!important}.benefits-list span *{color:#fff!important}.page-transition{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.page-fade-out{opacity:0;transform:scale(.95);pointer-events:none}.page-fade-in{opacity:1;transform:scale(1)}.start-button-fade-in{animation:startButtonFadeIn .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes startButtonFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}50%{opacity:.7;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-content{width:95%;max-width:350px}.modal-header{padding:20px 20px 14px}.modal-header h3{font-size:1.2rem}.modal-body{padding:16px 20px 20px}.modal-action-btn{padding:14px 16px;font-size:.95rem}}@media (max-width: 380px){nav.fixed-nav{padding:8px 12px 8px 8px!important;gap:12px!important;min-height:50px!important}nav.fixed-nav .nav-logo img{max-height:32px!important;max-width:120px!important}.nav-language-selector{gap:6px!important}.nav-language-btn{padding:6px 8px!important;font-size:.75rem!important;min-width:28px!important}.nav-cta{padding:6px 12px!important;font-size:.8rem!important}.hero-section{padding-top:100px!important;min-height:600px!important}.hero-content{padding:20px 16px!important}.hero-title{font-size:1.8rem!important;line-height:1.3!important}#typing-title{min-height:65px!important}.hero-subtitle{font-size:1rem!important;margin:12px 0!important}.hero-cta button{padding:10px 16px!important;font-size:.9rem!important}.hero-section{min-height:700px!important;padding-top:100px!important;padding-bottom:60px!important}.signup-btns{gap:8px!important;margin-top:20px!important}.signup-btns button{padding:10px 16px!important;font-size:.9rem!important;border-radius:12px!important}.hero-items{margin:20px 0!important;gap:12px!important}.hero-item{width:60px!important;height:60px!important}}@media (max-width: 660px) and (min-width: 600px){.hero-title{font-size:3.2rem!important;margin:0!important;line-height:1.3!important}#typing-title{min-height:75px!important}.hero-subtitle{font-size:1.3rem!important;margin:25px 0 5px!important;line-height:1.2!important}}@media (max-width: 768px){.landing-font,.section,.plan-section,.who-section,.when-section,.sns-section,.usage-section,.reason-section,.video-section{font-size:80%!important}.hero{padding:100px 0 60px!important;height:480px!important;min-height:480px!important}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:.85rem!important;margin:20px 0 5px!important}.hero .hero-cta{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}.hero-cta button,.hero-cta #logout,.hero-cta button#logout,.hero-btn,.logout-btn,button.hero-btn,button.logout-btn{border:none!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important}#landing-section #add-favorite-btn,#landing-section #go-signup,#landing-section #go-login,#landing-section #logout,#landing-section .hero-cta button,#landing-section #start-hippie-book,#landing-section .main-start-button,#landing-section .who-signup-btn,button[id=logout],#logout,button.plan-start-btn,.plan-start-btn{border:none!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-style:solid!important;border-width:0!important;border-radius:10px!important;padding:12px 15px!important;font-size:.8rem!important;font-weight:400!important;color:#fff!important;height:auto!important;white-space:nowrap!important;line-height:1.3!important;margin:0!important;align-self:center!important}.section-title{font-size:1.8rem!important}.plan-card{padding:24px 16px!important}.plan-card-title{font-size:1.4rem!important}.plan-price{font-size:1.8rem!important}.cta-button{padding:12px 20px!important;font-size:.95rem!important}.nav-brand-text{font-size:1rem!important}.section,.plan-section,.who-section,.when-section,.sns-section{padding:40px 16px!important}}#payment-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:80vh;background:linear-gradient(120deg,#f8e1ff,#e0e7ff)}.payment-container{max-width:700px!important;margin:48px auto 0;background:#fff;border-radius:18px;box-shadow:0 4px 32px #b48ad644,0 2px 8px #b48ad633;padding:44px 40px 40px;text-align:center;position:relative;animation:fadeInUp .6s cubic-bezier(.23,1.01,.32,1) 1}.payment-container h2{color:#b048a6;font-size:3rem;margin-bottom:18px;font-family:Gothic A1,Arial,sans-serif}.payment-container p{color:#444;font-size:1rem;margin-bottom:18px}.payment-container ul,.payment-container li{color:#6e6e6e!important;font-size:.9em!important;text-align:left!important}.payment-container button#pay-now{margin-top:18px;padding:14px 0;width:100%;border:none;border-radius:8px;background:linear-gradient(90deg,#ffb0d5,#b48ad6);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #ffb0d544;transition:opacity .18s,background .18s}.payment-container button#pay-now:hover{opacity:.85;background:linear-gradient(90deg,#b48ad6,#ffb0d5)}.payment-bottom-links{margin-top:18px;text-align:center}.payment-bottom-links a{color:#b048a6;font-size:9.7rem;text-decoration:underline;transition:color .18s;opacity:.85}.payment-bottom-links a:hover{color:#ff5fa2;opacity:1}.payment-bottom-links-outer{width:100vw;text-align:center;margin-top:24px;margin-bottom:0}.payment-bottom-links-outer a{color:#ff5fa2;font-size:1.08rem;text-decoration:underline;opacity:.85;transition:color .18s}.payment-bottom-links-outer a:hover{color:#b048a6;opacity:1}.swal2-popup{max-width:700px!important}#auth-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;min-height:100vh;background:linear-gradient(120deg,#ffe6f7,#e0e7ff);z-index:1000;overflow-y:auto}.auth-container{max-width:400px;margin:80px auto 40px;background:#fff;border-radius:18px;box-shadow:0 4px 32px #b48ad644,0 2px 8px #b48ad633;padding:44px 32px 32px;text-align:center;position:relative;animation:fadeInUp .6s cubic-bezier(.23,1.01,.32,1) 1}.auth-container h2{color:#b048a6;font-size:1.4rem;margin-bottom:18px;font-family:Gothic A1,Arial,sans-serif}.auth-container input,.auth-container select{width:100%;margin:8px 0;padding:12px 10px;border:1.5px solid #e0e7ff;border-radius:8px;font-size:1rem;background:#f8f7fa;transition:border .18s;box-sizing:border-box;min-height:48px}.auth-container input:focus,.auth-container select:focus{border:1.5px solid #b48ad6;outline:none}.auth-container label{font-size:.95rem;color:#7c3aed}.auth-container button[type=submit]{margin-top:18px;padding:14px 0;width:100%;border:none!important;border-radius:8px!important;background:linear-gradient(90deg,#ffb0d5,#b48ad6)!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 2px 12px #ffb0d544!important;transition:opacity .18s,background .18s!important;box-sizing:border-box!important}.auth-container button[type=submit]:hover{opacity:.85!important;background:linear-gradient(90deg,#b48ad6,#ffb0d5)!important;color:#fff!important}.auth-container .switch-auth{margin-top:18px;font-size:1.01rem;color:#b048a6}.auth-container .switch-auth a{color:#ff5fa2;text-decoration:underline;transition:color .18s}.auth-container .switch-auth a:hover{color:#b048a6}.signup-step{text-align:left}.signup-step h3{text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.step-btn{width:100%;padding:14px 0;background:linear-gradient(90deg,#ffb0d5,#b48ad6)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important;transition:all .18s!important;margin-top:16px!important;box-shadow:0 2px 12px #ffb0d544!important}.step-btn:hover:not(:disabled){opacity:.85!important;background:linear-gradient(90deg,#b48ad6,#ffb0d5)!important;transform:translateY(-1px)!important;color:#fff!important}.step-btn:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.7!important}.step-btn-secondary{padding:12px 0!important;background:linear-gradient(90deg,#fce7f3,#f3e8ff)!important;color:#b048a6!important;border:1px solid #f9a8d4!important;border-radius:8px!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:all .18s!important}.step-btn-secondary:hover{background:linear-gradient(90deg,#f9a8d4,#ddd6fe)!important;color:#7c2d92!important;border-color:#ec4899!important;transform:translateY(-1px)!important}.verify-btn{padding:0 16px;font-size:.9rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .18s;white-space:nowrap;height:48px;min-height:48px;margin:8px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ffb0d5,#b48ad6)!important;color:#fff!important}.verify-btn:hover{opacity:.85!important;transform:translateY(-1px)!important;background:linear-gradient(90deg,#b48ad6,#ffb0d5)!important;color:#fff!important}.verify-btn:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed;transform:none}#verify-timer{font-family:Courier New,monospace;font-weight:700;text-align:right}#email-check-result{padding:8px 12px;border-radius:6px;font-weight:500;text-align:center;transition:all .3s ease}#email-check-result.success{background-color:#dcfce7;border:1px solid #16a34a;color:#166534}#email-check-result.error{background-color:#fef2f2;border:1px solid #dc2626;color:#991b1b}.auth-container .signup-step label{cursor:pointer;transition:color .18s;line-height:1.4}.auth-container .signup-step label:hover{color:#b048a6}.auth-container input[type=checkbox]{width:auto;margin:0;transform:scale(1.1);accent-color:#b48ad6;flex-shrink:0;align-self:flex-start}.auth-container a{color:#3b82f6;text-decoration:underline;transition:color .18s}.auth-container a:hover{color:#1d4ed8}.auth-container input[id*=birth]{font-size:1rem;font-weight:500;text-align:center;transition:all .2s ease;background:#fafafa}.auth-container input[id*=birth]:focus{background:#fff;box-shadow:0 0 0 3px #b48ad633;transform:scale(1.02)}.auth-container input[id*=birth]:valid{background:#f0f9ff;border-color:#10b981}.auth-container div[style*="align-items: center"] span{font-weight:500;color:#797979;-webkit-user-select:none;user-select:none;flex-shrink:0}@media (max-width: 500px){.auth-container{max-width:90vw;padding:32px 24px 24px;margin:60px auto 30px}.auth-container h2{font-size:1.2rem}.signup-step h3{font-size:1rem}.verify-btn{font-size:.8rem;padding:10px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#payment-section{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:linear-gradient(120deg,#ffe6f7,#e0e7ff)}.payment-bottom-links-outer{width:100%;display:flex;justify-content:center;margin-top:16px}#find-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;min-height:100vh;background:linear-gradient(120deg,#e0f2fe,#f3e5f5);z-index:1000;overflow-y:auto}.find-container{max-width:420px;margin:80px auto 40px;background:#fff;border-radius:18px;box-shadow:0 4px 32px #b48ad644,0 2px 8px #b48ad633;padding:44px 32px 32px;text-align:center;position:relative;animation:fadeInUp .6s cubic-bezier(.23,1.01,.32,1) 1}.find-container h2{color:#b048a6;font-size:1.5rem;margin-bottom:24px;font-family:Gothic A1,Arial,sans-serif}.find-container h3{color:#b048a6;font-size:1.2rem;margin-bottom:16px;font-family:Gothic A1,Arial,sans-serif}.find-description{color:#666;font-size:.95rem;margin-bottom:24px;line-height:1.5}.find-method-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.find-method-btn{width:100%;padding:16px 20px;background:linear-gradient(90deg,#e3f2fd,#f3e5f5);color:#b048a6;border:2px solid #e1bee7;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.find-method-btn:hover{background:linear-gradient(90deg,#bbdefb,#e1bee7);border-color:#b048a6;transform:translateY(-2px);box-shadow:0 4px 16px #b048a633}.find-container input{width:100%;margin:8px 0;padding:12px 16px;border:1.5px solid #e0e7ff;border-radius:8px;font-size:1rem;background:#f8f7fa;transition:border .18s;box-sizing:border-box;min-height:48px}.find-container input:focus{border:1.5px solid #b48ad6;outline:none;background:#fff}.verify-input-group{position:relative;margin:8px 0}.verify-input-group input{padding-right:80px}.verify-timer{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ff5722;font-weight:700;font-family:Courier New,monospace;font-size:.9rem}.find-btn{width:100%;padding:14px 0;margin:16px 0 8px;border:none;border-radius:8px;background:linear-gradient(90deg,#ffb0d5,#b48ad6);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #ffb0d544;transition:all .18s;box-sizing:border-box}.find-btn:hover{opacity:.85;background:linear-gradient(90deg,#b48ad6,#ffb0d5);transform:translateY(-1px)}.find-btn-secondary{width:100%;padding:12px 0;margin:8px 0;border:1px solid #f9a8d4;border-radius:8px;background:linear-gradient(90deg,#fce7f3,#f3e8ff);color:#b048a6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .18s;box-sizing:border-box}.find-btn-secondary:hover{background:linear-gradient(90deg,#f9a8d4,#ddd6fe);color:#7c2d92;border-color:#ec4899;transform:translateY(-1px)}.find-result{text-align:center;padding:20px 0}.found-email{background:linear-gradient(90deg,#e3f2fd,#f3e5f5);padding:16px 20px;border-radius:12px;margin:16px 0 24px;font-size:1.1rem;font-weight:700;color:#b048a6;border:2px solid #e1bee7}.find-bottom-links{margin-top:24px;text-align:center}.find-bottom-links a{color:#b048a6;text-decoration:none;font-size:.95rem;transition:color .18s}.find-bottom-links a:hover{color:#ff5fa2;text-decoration:underline}.find-step{text-align:left;width:100%}.find-step h3{text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 500px){.find-container{margin:60px auto 30px;padding:32px 24px 24px;max-width:90vw}.find-container h2{font-size:1.3rem}.find-container h3{font-size:1.1rem}.find-method-btn{padding:14px 16px;font-size:1rem}.verify-timer{font-size:.8rem;right:12px}.verify-input-group input{padding-right:70px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.find-btn:disabled,.find-btn-secondary:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed;transform:none!important;opacity:.7}.find-message{padding:12px 16px;border-radius:8px;margin:12px 0;font-size:.9rem;text-align:center}.find-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.find-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.find-message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}