:root{--primary-color: #FF8585;--secondary-color: #6C5CE7;--bg-public: #F5F7FB;--text-dark: #2C3E50;--text-gray: #95A5A6;--accent-green: #00D2D3;--accent-red: #FF6B6B;--glass-bg: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(0, 0, 0, .3);--glass-border: 1px solid rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--max-width: 480px;--header-height: 60px;--bottom-nav-height: 70px;--card-radius: 24px;--bg-desktop: #E0E5EC}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;background-color:var(--bg-desktop);color:var(--text-dark);display:flex;justify-content:center;min-height:100vh;overflow-y:scroll}#root{width:100%;max-width:var(--max-width);background-color:var(--bg-public);min-height:100vh;position:relative;box-shadow:0 0 50px #0000001a;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.flex-center{display:flex;align-items:center;justify-content:center}.w-full{width:100%}.h-full{height:100%}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000000b3);z-index:100}.glass-panel{background:#ffffff26;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.3);border-radius:var(--card-radius);box-shadow:0 10px 40px #00000026}.pre-line{white-space:pre-line}.is-app-android body{overscroll-behavior-y:contain}.is-app-android .bottom-sheet{bottom:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-bottom:0!important;max-height:85vh!important}.is-app-android .sheet-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1000!important}.is-app-android .bottom-sheet{z-index:1001!important}.is-app-android .sheet-handle-bar{display:none!important}.is-app-android input,.is-app-android textarea,.is-app-android select{font-size:16px!important}.is-app-android .bottom-sheet:focus-within{transform:translate(-50%,-60%)!important}.is-app-android .modal-content,.is-app-android .upload-modal,.is-app-android .folder-modal{transform:scale(1.02)}.pricing-header,.policy-header{padding:12px 16px!important;background:#fffffffa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;display:grid!important;grid-template-columns:auto 1fr;align-items:center!important;gap:16px!important;position:sticky!important;top:0;z-index:1000;min-height:56px;width:100%;box-sizing:border-box}.pricing-header .back-btn,.policy-header .back-btn{background:#f1f3f5!important;border:none!important;color:#333!important;cursor:pointer!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;flex-shrink:0!important;position:relative!important;margin:0!important}.pricing-header h1,.policy-header h1{font-size:16px!important;font-weight:800!important;color:#1a1a1a!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-align:left!important;display:block!important}.is-app-android .pricing-header,.is-app-android .policy-header{padding-top:calc(48px + env(safe-area-inset-top,0px))!important}@media(min-width:769px){.pricing-header,.policy-header{padding-top:24px!important;padding-bottom:24px!important}}.is-app-android *{-webkit-touch-callout:none}.is-app-android input,.is-app-android textarea{-webkit-touch-callout:default}.is-app-android #root{box-shadow:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.is-app-android .modal-overlay,.is-app-android .sheet-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important}.is-app-android button:active,.is-app-android .icon-btn:active,.is-app-android .calendar-cell:active,.is-app-android .nav-btn:active{transform:scale(.95)!important;transition:transform .1s cubic-bezier(0,0,.2,1)!important}.is-app-android input,.is-app-android textarea{user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation}.is-app-android .public-header{padding-top:env(safe-area-inset-top,28px)!important;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.is-app-android .bottom-nav{padding-bottom:env(safe-area-inset-bottom,32px)!important;height:auto!important;min-height:95px!important;align-items:flex-start!important;padding-top:12px}.is-app-android .public-content{padding-top:15px!important}.is-app-android .private-header{top:calc(env(safe-area-inset-top,0px) + 15px)!important}.is-app-android .private-content{padding-top:calc(env(safe-area-inset-top,0px) + 85px)!important}.is-app-android .mobile-menu{padding-top:calc(env(safe-area-inset-top,0px) + 20px)!important}.global-loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.loading-logo-box{width:100px;height:100px;background:#fff4f4;border-radius:35px;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 35px #ff858526;margin-bottom:8px}.loading-brand-name{font-size:32px;font-weight:950;color:#ff8585;letter-spacing:-1px;margin:0}.loading-bar-container{width:140px;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden;margin:10px 0}.loading-bar-fill{height:100%;background:#ff8585;border-radius:2px}.loading-subtext{font-size:14px;color:#999;font-weight:600;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;z-index:5000;-webkit-tap-highlight-color:transparent;pointer-events:none;opacity:0;contain:paint}.login-modal{background:#fffffffa;width:100%;max-width:420px;padding:48px 32px;border-radius:40px;position:relative;box-shadow:0 30px 80px #0000001f;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.5)}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#aaa;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.close-btn:hover{background:#f5f5f5;color:#333}.brand-header{margin-bottom:32px;text-align:center}.logo{font-size:32px;font-weight:800;color:var(--primary-color);letter-spacing:-1.5px;margin-bottom:4px}.slogan{color:#888;font-size:14px;font-weight:500}.auth-tabs{display:flex;position:relative;background:#f0f0f0;border-radius:14px;padding:4px;margin-bottom:24px}.tab-btn{flex:1;border:none;background:none;padding:12px;font-size:15px;font-weight:700;color:#bbb;cursor:pointer;z-index:1;transition:.3s}.tab-btn.active{color:var(--primary-color);background:#fff;box-shadow:0 2px 10px #00000014;border-radius:10px}.main-form{display:flex;flex-direction:column;gap:12px}.input-field{display:flex;align-items:center;background:#fdfdfd;border-radius:20px;padding:0 16px;border:2px solid #f5f5f5;transition:all .3s ease}.input-field:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 8px 20px #ff85851a;transform:translateY(-1px)}.field-icon{color:#ddd;margin-right:14px;transition:.3s}.input-field:focus-within .field-icon{color:var(--primary-color)}.input-field input{flex:1;border:none;background:none;padding:16px 0;font-size:15px;outline:none;font-weight:500;color:#444}.email-row{display:flex;align-items:stretch;margin:4px 0;background:#fdfdfd;border-radius:20px;border:2px solid #f5f5f5;overflow:hidden;transition:all .3s ease}.email-row:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 8px 20px #ff85851a;transform:translateY(-1px)}.email-row .input-field{border:none;background:transparent;padding:0 0 0 16px;border-radius:0;box-shadow:none;transform:none;flex:1}.email-id{display:flex;align-items:center;min-width:0}.email-id input{width:100%;border:none;background:transparent;padding:16px 0;font-size:15px;outline:none;color:#333;font-weight:500}.at-sign{display:flex;align-items:center;justify-content:center;color:#aaa;font-weight:500;font-size:16px;width:32px;background:#fcfcfc;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;transition:.3s}.domain-select{flex:1.2;position:relative;display:flex;align-items:center;min-width:0}.domain-select select{width:100%;border:none;background:transparent;padding:16px 36px 16px 12px;font-size:14px;outline:none;font-weight:700;color:#333!important;cursor:pointer;-webkit-appearance:none;appearance:none}.signup-notice{font-size:11px;color:#ff8585;margin:-4px 4px 6px;font-weight:500;opacity:.8}.forgot-link{align-self:flex-end;background:none;border:none;font-size:12px;color:#999;text-decoration:underline;cursor:pointer;padding:4px;transition:.2s}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:18px;border-radius:20px;font-size:16px;font-weight:800;cursor:pointer;margin-top:12px;transition:all .3s;box-shadow:0 10px 25px #ff85854d;display:flex;align-items:center;justify-content:center}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff858566;filter:brightness(1.05)}.divider{display:flex;align-items:center;margin:24px 0;color:#ddd;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#eee}.divider span{padding:0 12px;color:#bbb}.social-actions{display:flex;flex-direction:column;gap:10px}.social-btn{width:100%;padding:12px;border:1px solid #efefef;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}.social-btn.google{background:#fff;color:#555}.social-btn.google img{width:18px;height:18px}.social-btn.guest{background:#fdfdfd;color:#888;border-style:dashed}.forgot-header{position:relative;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-btn{position:absolute;left:-8px;top:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#bbb;cursor:pointer;transition:.2s;padding:8px;border-radius:50%}.forgot-title{font-size:20px;font-weight:800;color:#333;margin:0}.forgot-desc{color:#888;font-size:14px;line-height:1.6;margin-top:12px;text-align:center}.feedback-msg{margin-top:20px;padding:12px;border-radius:12px;font-size:13px;font-weight:600;text-align:center}.feedback-msg.error{background:#fff5f5;color:#ff6b6b}.feedback-msg.success{background:#f0fff4;color:#2ecc71}.legal{margin-top:24px;font-size:11px;color:#bbb;text-align:center;line-height:1.6}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
