:root{--primary-color:#4371e5;--primary-light:#e6ecfb;--text-main:#2d3748;--text-muted:#718096;--bg-main:#fff;--card-bg:#fff;--border-color:#e2e8f0;--color-birthday:#38bdf8;--color-todo:#a3e635;--color-anniversary:#f472b6;--color-meeting:#fb923c;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5}.app-container{background-color:var(--bg-main);max-width:480px;height:100dvh;box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));background-color:var(--card-bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:8px;display:flex}#logo-img{object-fit:contain;height:28px}.logo-text{color:var(--primary-color);letter-spacing:-.5px;font-size:1.5rem;font-weight:700;display:none}.header-actions{color:var(--primary-color);gap:12px;display:flex}.icon-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:var(--primary-light)}.app-tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-shrink:0;gap:8px;padding:0 20px 4px;display:flex;overflow-x:auto}.app-tabs::-webkit-scrollbar{display:none}.tab{color:#555;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:20px;flex-shrink:0;padding:4px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.tab.active{background-color:var(--text-main);color:#fff}.tab:hover:not(.active){background-color:var(--primary-light)}.search-bar-container{opacity:0;align-items:center;gap:12px;max-height:0;padding:0;transition:max-height .3s,opacity .3s,padding .3s;display:flex;overflow:hidden}.search-bar-container.active{opacity:1;max-height:60px;padding-bottom:16px}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:var(--card-bg);outline:none;flex-grow:1;padding:10px 16px;font-size:.95rem}.search-input:focus{border-color:var(--primary-color)}.search-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:500}.app-content{flex-grow:1;padding:20px 20px 90px;overflow-y:auto}.content-section{margin-bottom:32px}.section-header{border-bottom:1px solid var(--primary-color);margin-bottom:16px;padding-bottom:8px}.section-header h2{color:var(--primary-color);font-size:1.1rem;font-weight:500}.section-actions-right{justify-content:flex-end;margin-top:-8px;margin-bottom:12px;display:flex}.link-btn{color:var(--primary-color);align-items:center;gap:4px;font-size:.85rem;text-decoration:none;display:flex}.task-list{flex-direction:column;list-style:none;display:flex}.task-item{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;backface-visibility:hidden;justify-content:space-between;align-items:center;padding:8px 16px;transition:transform .2s,box-shadow .2s;display:flex;transform:translateZ(0)}@media (hover:hover){.task-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.task-item:active{transform:translateY(0)scale(.98)}.task-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;margin-right:12px;font-size:.95rem;overflow:hidden}.checkbox{border:2px solid var(--primary-light);cursor:pointer;background-color:var(--primary-light);width:26px;height:26px;color:var(--primary-color);border-radius:6px;justify-content:center;align-items:center;display:flex}.add-task-container{justify-content:flex-end;margin-top:12px;display:flex}.add-task-btn{color:#fb923c;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.95rem;font-weight:600;display:flex}.event-list{flex-direction:column;gap:16px;display:flex}.event-row{align-items:stretch;gap:12px;display:flex}.date-block{flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.date-block.empty{opacity:0}.date-circle{background-color:var(--text-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;font-size:1rem;font-weight:700;display:flex}.date-month{color:var(--primary-color);text-align:center;font-size:.75rem;font-weight:600;line-height:1.1}.date-day{color:var(--text-muted);text-align:center;font-size:.7rem}.event-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--border-color);flex-grow:1;justify-content:space-between;padding:16px 16px 16px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.event-card:before{content:"";background-color:var(--border-color);border-radius:0 6px 6px 0;width:6px;position:absolute;top:10px;bottom:10px;left:-1px}@media (hover:hover){.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.event-card:active{transform:translateY(0)scale(.98)}.type-birthday:before{background-color:var(--color-birthday)}.type-todo:before{background-color:var(--color-todo)}.type-anniversary:before{background-color:var(--color-anniversary)}.type-meeting:before{background-color:var(--color-meeting)}.event-info{flex-direction:column;justify-content:space-between;display:flex}.event-info h3{color:var(--text-main);margin-bottom:8px;font-size:1rem;font-weight:500}.event-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.repeat-icon{color:var(--primary-color)}.group-info{color:var(--text-main);align-items:center;gap:4px;font-weight:600;display:flex}.event-status{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.event-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.birthday-icon{color:var(--color-birthday)}.todo-icon{color:var(--color-todo)}.anniversary-icon{color:var(--color-anniversary)}.status-text{color:var(--text-main);font-size:.8rem;font-weight:500}.fab-wrapper{bottom:calc(86px + env(safe-area-inset-bottom));z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;right:20px}.fab{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:transform .2s;display:flex}.fab:hover{transform:scale(1.05)}.fab-label{color:#ff7f2a;cursor:pointer;margin-top:4px;font-size:.75rem;font-weight:600}.bottom-nav{height:calc(70px + env(safe-area-inset-bottom));background-color:var(--card-bg);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--primary-color);opacity:.4;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.nav-item.active{opacity:1}.nav-icon-wrapper{position:relative}.nav-icon-wrapper .badge{background-color:var(--color-meeting);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.modal-overlay{z-index:100;opacity:0;pointer-events:none;background-color:#ffffffd9;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;margin:16px 16px 30px;padding:24px 20px;transition:transform .3s cubic-bezier(.175,.885,.32,1);transform:translateY(100%);box-shadow:0 4px 20px #00000014}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header h3{color:#2b4570;margin-bottom:16px;font-size:1.1rem;font-weight:500}.modal-body{flex-direction:column;gap:12px;display:flex}.schedule-option{cursor:pointer;text-align:left;background-color:#f8f9fa;border:none;border-radius:8px;align-items:center;padding:16px;transition:transform .2s,background-color .2s;display:flex}.schedule-option:hover{background-color:#f1f3f5}.schedule-option:active{background-color:#eef1f6;transform:scale(.98)}.option-icon{justify-content:center;align-items:center;width:24px;margin-right:16px;display:flex}.option-text{color:#333;flex-grow:1;font-size:.95rem;font-weight:400}.option-text-group{flex-direction:column;flex-grow:1;gap:4px;display:flex}.option-subtext{color:#666;font-size:.75rem;line-height:1.2}.chevron{color:#3b5998;margin-left:auto}.details-screen{z-index:200;background-color:#fff;flex-direction:column;width:100%;height:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(100%)}.details-screen.active{transform:translate(0)}.details-header{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));border-bottom:1px solid var(--border-color);z-index:10;background-color:#fff;align-items:center;display:flex;position:sticky;top:0}.back-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:16px;display:flex}.details-header h2{text-align:center;color:#333;flex-grow:1;margin-right:40px;font-size:1.1rem;font-weight:500}.details-content{flex-direction:column;flex-grow:1;gap:24px;padding:24px 20px;display:flex;overflow-y:auto}.details-main{align-items:flex-start;gap:16px;display:flex}.details-icon-wrapper{background-color:#a3e635;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.details-icon{width:24px;height:24px}.details-title-info h3{color:#333;margin-bottom:8px;font-size:1.2rem;font-weight:500}.details-datetime{color:#666;margin-bottom:4px;font-size:.9rem}.details-timeleft{color:#4371e5;font-size:.95rem}.details-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-item{flex-direction:column;align-items:center;gap:4px;display:flex}.action-btn{color:#333;cursor:pointer;background-color:#f1f5f9;border:none;font-weight:500}.circle-btn{background-color:#f8fae5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pill-btn{border-radius:20px;padding:8px 16px;font-size:.9rem}.action-label{color:#666;font-size:.75rem}.details-section{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:18px 0;display:flex}.details-section:last-child{border-bottom:none}.section-icon-bg{background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.section-icon-bg.light-blue{background-color:#e6f0ff}.toggle-section{justify-content:space-between}.section-text{color:#333;font-size:.95rem}.description-section p{color:#555;font-size:.9rem;line-height:1.4}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.meta-item{color:#555;align-items:center;gap:12px;font-size:.85rem;display:flex}.attachments{gap:16px;display:flex}.greeting-cards{scrollbar-width:none;gap:12px;padding:0 16px 16px;display:flex;overflow-x:auto}.greeting-cards::-webkit-scrollbar{display:none}.greeting-card-img{object-fit:cover;width:160px;height:200px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0}.text-greetings{scrollbar-width:none;gap:12px;padding:0 16px 16px;display:flex;overflow-x:auto}.text-greetings::-webkit-scrollbar{display:none}.text-card{border:1px solid var(--border-color);color:#444;width:220px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:12px;flex-shrink:0;padding:16px;font-size:.85rem;line-height:1.4}.attachment-card{border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.attachment-card span{color:#457b9d;font-size:.85rem}.scheduled-for{background-color:#fcfcfc;border:1px solid #eee;border-radius:12px;flex-direction:column;align-items:stretch;padding:16px}.scheduled-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.scheduled-title{color:#333;flex-grow:1;font-size:.95rem}.text-blue{color:#4371e5}.icon-btn-round{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-btn-round.fill-blue{background-color:#eef2ff;border-color:#eef2ff}.icon-btn-round.fill-blue svg{stroke:#4371e5;fill:#4371e5}.scheduled-tags{flex-wrap:wrap;gap:8px;padding-left:52px;display:flex}.tag{color:#555;background-color:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:.8rem}.conditional-multi{display:none!important}.multiple-participants .conditional-multi{display:flex!important}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.empty-state-img{width:250px;max-width:100%;margin-bottom:24px}.empty-state-text{color:var(--text-main);font-size:1.1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}@media (width>=768px){body{background-color:#fff;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:0;display:flex}.app-container{border-radius:0;flex:none;grid-template:"nav header""nav tabs""nav content"1fr/240px 1fr;width:1040px;max-width:100%;height:100vh;margin:0;padding-bottom:0;display:grid;overflow:hidden}.bottom-nav{border-top:none;border-right:1px solid var(--border-color);background-color:var(--card-bg);border-radius:24px 0 0 24px;flex-direction:column;grid-area:nav;justify-content:flex-start;align-items:flex-start;gap:16px;height:100%;padding:32px 20px;position:relative}.nav-item{border-radius:var(--radius-lg);flex-direction:row;gap:16px;width:100%;padding:12px 16px;font-size:.95rem}.nav-item:hover{background-color:var(--primary-light);opacity:.8}.nav-item.active{background-color:var(--primary-light);opacity:1}.app-header{background-color:var(--bg-main);border-radius:0 24px 0 0;grid-area:header;padding:24px 32px 16px}.app-tabs{background-color:var(--bg-main);border-bottom-color:var(--border-color);grid-area:tabs;padding:10px 32px 16px}.app-content{border-radius:0 0 24px;grid-area:content;padding:24px 32px;overflow-y:auto}.content-section{max-width:800px}.fab-wrapper{bottom:32px;right:32px}.fab{width:64px;height:64px}.fab svg{width:32px;height:32px}.details-screen{border:1px solid var(--border-color);opacity:0;pointer-events:none;border-radius:20px;width:480px;height:85vh;max-height:800px;transition:transform .3s cubic-bezier(.175,.885,.32,1),opacity .3s;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 10px 40px #00000026}.details-screen.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}}#all-tasks-screen{background-color:#fff}#all-tasks-screen .details-content{padding:16px 20px}.task-section-title{color:#2b4570;border-bottom:1px solid #c2c2c2;margin-top:32px;margin-bottom:12px;padding-bottom:8px;font-size:1rem}.task-section-title:first-child{margin-top:0}.task-item .checkbox{color:#a3c2f0;background-color:#e6f0ff;border-color:#e6f0ff}.task-item.completed .checkbox{color:#fff;background-color:#2b4570;border-color:#2b4570}.task-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.delete-task-btn{color:#2b4570;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.task-item[draggable=true]{cursor:grab}.task-item.dragging{opacity:.6;box-shadow:var(--shadow-lg);cursor:grabbing;background-color:#f8f9fa}.task-action-bar{background-color:#fff;justify-content:center;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.task-action-icon{color:#2b4570;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.task-save-btn{color:#fff;cursor:pointer;background-color:#2b4570;border:none;border-radius:8px;margin-left:auto;padding:12px 24px;font-weight:500}.modal-backdrop{z-index:2000;background-color:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-backdrop.active{display:flex}.modal-dialog{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:24px;box-shadow:0 4px 16px #0003}.modal-actions{justify-content:flex-end;gap:16px;margin-top:24px;display:flex}.modal-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:1rem;font-weight:500}.modal-btn.cancel{color:#666}.modal-btn.confirm{color:#fb923c}#add-task-input{resize:none;color:#333;border:none;border-bottom:2px solid #fb923c;outline:none;width:100%;padding:8px 0;font-family:inherit;font-size:1.1rem;line-height:1.4;overflow:hidden}.info-row{color:#555;font-size:.95rem;line-height:1.6;display:flex}.info-label{flex-shrink:0;width:110px}.info-value{color:#666;flex-grow:1}.task-item.subtask-item.completed .task-text{color:#999;text-decoration:line-through}.toggle-section{justify-content:space-between;align-items:center;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#25d366}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.delete-file-btn{cursor:pointer;transition:opacity .2s}.delete-file-btn:hover{opacity:.7}.app-option{border-radius:8px;padding:8px;transition:transform .2s,background-color .2s}.app-option:hover{background-color:#0000000d;transform:scale(1.05)}.more-option-item{transition:background-color .2s}.more-option-item:hover{background-color:#f4f6fa}.more-option-card{transition:background-color .2s,transform .2s}.more-option-card:hover{background-color:#f8fafc;transform:translateY(-1px)}.list-page-padding{padding:24px 16px 90px}@media (width>=1024px){.list-page-padding{padding:24px 32px 90px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.lang-pill{color:#444;cursor:pointer;background-color:#ebf3ff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500}.lang-pill.active{color:#fff;background-color:#2b4570}.interactive-card{transition:background-color .15s}.interactive-card:active{background-color:#f5f5f5!important}.screen-overlay,.modal-overlay{z-index:100;padding-bottom:env(safe-area-inset-bottom);background-color:#fff;flex-direction:column;display:flex;position:absolute;inset:0}@media (width>=600px){.screen-overlay,.modal-overlay{z-index:100;grid-area:1/2/4/3;position:relative}}.form-section{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:16px;padding:16px}.input-group{flex-direction:column;margin-bottom:16px;display:flex}.input-group:last-child{margin-bottom:0}.form-label{color:#444;margin-bottom:6px;font-size:.9rem;font-weight:500}.form-input{color:#333;background-color:#f9fafb;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus{background-color:#fff;border-color:#4371e5}.form-input.error{border-color:#d93025}.form-label.error-label{color:#d93025}.error-text{color:#d93025;margin-top:4px;font-size:.8rem}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#4371e5}input:checked+.toggle-slider:before{transform:translate(20px)}.radio-label,.checkbox-label{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.radio-label input[type=radio],.checkbox-label input[type=checkbox]{accent-color:#4371e5;cursor:pointer;width:18px;height:18px}.form-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"%23666\" viewBox=\"0 0 16 16\"><path d=\"M4 6l4 4 4-4H4z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat}@keyframes shake-twice{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(0)}}.shake-animation{animation:.5s ease-in-out 3 shake-twice}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid #e0e0e0;border-top-color:var(--primary-color,#4371e5);border-radius:50%;width:28px;height:28px;margin:24px auto;animation:.7s linear infinite spin}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image-skeleton{background:linear-gradient(90deg,#eef1f6 25%,#e2e8f0 37%,#eef1f6 63%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.auth-container{background-color:var(--bg-main);height:100%;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.auth-logo-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.auth-logo-container img{background-color:var(--primary-light);border-radius:50%;width:120px;height:120px;margin-bottom:16px}.auth-title{color:var(--text-main);align-self:flex-start;margin-bottom:8px;font-size:1.75rem;font-weight:600}.auth-subtitle{color:var(--text-muted);align-self:flex-start;margin-bottom:32px;font-size:1rem}.auth-center-title{text-align:center;align-self:center;font-size:1.75rem;font-weight:500}.auth-center-subtitle{text-align:center;align-self:center}.auth-image{object-fit:contain;width:200px;height:160px;margin:24px auto}.auth-form{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.auth-input-group{gap:8px;display:flex}.auth-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.auth-input:focus{border-color:var(--primary-color)}.auth-input-country{border:1px solid var(--border-color);border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;background-color:#fff;outline:none;width:120px;padding:14px 28px 14px 12px;font-size:1rem;overflow:hidden}.auth-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#3b5998;border:none;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:600;transition:opacity .2s}.auth-btn:hover{opacity:.9}.auth-btn-outline{color:#3b5998;background-color:#0000;border:1px solid #3b5998}.auth-btn-row{gap:16px;margin-top:16px;display:flex}.auth-btn-row>*{flex:1}.auth-footer{text-align:center;color:var(--text-muted);margin-top:auto;padding-bottom:24px;font-size:.85rem}.auth-footer a{color:var(--primary-color);text-decoration:none}.otp-container{justify-content:center;gap:16px;margin:24px 0;display:flex}.otp-input{text-align:center;border:none;border-bottom:2px solid var(--border-color);width:48px;height:56px;color:var(--text-main);background-color:#0000;outline:none;font-size:1.5rem;transition:border-color .2s}.otp-input:focus{border-bottom-color:var(--primary-color)}.auth-resend{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.auth-resend button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.auth-resend button:disabled{color:var(--text-muted);cursor:not-allowed}.splash-container{background-color:var(--bg-main);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.splash-icon{background:linear-gradient(135deg,#fce4ec,#e8eaf6);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex;box-shadow:0 8px 16px #0000001a}.splash-icon svg{width:64px;height:64px;fill:var(--primary-color)}.splash-title{color:var(--text-main);margin-bottom:8px;font-family:serif;font-size:2rem;font-weight:500}.splash-subtitle{color:var(--text-main);font-family:serif;font-size:1.1rem;font-style:italic}.splash-version{color:var(--text-muted);font-size:.9rem;position:absolute;bottom:32px}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}