@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@layer components;/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#e3dcff;--color-secondary:#c4b6fd;--color-accent:#9f86ff;--color-accent-dark:#8673d5;--color-light:#888;--color-border:#a3a3a366;--color-white:white;--color-gray:#ddd;--color-darkgray:#45455b7b;--color-black:black;--text-primary:whitesmoke;--text-secondary:#e6e6e6;--text-gray:gray;--text-dark:#494949;--text-error:red;--text-success:#81d681;--color-background-primary:#262433;--color-background-secondary:#26243399;--color-background-light:#353347;--color-background-dark:#26243378;--fg-gray:#1c1c1d;--fg-dark:#18181a;--bg-translucent:#000000b3;--bg-gray:#141414;--bg-dark:black;--fg-dashboard:#1e1e1e;--fg-dashboard-secondary:#202020;--bg-dashboard:#121212;--text-dashboard:#ababab;--bg-dashboard-secondary:#1e1e1e;--max-width:1000px;--color-1:#3b82f6;--color-2:#ef4444;--color-3:#10b981;--color-4:#f59e0b;--color-5:#8b5cf6}body{background-color:var(--bg-dark);min-height:100vh;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{background-color:#0000;width:5px;height:5px}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{background-color:#0000;width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:gray;border-radius:1rem;width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:#0000;border-radius:1rem}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.add-link-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.add-link-modal-overlay .add-link-modal{box-sizing:border-box;overscroll-behavior:contain;background:var(--fg-dark);border-radius:3rem;box-shadow:0 8px 32px #0000002e;padding:2rem;position:relative;width:600px;min-width:300px;max-width:calc(100% - 2rem);min-height:0;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:1.5rem}.add-link-modal-overlay .add-link-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.add-link-modal-overlay .add-link-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.add-link-modal-overlay .add-link-modal .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-link-modal-overlay .add-link-modal .modal-header .close-btn:hover{background:var(--color-background-primary);color:var(--text-primary)}.add-link-modal-overlay .add-link-modal .presets{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:start}.add-link-modal-overlay .add-link-modal .presets .preset-btn{background:var(--color-background-primary);color:var(--text-primary);border-radius:3rem;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:box-shadow .15s,border .15s;border:1px solid transparent}.add-link-modal-overlay .add-link-modal .presets .preset-btn.selected,.add-link-modal-overlay .add-link-modal .presets .preset-btn:hover{outline:2px solid var(--color-primary);border-color:var(--color-primary)}.add-link-modal-overlay .add-link-modal .actions{display:flex;gap:1rem;color:var(--text-primary)}.add-link-modal-overlay .add-link-modal .actions .action-btn{flex:1;border-radius:3rem;background-color:var(--color-background-primary);padding:.75rem 1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--color-border);transition:all .2s ease;font-weight:500}.add-link-modal-overlay .add-link-modal .actions .action-btn:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.add-link-modal-overlay .add-link-modal .actions .action-btn.pin-btn:hover{border-color:var(--color-primary);background-color:#9f86ff1a}.add-link-modal-overlay .add-link-modal .actions .action-btn.delete-btn{color:#ef4444;border-color:#ef4444}.add-link-modal-overlay .add-link-modal .actions .action-btn.delete-btn:hover{background-color:#ef44441a}.add-link-modal-overlay .add-link-modal .add-link-form{display:flex;flex-direction:column;gap:1.5rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-section{display:flex;flex-direction:column;gap:.5rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-label svg{color:var(--color-primary)}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-input,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-textarea,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:1rem;font-size:.9rem;background:var(--color-background-primary);color:var(--text-primary);transition:border-color .2s ease}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-input:focus,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-textarea:focus,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-select:focus{outline:none;border-color:var(--color-primary)}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-input::placeholder,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-textarea::placeholder,.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-select::placeholder{color:var(--text-gray)}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-select{cursor:pointer}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .form-help{color:var(--text-gray);font-size:.75rem;margin-top:.25rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section{display:flex;flex-direction:column;gap:1rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .upload-btn{background:var(--color-primary);color:var(--text-dark);border:none;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;align-self:flex-start}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .upload-btn:hover{background:var(--color-secondary);transform:translateY(-1px)}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .image-preview-container{position:relative;display:inline-block;align-self:flex-start}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .image-preview-container .image-preview{width:120px;height:120px;border-radius:1rem;object-fit:cover;border:2px solid var(--color-primary)}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .image-preview-container .remove-image-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-link-modal-overlay .add-link-modal .add-link-form .form-section .image-upload-section .image-preview-container .remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn.btn-secondary{background:var(--color-background-primary);color:var(--text-primary);border:1px solid var(--color-border)}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn.btn-secondary:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn.btn-primary{background:var(--color-primary);color:var(--text-dark)}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn.btn-primary:hover{background:var(--color-secondary);transform:translateY(-1px)}@media (max-width: 768px){.add-link-modal-overlay .add-link-modal{width:calc(100% - 2rem);padding:1.5rem;border-radius:2rem}.add-link-modal-overlay .add-link-modal .modal-header h2{font-size:1.25rem}.add-link-modal-overlay .add-link-modal .add-link-form{gap:1rem}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions{flex-direction:column}.add-link-modal-overlay .add-link-modal .add-link-form .form-actions .btn{width:100%}}@media (max-width: 480px){.add-link-modal-overlay .add-link-modal{padding:1rem;border-radius:1.5rem}.add-link-modal-overlay .add-link-modal .modal-header{flex-direction:column;gap:1rem;text-align:center}.add-link-modal-overlay .add-link-modal .presets{justify-content:center}}.toast-modal{position:fixed;bottom:.5rem;left:0;width:100%;display:flex;justify-content:center;align-items:center}.toast-modal .toast-container{width:max-content;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:1rem;background-color:var(--color-darkgray);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);color:var(--color-primary);font-size:.9rem}.toast-modal .toast-container.success{color:var(--text-success)}.toast-modal .toast-container.error{color:var(--text-error)}.link-action-modal{position:absolute;bottom:80px;right:1rem;background:var(--fg-dark);border-radius:1rem;box-shadow:0 8px 32px #0000002e;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:160px;z-index:1000;border:1px solid var(--color-border)}@media screen and (max-width: 1000px){.link-action-modal{bottom:110px}}@media screen and (max-width: 500px){.link-action-modal{bottom:120px}}.link-action-modal .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:.75rem;font-size:.9rem;font-weight:500;transition:all .2s ease;text-align:left;width:100%}.link-action-modal .action-btn:hover{background:var(--color-background-primary)}.link-action-modal .action-btn.edit-btn:hover{color:var(--color-primary)}.link-action-modal .action-btn.delete-btn{color:#ef4444}.link-action-modal .action-btn.delete-btn:hover{background:#ef44441a}.link-action-modal .action-btn.pin-btn:hover,.link-action-modal .action-btn.bookmark-btn:hover{color:var(--color-primary)}@media (max-width: 768px){.link-action-modal{min-width:140px;padding:.4rem}.link-action-modal .action-btn{padding:.6rem .8rem;font-size:.85rem}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.link-item{background-color:var(--color-background-primary);border-radius:.6rem;height:275px;display:flex;flex-direction:column;justify-content:start;align-items:center;position:relative;transition:background-color .3s ease}@media screen and (max-width: 1000px){.link-item{width:100%;padding:.5rem;gap:.5rem;flex-direction:row;height:max-content}}.link-item:hover{border-radius:1rem}@media screen and (max-width: 500px){.link-item:hover{border-radius:1rem}}.link-item .link-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem;flex-shrink:0}@media screen and (max-width: 1000px){.link-item .link-image-wrapper{width:unset}}@media screen and (max-width: 798px){.link-item .link-image-wrapper{padding:.5rem}}.link-item .link-image{flex-shrink:0;height:150px;width:150px;border-radius:50%}@media screen and (max-width: 1000px){.link-item .link-image{height:80px;width:80px}}@media screen and (max-width: 798px){.link-item .link-image{height:60px;width:60px}}.link-item .link-details{display:flex;flex-direction:column;border-top:1px solid var(--color-border);padding:.75rem 1rem;gap:.3rem;width:100%;overflow:auto}@media screen and (max-width: 1000px){.link-item .link-details{border-top:none}}@media screen and (max-width: 500px){.link-item .link-details{padding-inline:.5rem}}.link-item .link-name{display:flex;justify-content:start;align-items:center;font-weight:500;font-size:22px;color:var(--text-secondary)}@media screen and (max-width: 1000px){.link-item .link-name{font-size:18px}}@media screen and (max-width: 798px){.link-item .link-name{font-size:1rem}}@media screen and (max-width: 500px){.link-item .link-name{font-size:.9rem}}.link-item .link-description{font-size:14px;color:var(--text-dashboard)}@media screen and (max-width: 1000px){.link-item .link-description{font-size:.9rem}}@media screen and (max-width: 500px){.link-item .link-description{font-size:.8rem}}.link-item .link-visibility-toggle{cursor:pointer}.link-item .actions{margin-left:auto;display:flex;justify-content:center;align-items:center;gap:.5rem}.link-item .options>*{cursor:pointer}.link-item .options>*.options-toggle{margin-left:.5rem;width:30px;height:30px;padding:.3rem;display:flex;transition:.2s ease}.link-item .options>*.options-toggle:hover{background-color:var(--fg-dark);border-radius:50%}.link-item .link-url{display:flex;justify-content:start;align-items:center;gap:.3rem;margin-top:-.5rem;color:#673667;border-radius:3rem}.link-item .link-url .icon{color:violet;flex-shrink:0}@media screen and (max-width: 500px){.link-item .link-url{font-size:.9rem}}.Home{display:flex;justify-content:center;align-items:center;background-color:var(--fg-dark)}.Home .main{flex:1;height:100vh;overflow:auto;padding:2rem}@media screen and (max-width: 1000px){.Home .main{padding:1.5rem}}@media screen and (max-width: 500px){.Home .main{padding:1rem}}@media screen and (max-width: 798px){.Home .main{padding-top:0}}.Home .main .dummy-wrapper{color:var(--text-primary);display:flex;justify-content:center;align-items:center;height:calc(100vh - 4rem);width:100%}.Home .close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer}.Sidebar{border-right:1px solid var(--color-darkgray);width:260px;height:100vh;max-height:100vh;padding-inline:.75rem;padding-bottom:.75rem;display:flex;flex-direction:column;justify-content:start;align-items:start;transition:.2s ease;overflow:auto}@media screen and (max-width: 798px){.Sidebar{opacity:0;position:fixed;top:0;left:0;width:100%;height:calc(100% - 1rem);background-color:var(--bg-dark);z-index:1000;transform:translate(-100%);border-radius:0 0 1rem 1rem}.Sidebar.open{opacity:1;transform:translate(0)}}.Sidebar .logo{width:100%;display:flex;justify-content:start;align-items:center;gap:.3rem;color:var(--text-primary);font-weight:500;font-size:1.2rem;border-bottom:1px solid var(--color-darkgray)}.Sidebar .logo .close-sidebar{display:none;margin-left:auto;font-size:2rem;color:var(--color-primary);cursor:pointer}@media screen and (max-width: 798px){.Sidebar .logo .close-sidebar{display:block}}.Sidebar .navigation nav .navlink:hover{background-color:var(--color-background-primary);border-radius:1rem}.Sidebar .navigation nav .navlink.active{background-color:var(--color-accent-dark);border-radius:1rem}.Sidebar .navigation nav .navlink.active:hover{background-color:var(--color-accent-dark);filter:contrast(1.2);border-radius:.6rem}.Sidebar .navigation,.Sidebar .categories{width:100%;color:var(--text-secondary)}.Sidebar .navigation .title,.Sidebar .categories .title{font-size:12px;font-weight:300;color:var(--text-dashboard);padding:.75rem}.Sidebar .navigation nav,.Sidebar .categories nav{display:flex;flex-direction:column;gap:.3rem}.Sidebar .navigation nav .navlink,.Sidebar .categories nav .navlink{padding:.3rem .75rem;display:flex;align-items:center;gap:.3rem;font-size:14px;transition:.1s ease}@media screen and (max-width: 500px){.Sidebar .navigation nav .navlink,.Sidebar .categories nav .navlink{padding:.75rem}}.Sidebar .navigation nav .add-category-toggle span,.Sidebar .categories nav .add-category-toggle span{color:var(--text-dashboard);font-size:.8rem}.Sidebar .categories{padding:0}.Sidebar .categories .title{padding:.75rem}.Sidebar .categories nav{gap:3px}.Sidebar .categories nav .navlink{padding:.75rem;font-size:15px;border-radius:.3rem;background-color:var(--color-background-primary);color:var(--text-secondary);cursor:pointer}.Sidebar .categories nav .navlink.active{background-color:var(--color-darkgray)}.Sidebar .categories nav .navlink:first-of-type{border-radius:1rem 1rem .3rem .3rem}.Sidebar .categories nav .navlink:last-of-type{border-radius:.3rem .3rem 1rem 1rem}.Sidebar .categories nav .navlink:hover{border-radius:1rem}.Sidebar .buttons{width:100%;margin-top:auto;display:flex;flex-direction:column;gap:.3rem}.Sidebar .buttons button{cursor:pointer}.Sidebar .buttons button:hover{color:var(--text-primary)}.Sidebar button.logout,.Sidebar button.share-profile{display:flex;justify-content:start;gap:.3rem;align-items:center;width:100%;padding:.75rem;font-size:14px;color:var(--text-dashboard);border-top:1px solid var(--color-darkgray)}.Sidebar button.share-profile{border:none}.Sidebar .user-search{margin-top:.5rem;flex-wrap:wrap;display:flex;align-items:center;gap:.4rem;border-radius:.75rem}.Sidebar .user-search input{flex:1;width:100%;border-radius:.4rem;background:transparent;border:none;background:var(--color-background-primary);padding:.4rem .6rem;border:1px solid var(--color-darkgray);outline:none;color:var(--text-primary);font-size:.9rem}.Sidebar .user-search button{margin-left:auto;background:var(--color-primary);color:var(--text-dark);border:none;padding:.35rem .6rem;border-radius:.5rem;font-size:.8rem;cursor:pointer}.Sidebar .user-suggestions{width:100%;margin-block:.5rem;border:1px solid var(--color-darkgray);background:var(--bg-dark);border-radius:.75rem;overflow:auto;max-height:220px;min-height:220px}.Sidebar .user-suggestions .suggestion-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;cursor:pointer;color:var(--text-secondary)}.Sidebar .user-suggestions .suggestion-item:hover{background:var(--color-background-primary);color:var(--text-primary)}.Sidebar .user-suggestions .suggestion-item .name{font-weight:600;font-size:.9rem}.Sidebar .user-suggestions .suggestion-item .email{font-size:.8rem;color:var(--text-dashboard)}.category-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.category-modal-overlay .category-modal{box-sizing:border-box;overscroll-behavior:contain;background:var(--fg-dark);border-radius:3rem;box-shadow:0 8px 32px #0000002e;padding:2rem;position:relative;width:500px;min-width:300px;max-width:calc(100% - 2rem);min-height:0;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:1.5rem}.category-modal-overlay .category-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.category-modal-overlay .category-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.category-modal-overlay .category-modal .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.category-modal-overlay .category-modal .modal-header .close-btn:hover{background:var(--color-background-primary);color:var(--text-primary)}.category-modal-overlay .category-modal .category-form{display:flex;flex-direction:column;gap:1.5rem}.category-modal-overlay .category-modal .category-form .form-section{display:flex;flex-direction:column;gap:.5rem}.category-modal-overlay .category-modal .category-form .form-section .form-label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.category-modal-overlay .category-modal .category-form .form-section .form-label svg{color:var(--color-primary)}.category-modal-overlay .category-modal .category-form .form-section .form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:1rem;font-size:.9rem;background:var(--color-background-primary);color:var(--text-primary);transition:border-color .2s ease}.category-modal-overlay .category-modal .category-form .form-section .form-input:focus{outline:none;border-color:var(--color-primary)}.category-modal-overlay .category-modal .category-form .form-section .form-input::placeholder{color:var(--text-gray)}.category-modal-overlay .category-modal .category-form .form-section .form-help{color:var(--text-gray);font-size:.75rem;margin-top:.25rem}.category-modal-overlay .category-modal .category-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.category-modal-overlay .category-modal .category-form .form-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-secondary{background:var(--color-background-primary);color:var(--text-primary);border:1px solid var(--color-border)}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-secondary:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-primary{background:var(--color-primary);color:var(--text-dark)}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-primary:hover{background:var(--color-secondary);transform:translateY(-1px)}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-danger{background:#ef4444;color:#fff}.category-modal-overlay .category-modal .category-form .form-actions .btn.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.category-modal-overlay .category-modal{width:calc(100% - 2rem);padding:1.5rem;border-radius:2rem}.category-modal-overlay .category-modal .modal-header h2{font-size:1.25rem}.category-modal-overlay .category-modal .category-form{gap:1rem}.category-modal-overlay .category-modal .category-form .form-actions{flex-direction:column}.category-modal-overlay .category-modal .category-form .form-actions .btn{width:100%}}@media (max-width: 480px){.category-modal-overlay .category-modal{padding:1rem;border-radius:1.5rem}.category-modal-overlay .category-modal .modal-header{flex-direction:column;gap:1rem;text-align:center}}.mobile-nav{width:100%;display:none;justify-content:start;align-items:center;padding:.5rem 1rem;padding-left:0}@media screen and (max-width: 798px){.mobile-nav{display:flex}}.mobile-nav .icon-sidebar{cursor:pointer;position:relative;width:30px;display:flex;border-right:1px solid var(--color-border)}.mobile-nav__logo{display:flex;align-items:center;gap:.5rem}.mobile-nav__logo img{width:45px;height:45px}.mobile-nav__logo h1{font-size:1rem;font-weight:500;color:var(--text-primary)}.Auth{min-height:calc(100vh - 124px);display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:2rem}@media screen and (max-width: 1000px){.Auth{padding:2rem 1rem}}.Auth .error{color:var(--text-error);font-size:.8rem!important}.Auth .AuthForm{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;background-color:var(--fg-dark);text-align:center;width:500px;border-radius:3rem;font-size:1.2rem}.Auth .AuthForm .title{font-size:2.2rem;font-weight:400;color:var(--text-secondary)}.Auth .AuthForm .description{margin-bottom:1.5rem;color:var(--text-dark)}.Auth .AuthForm .buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.Auth .AuthForm .buttons button{all:unset;padding:1rem 0rem;border:2px solid var(--color-primary);width:100%;border-radius:3rem;color:var(--color-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:.2s ease}.Auth .AuthForm .buttons button:hover{border-radius:1rem}.Auth .AuthForm .buttons button.signinwithgoogle div{display:flex;justify-content:center;align-items:center;gap:.5rem}.Auth .AuthForm .buttons button.signinwithgoogle div img{height:20px;object-fit:cover}.Auth .AuthForm .buttons button.createAccount{background-color:var(--color-accent-dark);color:var(--color-primary);border:2px solid var(--color-accent-dark)}.Auth .AuthForm .buttons button.signUp{border:2px solid var(--color-secondary)}.Auth .AuthForm .buttons .privacyDisclaimer{font-size:.8rem;color:var(--text-dark)}.Auth .AuthForm .buttons .privacyDisclaimer a{color:var(--color-secondary)}.Auth .AuthForm .buttons .separator{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;color:var(--text-primary)}.Auth .AuthForm .buttons .separator .line{height:1px;flex:1;background:var(--text-dark)}.Auth .AuthForm .buttons p{font-size:.9rem;color:var(--color-primary)}.Auth .AuthForm .inputForm{font-size:1rem}.Auth .AuthForm .inputForm input{background-color:var(--color-primary);border-radius:.4rem;padding:1rem;margin-block:.2rem!important}.Auth .AuthForm .inputForm input.password{margin-bottom:2rem!important}.Auth .AuthForm .inputForm input:-webkit-autofill{box-shadow:0 0 0 1000px var(--color-primary) inset!important;-webkit-text-fill-color:var(--color-black)!important}.Auth .AuthForm .inputForm input:focus{outline:2px solid var(--color-accent)}.Auth .AuthForm .inputForm input:first-of-type{border-radius:1rem 1rem .4rem .4rem}.Auth .AuthForm .inputForm input.password{border-radius:.4rem .4rem 1rem 1rem!important}.Auth .AuthForm .inputForm .profile-img-input-preview-container{background-color:var(--color-darkgray);padding:1rem;border-radius:3rem;margin-bottom:1rem}.Auth .AuthForm .inputForm .profileImgPreview{background-color:var(--color-gray);width:65px;height:65px;border-radius:50%;object-fit:cover;margin:0 auto 8px}.Auth .AuthForm .inputForm .profileImgInputLabel{cursor:pointer}.Auth .AuthForm .inputForm .profileImgInputLabel p{display:flex;justify-content:center;align-items:center;gap:.5rem}.apple-menubar{display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem 2rem;gap:.5rem;transition:.1s cubic-bezier(.4,0,.2,1),background .2s;z-index:1000;overflow:auto}@media screen and (max-width: 798px){.apple-menubar{padding-inline:1rem}}@media screen and (max-width: 500px){.apple-menubar{justify-content:start}}.apple-menubar .logo{flex:1;display:flex;justify-content:start;align-items:center;font-size:3rem;cursor:pointer;flex-shrink:none}@media screen and (max-width: 798px){.apple-menubar .logo{flex:unset}.apple-menubar .logo img{width:40px}}.apple-menubar .buttons{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media screen and (max-width: 798px){.apple-menubar .buttons{gap:.5rem}}.apple-menubar .buttons>*{font-family:poppins,roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:3rem;padding:.8rem 1.5rem;font-weight:600;font-size:.9rem;transition:.2s ease}.apple-menubar .buttons>*.signup,.apple-menubar .buttons>*.logout{background-color:var(--color-secondary)}.apple-menubar .buttons>*.login{border:2px solid var(--color-primary);color:var(--color-primary)}.apple-menubar .buttons>*:hover{border-radius:1rem}@media screen and (max-width: 798px){.apple-menubar .buttons>*{padding:.5rem 1rem}}.dashboard-link{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:1rem!important;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600}@media screen and (max-width: 798px){.dashboard-link{padding:.5rem 1rem}}.fixed-menubar{position:fixed;top:.5rem;left:0;right:0;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);margin:0 1rem;border-radius:2rem;background:var(--bg-translucent);animation:menubarFadeIn .3s cubic-bezier(.4,0,.2,1);width:max-content;margin-inline:auto;padding:.5rem}.fixed-menubar .logo{display:none}@media screen and (max-width: 1000px){.fixed-menubar{max-width:100%}}@keyframes menubarFadeIn{0%{opacity:0;top:-80px}to{opacity:1;top:0}}.page-links{display:flex;justify-content:center;align-items:center;gap:.3rem;font-family:San Francisco,Lucida Grande,Arial,sans-serif;font-size:15px;-webkit-user-select:none;user-select:none;z-index:100;position:relative}@media screen and (max-width: 798px){.page-links{display:none;justify-content:start;overflow:auto;max-width:100vw}}.page-links a{font-size:.9rem;font-family:Poppins,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;padding:.8rem 1.5rem;display:flex;justify-content:center;align-items:center;border-radius:3rem;transition:background .15s,color .15s;font-weight:500;color:#fff;transition:.2s ease}.page-links a:hover{border-radius:1rem}.page-links a.active{background-color:var(--color-background-primary);color:var(--color-secondary)}.page-links a:hover{background-color:var(--color-background-secondary);color:var(--color-secondary)}.user{display:flex;justify-content:center;align-items:center;gap:1rem;color:var(--color-primary)}@media screen and (max-width: 798px){.user{gap:.5rem}}.user .user-profile-image{height:45px;width:45px;border-radius:50%}.user .placeholder{background-color:var(--color-primary);color:var(--color-accent);font-size:1.3rem;width:45px;height:45px;border:3px solid var(--color-secondary);font-weight:500;display:flex;justify-content:center;align-items:center;text-transform:uppercase;border-radius:50%;flex-shrink:0}.user button{font-family:poppins,roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:var(--color-secondary);color:var(--color-black);border-radius:3rem;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;font-size:.9rem;transition:.2s ease;min-width:max-content}.user button:hover{border-radius:1rem}.Profile .header-container{padding:1.5rem;padding-bottom:0;color:var(--text-primary);display:flex;justify-content:center;align-items:end;position:relative;height:350px;margin-bottom:.5rem;overflow:hidden}@media screen and (max-width: 798px){.Profile .header-container{padding:0}}.Profile .header-container .profile-cover-image{position:absolute;height:200px;width:100%;top:0;left:0;border-radius:1rem;overflow:hidden;background-color:var(--color-background-dark)}.Profile .header-container .profile-cover-image .img{height:100%;width:100%;object-fit:cover}.Profile .header-container .header-content{z-index:2;width:100%;max-width:var(--max-width);display:flex;justify-content:space-between;align-items:center}.Profile .header-container .header-content .title{font-size:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media screen and (max-width: 1000px){.Profile .header-container .header-content .title{gap:.5rem}}.Profile .header-container .header-content .title span{display:flex;justify-content:center;align-items:center;gap:.3rem;background-color:var(--color-darkgray);color:var(--color-primary);padding:.2rem 1rem;border:1px solid var(--color-primary);border-radius:3rem;font-size:14px}.Profile .header-container .header-content .title span .icon{color:var(--text-primary)}.Profile .header-container .header-content .user-profile{display:flex;flex-direction:column;gap:.5rem;align-items:start;flex-wrap:wrap;font-size:1.4rem}@media screen and (max-width: 798px){.Profile .header-container .header-content .user-profile{font-size:1.2rem}}@media screen and (max-width: 500px){.Profile .header-container .header-content .user-profile{font-size:1rem}}.Profile .header-container .header-content .user-profile .display-name{display:flex;justify-content:start;gap:.5rem;align-items:center;color:var(--color-primary)}@media screen and (max-width: 798px){.Profile .header-container .header-content .user-profile .display-name{font-size:1rem}}.Profile .header-container .header-content .user-profile .display-name .edit-profile-toggle{height:25px;width:25px;cursor:pointer;transition:all .2s ease;padding:.25rem}.Profile .header-container .header-content .user-profile .display-name .edit-profile-toggle:hover{transform:scale(1.1)}.Profile .header-container .header-content .user-profile .bio{font-size:1rem}@media screen and (max-width: 798px){.Profile .header-container .header-content .user-profile .bio{font-size:.9rem}}.Profile .header-container .header-content .user-profile .profile-img{height:120px;width:120px;object-fit:cover;border-radius:50%;flex-shrink:0;border:5px solid var(--fg-dark)}.Profile .header-container .header-content .view-toggle{margin-left:auto;display:flex;justify-content:flex-end;padding:.5rem 0}.Profile .header-container .header-content .view-toggle label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.Profile .header-container .header-content .view-toggle input[type=checkbox]{display:none}.Profile .header-container .header-content .view-toggle .toggle-switch{position:relative;width:46px;height:26px;background:var(--color-background-primary);border:1px solid var(--color-darkgray);border-radius:999px;transition:background .2s ease,border-color .2s ease}.Profile .header-container .header-content .view-toggle .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:transform .2s ease}.Profile .header-container .header-content .view-toggle input[type=checkbox]:checked+.toggle-switch{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.Profile .header-container .header-content .view-toggle input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.Profile .header-container .header-content .view-toggle .toggle-label{font-size:.85rem;color:var(--text-secondary)}@media screen and (max-width: 500px){.Profile .header-container .header-content .view-toggle .toggle-label{display:none}}.Profile .categories{max-width:var(--max-width);display:flex;justify-content:start;align-items:center;gap:.5rem;margin-bottom:1rem;overflow:auto;padding:.5rem 0;margin-inline:auto}.Profile .categories .cat,.Profile .categories .add-category{min-width:max-content;display:flex;padding-block:.5rem;padding-inline:.5rem 1.3rem;height:40px;font-size:15px;background-color:var(--bg-gray);color:var(--text-primary);border-radius:3rem;justify-content:center;align-items:center;margin-top:.3rem;gap:.5rem;cursor:pointer;transition:.1s ease}.Profile .categories .cat:hover,.Profile .categories .add-category:hover{background-color:var(--bg-translucent)}.Profile .categories .cat.active,.Profile .categories .add-category.active{background-color:var(--color-accent-dark)}.Profile .categories .cat.active .icon,.Profile .categories .add-category.active .icon{background-color:var(--bg-gray)}@media screen and (max-width: 1000px){.Profile .categories .cat,.Profile .categories .add-category{margin-top:1rem}}.Profile .categories .cat .icon,.Profile .categories .add-category .icon{height:25px;padding:.3rem;flex-shrink:0;width:25px;border-radius:50%;background-color:var(--color-accent-dark)}.Profile .categories .add-category{border:2px solid var(--color-accent-dark);padding-inline:1rem}.Profile .categories .add-category:hover{background-color:var(--color-accent-dark)}.quick-analytics{padding:1.5rem;margin-bottom:1rem;background:var(--color-background-primary);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border)}.quick-analytics.mobile{display:none}@media screen and (max-width: 500px){.quick-analytics{display:none}.quick-analytics.mobile{display:block}}.quick-analytics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.quick-analytics .stats-grid .stat-card{display:flex;align-items:center;gap:.3rem;padding:.5rem;background:var(--color-background-light);border-radius:12px;transition:all .2s ease;cursor:pointer}.quick-analytics .stats-grid .stat-card:hover{box-shadow:0 8px 25px #0000001f}.quick-analytics .stats-grid .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:12px;color:#fff;flex-shrink:0}.quick-analytics .stats-grid .stat-card .stat-icon .icon{stroke:var(--color-secondary)}.quick-analytics .stats-grid .stat-card .stat-content{flex:1;display:flex;justify-content:start;align-items:center;gap:.5rem}.quick-analytics .stats-grid .stat-card .stat-content .stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.quick-analytics .stats-grid .stat-card .stat-content .stat-title{font-size:.8rem;color:var(--text-dashboard);margin:0 0 .25rem;font-weight:500}.quick-analytics .stats-grid .stat-card .stat-content .stat-trend{font-size:.7rem;color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:6px;font-weight:500}.quick-analytics .charts-section{margin-bottom:1rem}.quick-analytics .charts-section .chart-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.quick-analytics .charts-section .chart-row>*{flex:1;min-width:200px}.quick-analytics .charts-section .chart-row .mini-chart{border-radius:12px}.quick-analytics .charts-section .chart-row .mini-chart h4{font-size:.8rem;font-weight:600;text-align:right;color:var(--text-primary);margin:0 0 1rem}.quick-analytics .charts-section .chart-row .mini-chart .chart-container{height:100px;width:100%;position:relative}.quick-analytics .charts-section .chart-row .mini-chart .chart-container canvas{border-radius:8px}.quick-analytics .pinned-links-section{margin-bottom:1rem}.quick-analytics .pinned-links-section h3{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.quick-analytics .pinned-links-section .pinned-links-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card{flex:1;max-width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:1rem;transition:all .2s ease}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-rank{background:var(--color-primary);color:var(--text-dark);font-weight:600;font-size:.875rem;padding:.5rem .75rem;border-radius:8px;flex-shrink:0}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-content{flex:1;min-width:0}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-content h4{font-size:.875rem;font-weight:600;color:var(--color-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-content p{font-size:.75rem;color:var(--color-light);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:var(--text-dark);border-radius:8px;transition:all .2s ease;flex-shrink:0}.quick-analytics .pinned-links-section .pinned-links-grid .pinned-link-card .link-button:hover{background:var(--color-primary)}.quick-analytics .popular-category{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);border-radius:12px;padding:1.5rem;color:#fff;text-align:center}.quick-analytics .popular-category h3{font-size:1.125rem;font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.quick-analytics .popular-category .category-stats .category-name{font-size:1.25rem;font-weight:700;margin-bottom:0rem}.quick-analytics .popular-category .category-stats .category-count{font-size:.875rem;opacity:.9}@media (max-width: 768px){.quick-analytics{padding:1rem}.quick-analytics .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-analytics .stats-grid .stat-card{padding:.3rem}.quick-analytics .stats-grid .stat-card .stat-icon{width:30px;height:30px}.quick-analytics .stats-grid .stat-card .stat-content .stat-value{font-size:1.15rem}.quick-analytics .charts-section .chart-row{grid-template-columns:1fr;gap:1rem}.quick-analytics .pinned-links-section .pinned-links-grid{grid-template-columns:1fr}}@media (max-width: 480px){.quick-analytics .stats-grid{grid-template-columns:1fr}.quick-analytics .analytics-header{flex-direction:column;gap:1rem;text-align:center}}.profile-edit-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.profile-edit-modal-overlay .profile-edit-modal{box-sizing:border-box;overscroll-behavior:contain;background:var(--fg-dark);border-radius:3rem;box-shadow:0 8px 32px #0000002e;padding:2rem;position:relative;width:600px;min-width:300px;max-width:calc(100% - 2rem);min-height:0;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:1.5rem}.profile-edit-modal-overlay .profile-edit-modal .cover-preview{border-radius:.4rem;height:70px;width:calc(600px - 2rem);object-fit:cover}.profile-edit-modal-overlay .profile-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.profile-edit-modal-overlay .profile-edit-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.profile-edit-modal-overlay .profile-edit-modal .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-edit-modal-overlay .profile-edit-modal .modal-header .close-btn:hover{background:var(--color-background-primary);color:var(--text-primary)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form{display:flex;flex-direction:column;gap:1.5rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section{display:flex;flex-direction:column;gap:.5rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-label svg{color:var(--color-primary)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-input,.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:1rem;font-size:.9rem;background:var(--color-background-primary);color:var(--text-primary);transition:border-color .2s ease}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-input:focus,.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-textarea:focus{outline:none;border-color:var(--color-primary)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-input.disabled,.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-textarea.disabled{background:var(--color-background-secondary);color:var(--text-gray);cursor:not-allowed}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-input::placeholder,.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-textarea::placeholder{color:var(--text-gray)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .form-help{color:var(--text-gray);font-size:.75rem;margin-top:.25rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section .current-picture{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section .current-picture .profile-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);background:var(--color-background-primary)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section .current-picture .change-picture-btn{background:var(--color-primary);color:var(--text-dark);border:none;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;font-weight:500;transition:all .2s ease}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section .current-picture .change-picture-btn:hover{background:var(--color-secondary);transform:translateY(-1px)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn.btn-secondary{background:var(--color-background-primary);color:var(--text-primary);border:1px solid var(--color-border)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn.btn-secondary:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-primary)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn.btn-primary{background:var(--color-primary);color:var(--text-dark)}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn.btn-primary:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px)}@media (max-width: 768px){.profile-edit-modal-overlay .profile-edit-modal{width:calc(100% - 2rem);padding:1.5rem;border-radius:2rem}.profile-edit-modal-overlay .profile-edit-modal .modal-header h2{font-size:1.25rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form{gap:1rem}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-section .profile-picture-section .current-picture .profile-preview{width:100px;height:100px}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions{flex-direction:column}.profile-edit-modal-overlay .profile-edit-modal .profile-edit-form .form-actions .btn{width:100%}}@media (max-width: 480px){.profile-edit-modal-overlay .profile-edit-modal{padding:1rem;border-radius:1.5rem}.profile-edit-modal-overlay .profile-edit-modal .modal-header{flex-direction:column;gap:1rem;text-align:center}}.Analytics{margin:0 auto}.Analytics h2{padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.Analytics header{margin-bottom:2rem}.Analytics header .header-content .profile{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.Analytics header .header-content .profile .profile-img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.Analytics header .header-content .profile .user-info h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.3rem}.Analytics header .header-content .profile .user-info p{font-size:.875rem;color:var(--text-gray);margin:.25rem 0 0}.Analytics .analytics-content{display:flex;flex-direction:column;gap:2.5rem}.Analytics .analytics-content .stats-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.Analytics .analytics-content .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.Analytics .analytics-content .stats-section .stats-grid .stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-background-primary);border-radius:12px;transition:all .2s ease;cursor:pointer}.Analytics .analytics-content .stats-section .stats-grid .stat-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.Analytics .analytics-content .stats-section .stats-grid .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--color-primary);color:#fff;flex-shrink:0}.Analytics .analytics-content .stats-section .stats-grid .stat-card .stat-content{flex:1}.Analytics .analytics-content .stats-section .stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.Analytics .analytics-content .stats-section .stats-grid .stat-card .stat-content .stat-title{font-size:.875rem;color:var(--text-secondary);margin:0}.Analytics .analytics-content .stats-section .stats-grid .stat-card .stat-content .stat-secondary{display:inline-block;font-size:.75rem;color:var(--color-primary);background:var(--color-background-light);padding:.25rem .5rem;border-radius:6px;margin-top:.5rem}.Analytics .analytics-content .engagement-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.Analytics .analytics-content .engagement-section .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card{background:var(--color-background-light);border-radius:12px;padding:1.5rem;transition:all .2s ease}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring{position:relative;width:200px;height:200px;margin:0 auto 1.5rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring svg path{stroke-width:3;fill:none}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring svg path:first-child{stroke:var(--color-background-primary)}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring svg path:last-child{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dasharray .5s ease}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring .score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring .score-value h3{font-size:3rem;margin:0;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-ring .score-value p{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 0}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.engagement-score .score-details{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats{display:flex;flex-direction:column;gap:1.25rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats .device-stat .stat-bar{height:8px;background:var(--color-background-primary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats .device-stat .stat-bar .bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;transition:width .5s ease}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats .device-stat .stat-label{display:flex;justify-content:space-between;font-size:.875rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats .device-stat .stat-label span:first-child{color:var(--text-primary);font-weight:500}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats .device-stat .stat-label span:last-child{color:var(--color-primary);font-weight:600}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list{display:flex;flex-direction:column;gap:1.25rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list .ctr-item .link-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list .ctr-item .link-info .link-name{color:var(--text-primary);font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list .ctr-item .link-info .ctr-rate{color:var(--color-primary);font-weight:600;font-size:.875rem}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list .ctr-item .ctr-bar{height:6px;background:var(--color-background-primary);border-radius:3px;overflow:hidden}.Analytics .analytics-content .engagement-section .metrics-grid .metric-card.click-through .ctr-list .ctr-item .ctr-bar .bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:3px;transition:width .5s ease;box-shadow:0 2px 4px #0000001a}.Analytics .analytics-content .charts-section .chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.Analytics .analytics-content .charts-section .chart-grid .chart-card{background:var(--color-background-light);border-radius:12px;padding:1.5rem}.Analytics .analytics-content .charts-section .chart-grid .chart-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.Analytics .analytics-content .charts-section .chart-grid .chart-card .chart-container{height:300px;position:relative}.Analytics .analytics-content .charts-section .chart-grid .chart-card.category-chart .chart-container{height:350px}.Analytics .analytics-content .charts-section .chart-grid .chart-card.activity-chart .chart-header{display:flex;flex-direction:column;justify-content:space-between}.Analytics .analytics-content .charts-section .chart-grid .chart-card.activity-chart .chart-header .time-range-controls{margin-left:auto;display:inline-flex;align-items:center;gap:.25rem;background:var(--color-background-light);border-radius:999px;padding:4px}.Analytics .analytics-content .charts-section .chart-grid .chart-card.activity-chart .chart-header .time-range-controls button{appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:.375rem .75rem;border-radius:999px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.Analytics .analytics-content .charts-section .chart-grid .chart-card.activity-chart .chart-header .time-range-controls button.active{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 6px 18px #11182714}.Analytics .analytics-content .charts-section .chart-grid .chart-card.activity-chart .chart-header .time-range-controls button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61f}.Analytics .analytics-content .top-links-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.Analytics .analytics-content .top-links-section .links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.Analytics .analytics-content .top-links-section .links-grid .link-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-background-light);border-radius:12px;transition:all .2s ease}.Analytics .analytics-content .top-links-section .links-grid .link-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-rank{background:var(--color-primary);color:var(--bg-gray);font-weight:600;font-size:.875rem;padding:.5rem .75rem;border-radius:8px;flex-shrink:0}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-content{flex:1;min-width:0}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-content h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-content p{font-size:.75rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:var(--bg-gray);border-radius:8px;transition:all .2s ease;flex-shrink:0}.Analytics .analytics-content .top-links-section .links-grid .link-card .link-button:hover{background:var(--color-accent);color:var(--color-gray);transform:translateY(-2px)}@media screen and (max-width: 500px){.Analytics .stats-section .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.Analytics .charts-section .chart-grid{grid-template-columns:1fr}.Analytics .charts-section .chart-grid .chart-card{padding:1rem}.Analytics .charts-section .chart-grid .chart-card .chart-container{height:250px}.Analytics .charts-section .chart-grid .chart-card.category-chart .chart-container{height:300px}.Analytics .charts-section .activity-timeline .timeline-toggle{width:100%;justify-content:space-between}.Analytics .charts-section .activity-timeline .timeline-toggle .toggle-btn{flex:1 1 auto;text-align:center;padding:.5rem}.Analytics .charts-section .activity-timeline .timeline-chart{margin-top:.75rem}.Analytics .charts-section .chart-card.activity-chart .chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.Analytics .charts-section .chart-card.activity-chart .chart-header .time-range-controls{width:100%;justify-content:flex-end}.Analytics .charts-section .chart-card.activity-chart .chart-header .time-range-controls button{flex:0 0 auto;padding:.5rem .6rem}.Analytics .top-links-section .links-grid{grid-template-columns:1fr}.Analytics .engagement-section .metrics-grid{grid-template-columns:1fr;gap:1rem}.Analytics .engagement-section .metrics-grid .metric-card{padding:1rem}.Analytics .engagement-section .metrics-grid .metric-card.engagement-score .score-ring{width:160px;height:160px}.Analytics .engagement-section .metrics-grid .metric-card.engagement-score .score-ring .score-value h3{font-size:2.5rem}.Analytics .engagement-section .metrics-grid .metric-card.device-breakdown .device-stats,.Analytics .engagement-section .metrics-grid .metric-card.click-through .ctr-list{gap:1rem}}.Analytics .links-engagement-list{display:flex;flex-direction:column;gap:.5rem;overflow:auto;max-height:250px}.Analytics .link-view-item{background-color:var(--color-background-primary);border-radius:.4rem;padding:1rem;color:var(--text-secondary)}.Analytics .link-view-item .link-meta{padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.Analytics .link-view-item .link-meta .link-title{font-size:.9rem;font-weight:600}.Analytics .link-view-item .link-meta .link-url{font-size:.8rem;color:var(--text-gray)}.Analytics .link-view-item .link-viewers{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.Analytics .link-view-item .link-viewers .viewer-pill{padding:.5rem;background-color:var(--color-primary);color:var(--text-dark);font-size:.8rem;border-radius:1rem;display:flex;justify-content:start;gap:.5rem;align-items:center}.Analytics .link-view-item .link-viewers .viewer-pill .viewer-img{height:20px;aspect-ratio:1/1;border-radius:.6rem}.Analytics .link-view-item .link-viewers .viewer-pill .viewer-count{margin-left:auto;font-weight:600}section{margin-bottom:0;min-height:calc(100vh - 122px)}.hero.main{padding:0;padding-top:1rem;justify-content:start;display:flex;flex-direction:column;gap:1.5rem}.hero.main .greet{font-size:1rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;background-color:var(--fg-dark);color:var(--text-primary);gap:.5rem;width:100%;padding:1rem 1rem 1rem 3rem;border-radius:3rem}.hero.main .greet .close-greet{border:1px solid var(--color-primary);padding:.6rem 1rem;border-radius:3rem;transition:.2s ease;cursor:pointer}.hero.main .greet .close-greet:hover{border-radius:1rem}@media screen and (max-width: 500px){.hero.main .greet{padding:1rem 1rem 1rem 1.5rem}}.hero.main .hero-main{flex:1;display:flex;justify-content:center;flex-wrap:wrap;width:100%;height:100%;gap:1.5rem}@media screen and (max-width: 1000px){.hero.main .hero-main{flex-direction:column}}.hero.main .hero-main>*{flex:1;height:100%;height:650px}@media screen and (max-width: 1000px){.hero.main .hero-main>*{height:unset}}@media screen and (max-width: 1000px){.hero.main .hero-main{max-width:100%}}.hero.main .hero-main .hero-text{color:var(--text-primary);display:flex;flex-direction:column;align-items:start;justify-content:start}.hero.main .hero-main .hero-text .heading{font-size:2.7rem;display:flex;flex-direction:column;gap:1.5rem;flex-wrap:wrap}@media screen and (max-width: 798px){.hero.main .hero-main .hero-text .heading{font-size:1.4rem}}.hero.main .hero-main .hero-text .heading .row{display:flex;justify-content:start;align-items:center;gap:1rem;word-spacing:2rem}.hero.main .hero-main .hero-text .heading .row .empower-by-metric{display:flex;justify-content:center;align-items:center;gap:.5rem;border:2px solid var(--color-primary);padding:.5rem .8rem;border-radius:3rem}.hero.main .hero-main .hero-text .heading .row .empower-by-metric .icon{background-color:var(--color-secondary);color:var(--color-black);border-radius:2rem;padding:.2rem 1rem}@media screen and (max-width: 798px){.hero.main .hero-main .hero-text .heading .row .empower-by-metric .icon>*{width:30px;height:30px}}.hero.main .hero-main .hero-text .heading .socials{display:flex;justify-content:start;align-items:center;gap:1rem;padding:1rem 1.5rem;border:2px solid var(--color-primary);border-radius:3rem}.hero.main .hero-main .hero-text .heading .socials .social{height:45px;width:45px;border-radius:50%;background-color:var(--text-primary);margin-left:-2rem;border:5px solid var(--color-black);transition:.2s ease}.hero.main .hero-main .hero-text .heading .socials .social:hover{border-radius:1rem;transform:rotate(20deg)}@media screen and (max-width: 798px){.hero.main .hero-main .hero-text .heading .socials .social{height:40px;width:40px}}.hero.main .hero-main .hero-text .heading .socials .social:first-of-type{margin-left:0}.hero.main .hero-main .hero-text .heading .socials p{margin-left:auto}.hero.main .hero-main .hero-text .description{max-width:700px;font-size:1.2rem;color:var(--text-gray)}.hero.main .hero-main .hero-text .call-to-actions{width:100%;display:flex;justify-content:start;align-items:center;gap:1rem}@media screen and (max-width: 500px){.hero.main .hero-main .hero-text .call-to-actions{justify-content:center}}.hero.main .hero-main .hero-text .call-to-actions button{all:unset;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;padding:1.6rem 3rem;background-color:var(--color-secondary);border-radius:3rem;color:#000;border:2px solid var(--color-secondary);transition:.2s ease;cursor:pointer}.hero.main .hero-main .hero-text .call-to-actions button:hover{border-radius:1rem}.hero.main .hero-main .hero-text .call-to-actions button:last-of-type{border:2px solid var(--color-primary);background-color:var(--color-black);color:var(--color-primary)}@media screen and (max-width: 798px){.hero.main .hero-main .hero-text .call-to-actions button{padding:1.3rem 2rem;font-size:.9rem}}@media screen and (max-width: 500px){.hero.main .hero-main .hero-text .call-to-actions button{flex:1;padding:1rem 1.5rem;display:flex;justify-content:center;align-items:center}}.hero.main .hero-main .hero-visual{min-width:250px;background:linear-gradient(var(--fg-dark),var(--color-black));border-radius:2rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;max-width:100%}.hero.main .hero-main .hero-visual img{max-height:780px;object-fit:cover;max-width:100%}.hero,.faq{position:relative;margin:0 2rem 2rem;border-radius:1rem;padding:2rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column;overflow:hidden}@media screen and (max-width: 500px){.hero,.faq{margin:0 1rem 1rem;padding:1rem}.hero.Home,.faq.Home{padding:0}}@media screen and (max-width: 500px){.hero,.faq{min-height:calc(100vh - 198px);justify-content:start}}.hero .hero-text,.faq .hero-text{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:2rem}.hero.showcase{background:var(--bg-gray);display:flex;justify-content:center;align-items:center;height:max-content;flex-direction:column;gap:.5rem}.hero.showcase .row{display:flex;width:1200px;max-width:100%;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.hero.showcase .row>div{flex:1;background-color:var(--fg-gray);height:400px;max-width:100%;min-width:250px;border-radius:2rem;transition:.3s ease;display:flex;flex-direction:column;gap:1rem;font-size:1.75rem;color:var(--text-primary);overflow:hidden;padding:1.5rem}.hero.showcase .row>div>*{overflow:hidden}@media screen and (max-width: 1000px){.hero.showcase .row>div{font-size:1.5rem}}@media screen and (max-width: 798px){.hero.showcase .row>div{font-size:1.25rem}}.hero.showcase .row>div .row-text{display:flex;gap:1rem;align-items:center}.hero.showcase .row>div .row-text .icon-container{flex-shrink:0;border-radius:1rem;background-color:var(--color-primary);width:50px;height:50px;display:flex;justify-content:center;align-items:center}.hero.showcase .row>div .row-text .icon-container .icon{color:var(--text-dark)}.hero.showcase .row>div .row-pills{display:flex;flex-wrap:wrap;align-items:baseline;font-size:1rem;gap:.5rem}.hero.showcase .row>div .row-pills .pill{width:max-content;border-radius:3rem;font-size:1.5rem;padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-accent-dark)}@media screen and (max-width: 1000px){.hero.showcase .row>div .row-pills .pill{font-size:1.25rem}}@media screen and (max-width: 798px){.hero.showcase .row>div .row-pills .pill{font-size:1rem}}.hero.showcase .row>div .row-img{object-fit:cover;object-position:top;flex:1;width:100%;height:100%;border-radius:1rem;transition:.2s ease}.hero.showcase .row>div .row-description-text{font-size:1rem;color:var(--text-gray)}.hero.showcase .row>div .row-CTA{margin-top:auto;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:3rem;background-color:var(--color-primary);color:var(--text-dark);width:max-content;font-size:1.5rem;transition:.1s ease}.hero.showcase .row>div .row-CTA:hover{background-color:var(--color-secondary)}@media screen and (max-width: 798px){.hero.showcase .row>div .row-CTA{font-size:1.25rem}}.hero.showcase .row>div:hover{background-color:var(--color-darkgray);border-radius:3rem}.hero.showcase .row>div:hover .row-img{border-radius:2rem}.faq{padding-block:5rem}.faq>*{max-width:100%}.footer{background:linear-gradient(var(--fg-dark),var(--color-black))}.faq-footer h2{text-align:center;margin-bottom:2rem;color:#fff;font-size:3rem;padding-bottom:.5rem}@media screen and (max-width: 798px){.faq-footer h2{font-size:2rem}}@media screen and (max-width: 500px){.faq-footer h2{text-align:start;font-size:1.5rem}}.faq-list{width:1000px;max-width:100%;margin:0 auto}.faq-item{background-color:var(--color-primary);padding:2rem 3rem;border-radius:6rem;margin-bottom:1rem;overflow:hidden;transition:background-color .3s ease;transition:.2s ease}.faq-item:hover{border-radius:3rem}@media screen and (max-width: 798px){.faq-item{padding:1rem}}@media screen and (max-width: 500px){.faq-item{padding:.5rem}}.faq-question{background:none;border:none;color:var(--color-black);font-size:1.5rem;font-weight:600;text-align:left;width:100%;padding:1rem;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1000px){.faq-question{font-size:1rem}}@media screen and (max-width: 500px){.faq-question{font-size:.9rem}}.faq-icon{font-size:1.25rem;margin-left:1rem;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-item.open{border-radius:3rem;outline:3px solid var(--color-accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 1rem;opacity:.9}.faq-answer p{margin:1rem 0;font-size:1.1rem;line-height:1.5}@media screen and (max-width: 1000px){.faq-answer p{font-size:.9rem}}@media screen and (max-width: 500px){.faq-answer p{font-size:.8rem}}.footer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:.3rem;color:var(--text-gray);text-align:center;padding:1rem;border-radius:1rem 1rem 0 0}@media screen and (max-width: 798px){.footer{font-size:.8rem}}.footer .creator-name{color:var(--color-primary)}.footer .link-to-source{display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:3rem;background-color:var(--color-primary);color:var(--text-dark);padding:.5rem 1rem}.Dashboard .header-container{padding:1.5rem;padding-bottom:0;border-radius:1rem;color:var(--text-primary);display:flex;justify-content:center;align-items:start;position:relative}@media screen and (max-width: 500px){.Dashboard .header-container{padding:1rem;background-color:var(--color-background-primary);margin-bottom:1rem}}.Dashboard .header-container:before{content:"";position:absolute;top:0;left:0;height:200px;width:100%;background-color:var(--color-background-primary);border-radius:1rem}@media screen and (max-width: 798px){.Dashboard .header-container:before{height:250px}}@media screen and (max-width: 500px){.Dashboard .header-container:before{all:unset}}.Dashboard .header-container .header-content{z-index:2;width:100%;max-width:var(--max-width)}.Dashboard .header-container .header-content .title{font-size:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media screen and (max-width: 1000px){.Dashboard .header-container .header-content .title{gap:.5rem}}.Dashboard .header-container .header-content .title span{display:flex;justify-content:center;align-items:center;gap:.3rem;background-color:var(--color-darkgray);color:var(--color-primary);padding:.2rem 1rem;border:1px solid var(--color-primary);border-radius:3rem;font-size:14px}.Dashboard .header-container .header-content .title span .icon{color:var(--text-primary)}.Dashboard .header-container .header-content .categories{display:flex;justify-content:start;align-items:center;gap:.5rem;margin-bottom:1rem;overflow:auto;padding:.5rem 0}.Dashboard .header-container .header-content .categories .cat,.Dashboard .header-container .header-content .categories .add-category{min-width:max-content;display:flex;padding-block:.5rem;padding-inline:.5rem 1.3rem;height:40px;font-size:15px;background-color:var(--bg-gray);border-radius:3rem;justify-content:center;align-items:center;margin-top:.3rem;gap:.5rem;cursor:pointer;transition:.1s ease}.Dashboard .header-container .header-content .categories .cat:hover,.Dashboard .header-container .header-content .categories .add-category:hover{background-color:var(--bg-translucent)}.Dashboard .header-container .header-content .categories .cat.active,.Dashboard .header-container .header-content .categories .add-category.active{background-color:var(--color-accent-dark)}.Dashboard .header-container .header-content .categories .cat.active .icon,.Dashboard .header-container .header-content .categories .add-category.active .icon{background-color:var(--bg-gray)}@media screen and (max-width: 1000px){.Dashboard .header-container .header-content .categories .cat,.Dashboard .header-container .header-content .categories .add-category{margin-top:1rem}}.Dashboard .header-container .header-content .categories .cat .icon,.Dashboard .header-container .header-content .categories .add-category .icon{height:25px;padding:.3rem;flex-shrink:0;width:25px;border-radius:50%;background-color:var(--color-accent-dark)}.Dashboard .header-container .header-content .categories .add-category{border:2px solid var(--color-accent-dark);padding-inline:1rem}.Dashboard .header-container .header-content .categories .add-category:hover{background-color:var(--color-accent-dark)}.Dashboard .header-container .header-content .profile{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.875rem}.Dashboard .header-container .header-content .profile .profile-img{height:30px;width:30px;object-fit:cover;border-radius:50%;flex-shrink:0}.links-list-container{max-width:calc(var(--max-width));margin-inline:auto;border-top:1px solid var(--color-border)}.links-list-container .title{margin-block:1rem;font-size:16px;font-weight:500;color:var(--text-dashboard);display:flex;justify-content:start;align-items:center;gap:.75rem}.links-list-container .title .icon{cursor:pointer}.links-list{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}@media screen and (max-width: 1000px){.links-list{padding:0;gap:1rem;display:flex;flex-direction:column}}.links-list .add-link-btn{height:275px;border-radius:.6rem;color:var(--text-dashboard);background-color:var(--color-background-dark);border:2px solid var(--color-background-secondary);cursor:pointer}.links-list .add-link-btn:hover{background-color:var(--color-background-secondary);border:2px solid transparent;color:var(--text-primary);border-radius:1rem}.public-profile-page{background-color:var(--fg-dark);min-height:100vh}