:root{--bg: #0a0a0a;--text: #f5f5f5;--muted: #b3b3b3;--glass-border: rgba(255, 255, 255, .15);--glass-bg: rgba(255, 255, 255, .05);--ring: rgba(255, 255, 255, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 18px;--space: clamp(16px, 2.5vmin, 28px);--maxw: 860px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(80vmax 80vmax at 50% -10%,rgba(255,255,255,.06),transparent 40%),radial-gradient(40vmax 40vmax at 80% 10%,rgba(255,255,255,.05),transparent 60%),var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);border-radius:999px;padding:8px 20px;text-decoration:none;font-weight:600;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000040;transition:all .18s ease;will-change:transform;cursor:pointer;font-family:inherit;font-size:1rem}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px #00000061;border-color:#dcdcdc8c;background:#ffffff0f}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:hover{background:var(--glass-bg);box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000040}.app-header{display:flex;align-items:center;width:100%;padding:var(--space) clamp(var(--space),5vw,48px);box-sizing:border-box}.header-logo{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s ease;flex-shrink:0;margin-right:calc(var(--space) * .75)}.header-center{flex:1;min-width:0;display:flex;justify-content:center}.header-center .search-wrap{width:80%;transition:width .25s ease}.header-center.is-expanded .search-wrap{width:100%}.header-center .search-input{padding:9px 14px 9px 38px;font-size:.875rem;border-radius:20px}.header-center .search-wrap:before{font-size:.875rem;left:13px}.header-logo:hover{opacity:.9}.header-logo-img{display:block;height:32px;width:auto;object-fit:contain}.header-nav{display:flex;align-items:center;gap:var(--space);flex-shrink:0;margin-left:calc(var(--space) * .75);max-width:300px;transition:max-width .25s ease,margin-left .25s ease,opacity .2s ease}.header-nav.is-collapsed{max-width:0;margin-left:0;opacity:0;pointer-events:none;visibility:hidden}.header-avatar-wrap{position:relative}.header-avatar-btn{display:flex;padding:0;margin:0;border:none;background:none;cursor:pointer;border-radius:50%;font:inherit;color:inherit}.header-avatar-btn:hover .header-avatar-circle{border-color:#ffffff40;background:#ffffff26}.header-avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.header-avatar-circle{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid var(--glass-border);box-shadow:var(--shadow)}.header-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.header-avatar-initials{font-size:.85rem;font-weight:600;letter-spacing:.5px;color:var(--text)}.header-avatar-dropdown{position:absolute;right:0;top:100%;margin-top:8px;min-width:100px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow);padding:0;z-index:200}.header-avatar-dropdown[hidden]{display:none}.header-avatar-dropdown-item{display:block;width:100%;padding:10px 14px;border:none;background:none;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;transition:background-color .15s ease}.header-avatar-dropdown-item:hover,.header-avatar-dropdown-item:focus-visible{background:#ffffff14;border-radius:10px}.header-avatar-dropdown-item:focus-visible{outline:none}.home-page{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space)}.search-section{width:100%;max-width:560px;margin:0 auto}.search-title{font-weight:600;font-size:clamp(18px,2.2vw,22px);color:var(--muted);text-align:center;margin:0 0 calc(var(--space) * 1.5);letter-spacing:.2px}.search-wrap{position:relative}.search-input{width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:16px 20px 16px 44px;font-size:1rem;font-family:inherit;color:var(--text);box-shadow:0 1px #ffffff0d inset,0 10px 30px #0003;transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:var(--muted)}.search-input:hover{border-color:#fff3}.search-input:focus{outline:none;border-color:#ffffff4d;box-shadow:0 0 0 4px var(--ring)}.search-wrap:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;opacity:.7}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:280px;overflow-y:auto;z-index:100}.search-suggestions-list{padding:calc(var(--space) * .5) 0}.search-suggestion-item{display:flex;align-items:center;gap:var(--space);padding:12px 20px;color:var(--text);text-decoration:none;font-weight:500;transition:background-color .15s ease;border-radius:0}.search-suggestion-item:hover,.search-suggestion-item:focus-visible{background:#ffffff14}.search-suggestion-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ring)}.search-suggestion-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:14px;color:var(--muted)}.search-suggestion-avatar img{width:100%;height:100%;object-fit:cover}.search-status{padding:12px 20px;color:var(--muted);font-size:14px}.profile-page{min-height:100vh;display:flex;flex-direction:column}.profile-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:calc(18vh - 80px) var(--space) 12vh;flex:1;box-sizing:border-box}.profile-header{text-align:center;margin-bottom:calc(var(--space) * 2)}.avatar-wrap{position:relative;width:190px;height:190px;margin:0 auto var(--space);border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--glass-bg)}.avatar-wrap .avatar{width:100%;height:100%;object-fit:cover;display:block}.avatar-upload-btn{position:absolute;right:6px;bottom:6px;width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;line-height:1;color:var(--text);background:#0009;box-shadow:0 4px 10px #00000059;cursor:pointer}.avatar-upload-btn:hover{background:#000000bf}.avatar-upload-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.profile-title{font-weight:800;letter-spacing:.3px;margin:.2rem 0 .25rem;font-size:clamp(28px,4.2vw,44px);color:var(--text)}.profile-edit-btn{display:inline-block;margin-top:calc(var(--space) * .75);padding:6px 14px;font-size:13px;font-weight:500;font-family:inherit;color:var(--muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:0;cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease}.profile-edit-btn:hover{color:var(--text);background:#ffffff14;border-color:#ffffff40}.profile-edit-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.profile-header-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space);margin-top:calc(var(--space) * 1)}.profile-header-actions .profile-edit-btn{margin-top:0}.profile-save-error{font-size:14px;margin-bottom:var(--space);text-align:center}.cards{width:100%;margin-bottom:calc(var(--space) * 2);box-sizing:border-box}.card{width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);margin-bottom:var(--space);cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.06) 50%,transparent 75%);transform:translate(-100%);animation:sweep 5s ease-in-out infinite;pointer-events:none;z-index:1}.card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0006;border-color:var(--hover-border-color, rgba(255, 255, 255, .25));background:var(--hover-bg-color, var(--glass-bg))}.card.expanded{transform:translateY(-2px);box-shadow:0 20px 40px #0006}.card-header{display:flex;align-items:center;padding:14px var(--space);gap:var(--space);min-height:0}.cards-sortable-list{display:contents}.card-drag-handle{flex-shrink:0;padding:4px 2px;margin:-4px 0 -4px -2px;color:var(--muted, rgba(255, 255, 255, .5));font-size:14px;line-height:1;letter-spacing:-.05em;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.card-drag-handle:active{cursor:grabbing}.cards-edit .card-drag-handle:hover{color:#ffffffd9}.card-icon{position:relative;width:48px;height:48px;border-radius:8px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.card-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:transparent}.card-icon-placeholder{background:#ffffff0f}.card-icon-upload-btn{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1;color:var(--text);background:#000000bf;box-shadow:0 4px 10px #0006;cursor:pointer}.card-icon-upload-btn:hover{background:#000000e6}.card-icon-upload-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.card-title{font-weight:600;font-size:clamp(16px,2vw,18px);flex:1}.card-content{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease;padding:0 var(--space) 0}.card.expanded .card-content{max-height:500px;opacity:1;padding:0 var(--space) var(--space)}.card-content .card-description,.card-content .card-button{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;transition-delay:0s}.card.expanded .card-content .card-description,.card.expanded .card-content .card-button{opacity:1;transform:translateY(0);transition-delay:.2s}.card-description{margin-bottom:var(--space);color:var(--muted);line-height:1.6}.card-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:600;letter-spacing:.2px;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000040;transition:all .18s ease;will-change:transform}.card-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #00000061;border-color:#dcdcdc8c;background:#ffffff0f}.card-button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card-add-placeholder{position:relative;width:100%;box-sizing:border-box;min-height:76px;margin-bottom:var(--space);border:2px dashed var(--glass-border);border-radius:var(--radius);background:#ffffff05;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background .25s ease,box-shadow .25s ease}.card-add-placeholder:hover:not(.is-trash-mode){border-color:#ffffff4d;background:var(--glass-bg)}.card-add-placeholder.is-trash-mode{cursor:default;border-color:#dc26268c;background:linear-gradient(165deg,#7f1d1d59,#b91c1c38,#450a0a47);box-shadow:0 0 0 1px #7f1d1d33 inset}.card-add-placeholder-slot{position:relative;z-index:1;min-height:76px;width:100%;box-sizing:border-box}.card-add-placeholder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:var(--space);text-align:center;pointer-events:none;z-index:0}.card-add-plus{font-size:2.5rem;font-weight:300;color:var(--muted);line-height:1}.card-add-placeholder-trash-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#fecacaf2}.card-add-placeholder-trash-hint[hidden]{display:none!important}.card-add-placeholder-trash-icon{display:block;width:2.5rem;height:2.5rem;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.cards-edit .card-edit{cursor:default;pointer-events:auto}.cards-edit .card-edit:hover{transform:none}.card-title-input{flex:1;min-width:0;padding:4px 8px;font-size:clamp(16px,2vw,18px);font-weight:600;font-family:inherit;color:var(--text);background:transparent;border:1px solid transparent;border-radius:4px;transition:border-color .2s ease,background .2s ease}.card-title-input:hover,.card-title-input:focus{outline:none;border-color:var(--glass-border);background:#ffffff0a}.card-header-btn{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;color:var(--muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.card-header-btn:hover{color:var(--text);border-color:#ffffff40}.card-header-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.card-expand-btn{font-size:10px;line-height:1}.card-expand-btn.is-selected{color:#22c55e;border-color:#22c55e80;background:#22c55e1f}.card-color-btn svg{width:10px;height:10px;display:block}.card-hover-color-dialog{max-width:min(92vw,320px);padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:#0c0c0ed1}.card-hover-color-dialog::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-hover-color-dialog-inner{padding:calc(var(--space) * 1.25);display:flex;flex-direction:column;gap:calc(var(--space) * .75)}.card-hover-color-dialog-title{margin:0;font-size:1rem;font-weight:700}.card-hover-color-dialog-row{display:flex;align-items:center;gap:var(--space)}.card-hover-color-dialog-row input[type=color]{width:100%;height:50px;border:1px solid var(--glass-border);background:#0003;cursor:pointer;box-sizing:border-box}.card-hover-color-dialog-hint{margin:0;text-align:left;font-size:14px;color:#f87171;line-height:1.35}.card-hover-color-dialog-hint[hidden]{display:none!important}.card-hover-color-dialog-actions{display:flex;flex-wrap:wrap;gap:calc(var(--space) * .5);justify-content:flex-start;margin-top:calc(var(--space) * .25)}.card-hover-color-dialog-actions button{font-family:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);cursor:pointer}.card-hover-color-dialog-actions button:hover{background:#ffffff1a}.card-content-edit{max-height:0;opacity:0;overflow:hidden;padding:0 var(--space) 0;transition:opacity .2s ease}.card-edit.expanded .card-content-edit{opacity:1;padding:0 var(--space) var(--space)}.card-description-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:4px;resize:vertical;min-height:80px;margin-bottom:0}.card-description-input::placeholder{color:var(--muted)}.card-description-input:focus{outline:none;border-color:#ffffff4d}.card-edit-button-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.card-edit-button-label{font-size:14px;font-weight:600;color:var(--text)}.card-edit-button-fields{display:flex;flex-direction:column;gap:10px;margin-top:10px}.card-edit-button-fields[hidden]{display:none!important}.card-edit-button-field{display:flex;flex-direction:column;gap:4px}.card-edit-button-field-label{font-size:12px;font-weight:600;color:var(--muted)}.card-button-text-input,.card-button-url-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:4px}.card-button-text-input::placeholder,.card-button-url-input::placeholder{color:var(--muted)}.card-button-text-input:focus,.card-button-url-input:focus{outline:none;border-color:#ffffff4d}.ios-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-switch .card-button-switch{position:absolute;opacity:0;width:0;height:0;margin:0}.ios-switch-track{position:relative;display:block;width:51px;height:31px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border);transition:background .22s ease,border-color .22s ease;box-sizing:border-box}.ios-switch-track:after{content:"";position:absolute;top:50%;left:3px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transform:translateY(-50%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.ios-switch:has(.card-button-switch:checked) .ios-switch-track{background:#34c759;border-color:#34c759a6}.ios-switch:has(.card-button-switch:checked) .ios-switch-track:after{transform:translate(20px,-50%)}.ios-switch:has(.card-button-switch:focus-visible) .ios-switch-track{box-shadow:0 0 0 4px var(--ring)}@keyframes sweep{0%{transform:translate(-100%)}50%{transform:translate(15%)}to{transform:translate(120%)}}.brand-preset-dialog{max-width:min(92vw,480px);width:100%;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:#0c0c0ee0}.brand-preset-dialog::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-preset-dialog-inner{padding:calc(var(--space) * 1.25);display:flex;flex-direction:column;gap:calc(var(--space) * .85)}.brand-preset-dialog-title{margin:0;font-size:1rem;font-weight:700}.brand-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.brand-preset-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;color:var(--text);font-family:inherit;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.brand-preset-tile:hover{background:#ffffff14;border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.brand-preset-tile:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.brand-preset-tile-img{width:44px;height:44px;object-fit:contain;border-radius:10px}.brand-preset-tile-label{font-size:11px;font-weight:600;color:var(--muted);text-align:center;line-height:1.2;word-break:break-word}.brand-preset-divider{height:1px;background:var(--glass-border)}.brand-preset-blank-btn{width:100%;padding:12px;background:transparent;border:1px dashed var(--glass-border);border-radius:var(--radius);color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.brand-preset-blank-btn:hover{border-color:#ffffff47;color:var(--text);background:#ffffff0a}.brand-preset-blank-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.profile-footer{text-align:center;color:var(--muted);font-size:14px;margin-top:calc(var(--space) * 2)}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space)}.auth-card{width:100%;max-width:400px;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:var(--space);box-shadow:var(--shadow)}.auth-title{font-weight:800;font-size:clamp(22px,2.8vw,28px);letter-spacing:.3px;text-align:center;margin:0 0 calc(var(--space) * 1.5)}.auth-form{display:flex;flex-direction:column;gap:calc(var(--space) * .75)}.auth-label{font-weight:500;font-size:14px;color:var(--muted);margin-bottom:-4px}.form-input{width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 18px;font-size:1rem;font-family:inherit;color:var(--text);box-shadow:0 1px #ffffff0d inset,0 10px 30px #0003;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input::placeholder{color:var(--muted)}.form-input:hover{border-color:#fff3}.form-input:focus{outline:none;border-color:#ffffff4d;box-shadow:0 0 0 4px var(--ring)}.auth-error{color:#f87171;font-size:14px;margin-top:-4px}.auth-submit{width:100%;margin-top:calc(var(--space) * .25)}.auth-footer{text-align:center;margin:calc(var(--space) * 1.25) 0 0;font-size:14px;color:var(--muted)}.auth-footer a{color:var(--text);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-verify-text{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 calc(var(--space) * 1.25);text-align:center}a.auth-submit{box-sizing:border-box}.avatar-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar-crop-dialog{width:100%;max-width:480px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141414d9;border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px}.avatar-crop-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text);text-align:center}.avatar-crop-canvas-wrap{width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#000;max-height:440px}.avatar-crop-img{display:block;max-width:100%}.avatar-crop-actions{display:flex;gap:10px;justify-content:flex-end}.avatar-crop-cancel{background:#ffffff0f;color:var(--muted)}.avatar-crop-cancel:hover{background:#ffffff1a;color:var(--text)}.avatar-crop-confirm{background:#ffffff1f;color:var(--text)}.avatar-crop-confirm:hover{background:#fff3}@media(max-width:768px){.home-main{padding:calc(var(--space) * .75)}.search-section{max-width:100%}.search-input{padding:14px 18px 14px 42px}.header-center .search-input{padding:9px 10px 9px 34px}.header-center .search-wrap:before{left:10px}.auth-main{padding:calc(var(--space) * .75)}.auth-card{max-width:100%}.profile-container{padding:calc(12vh - 60px) var(--space) 8vh}.avatar-wrap{width:130px;height:130px}.card{margin-bottom:calc(var(--space) * .75)}.card-header{padding:12px var(--space);gap:calc(var(--space) * .75)}.card-icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.btn:hover,.card:hover{transform:none!important}.card-content .card-description,.card-content .card-button{opacity:1!important;transform:none!important;transition:none!important}}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;flex-direction:column;margin:0;background:radial-gradient(80vmax 80vmax at 50% -10%,rgba(255,255,255,.06),transparent 40%),radial-gradient(40vmax 40vmax at 80% 10%,rgba(255,255,255,.05),transparent 60%),var(--bg)}.app-loading .app-header{flex-shrink:0}.app-loading__inner{flex:1;display:flex;align-items:center;justify-content:center}.loader{display:flex;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 40px #ffffff0f;width:fit-content;box-sizing:border-box}.loader span{width:36px;height:36px;background:#888;border-radius:3px;opacity:.2;animation:blink 2.5s cubic-bezier(.4,0,.6,1) infinite}.loader span:nth-child(1){animation-delay:0s}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}.loader span:nth-child(4){animation-delay:.6s}.loader span:nth-child(5){animation-delay:.8s}@keyframes blink{0%,to{opacity:.2}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.loader span{animation:none;opacity:.6}}