:root{--os-bg-sheet:#ffffff;--os-handle:#e0e0e0;--os-btn-bg:#f9f9f9;--os-btn-text:#1a1a1a;--os-btn-active:#eeeeee;--os-btn-danger-bg:#fff1f1;--os-btn-danger-text:#ef4444;--os-cancel-text:#888888}[data-theme=dark],html.dark{--os-bg-sheet:#151515;--os-handle:#333333;--os-btn-bg:#1e1e1e;--os-btn-text:#f8fafc;--os-btn-active:#2c2c2c;--os-btn-danger-bg:rgba(239,68,68,0.15);--os-btn-danger-text:#f87171;--os-cancel-text:#9ca3af}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100000;width:calc(100% - 40px);max-width:400px;pointer-events:none}.toast-card{display:flex;align-items:center;gap:12px;background:#ffffff;color:#1a1a1a;border-radius:16px;padding:12px 16px;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #f0f0f0;opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto}.toast-card.show{opacity:1;transform:translateY(0)}.toast-icon-wrap{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700}.toast-icon-wrap.success{background:#22c55e}.toast-icon-wrap.error{background:#ef4444}.toast-icon-wrap.info{background:#3b82f6}.toast-content{flex:1}.toast-title{font-size:14px;font-weight:700;color:#000}.toast-subtitle{font-size:12px;color:#666}.overlay-container{position:fixed;inset:0;z-index:90000;display:none;align-items:center;justify-content:center;padding:20px}.overlay-bg{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.preview-img{position:relative;max-width:100%;max-height:80vh;border-radius:12px;z-index:90001;transform:scale(.9);transition:transform .3s ease}.action-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:80000;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.action-sheet-overlay.active{opacity:1;pointer-events:auto}.action-sheet{background:var(--os-bg-sheet);width:100%;max-width:500px;margin:0 auto;border-radius:24px 24px 0 0;padding:20px 20px 40px;transform:translateY(100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease;box-shadow:0 -10px 40px rgba(0,0,0,.1)}.action-sheet-overlay.active .action-sheet{transform:translateY(0)}.sheet-handle{width:40px;height:5px;background:var(--os-handle);border-radius:10px;margin:0 auto 20px;transition:background-color .3s ease}.sheet-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--os-btn-bg);border:none;font-size:15px;font-weight:600;color:var(--os-btn-text);border-radius:14px;margin-bottom:10px;transition:background-color .2s,color .2s;cursor:pointer}.sheet-btn:active{background:var(--os-btn-active)}.sheet-btn.danger{color:var(--os-btn-danger-text);background:var(--os-btn-danger-bg)}.sheet-cancel{margin-top:5px;background:transparent;color:var(--os-cancel-text);font-weight:500;width:100%;padding:10px;border:none;transition:color .3s ease}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;z-index:1000001;backdrop-filter:blur(5px)}.popup-overlay.active{display:flex;animation:popupFade .3s cubic-bezier(.175,.885,.32,1.275)}.popup-content{background:var(--bg-modal);width:90%;max-width:360px;padding:30px 25px;border-radius:20px;position:relative;box-shadow:0 15px 40px rgba(0,0,0,.3)}@keyframes popupFade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-login{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer;border:none;background:var(--bg-input);color:var(--text-main);display:flex;align-items:center;justify-content:center;transition:.2s}.close-login:hover{background:#ff4757;color:white}.form{display:flex;flex-direction:column;width:100%}.flex-column>label{color:var(--text-main);font-weight:700;font-size:13px;margin-bottom:5px;display:block}.inputForm{border:1.5px solid var(--border-card);border-radius:12px;height:50px;display:flex;align-items:center;padding-left:15px;transition:.2s ease-in-out;background:var(--bg-input)}.inputForm:focus-within{border-color:#2d79f3;box-shadow:0 0 0 3px rgba(45,121,243,.15)}.inputForm svg{fill:var(--text-muted);flex-shrink:0}.input{margin-left:10px;height:100%;background:transparent;color:var(--text-main);outline:none;font-family:inherit;font-size:14px}.button-submit,.input{border:none;width:100%}.button-submit{margin-top:25px;background-color:#2d79f3;color:white;font-size:15px;font-weight:700;border-radius:12px;height:50px;cursor:pointer;transition:.2s ease}.button-submit:hover{background-color:#1f63cf;transform:translateY(-2px)}.button-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}html.dark .button-submit{background-color:white;color:black}html.dark .button-submit:hover{background-color:#e0e0e0}.global-share-overlay{position:fixed;inset:0;background:var(--modal-overlay,rgba(0,0,0,.5));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100000;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:center}.global-share-overlay.show{opacity:1;visibility:visible}.global-share-sheet{width:100%;max-width:500px;background:var(--bg-modal);border-radius:32px 32px 0 0;padding:20px 24px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1),background-color .3s ease;border-top:1px solid var(--border-card)}.global-share-sheet.slide-up{transform:translateY(0)}.global-share-sheet .sheet-handle{width:40px;height:4px;background:var(--text-muted);border-radius:10px;margin:0 auto 20px;opacity:.2}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.share-header h3{margin:0;font-size:18px;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.close-share{background:var(--bg-secondary);border:none;color:var(--text-main);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.share-desc{color:var(--text-muted);font-size:13px;margin-bottom:24px;text-align:center;line-height:1.5}.share-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.share-opt-btn{background:transparent;border:none;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s}.share-icon-wrapper,.share-opt-btn{display:flex;align-items:center;color:var(--text-main)}.share-icon-wrapper{width:56px;height:56px;border-radius:18px;justify-content:center;background:var(--bg-input);transition:all .3s ease}.share-opt-btn:active .share-icon-wrapper{transform:scale(.9)}.share-opt-btn span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.copy-btn .share-icon-wrapper{background:rgba(59,130,246,.15);color:#3b82f6}.wa-btn .share-icon-wrapper{background:rgba(37,211,102,.15)}.tg-btn .share-icon-wrapper{background:rgba(0,136,204,.15)}.tg-btn img,.wa-btn img{width:28px;height:28px}.share-url-box{background:var(--bg-input);border-radius:16px;border:1px solid var(--border-card);padding:6px 6px 6px 16px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.share-url-box input{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:13px;outline:none;font-weight:500}.share-url-box button{background:#3b82f6;color:white;border:none;border-radius:12px;padding:10px 18px;font-size:12px;font-weight:800;cursor:pointer}.share-url-box button:active{transform:scale(.95)}