:root{--black: black;--white: white;--pin-red: #E60023;--pin-red-dark: #AD081B;--pin-red-light: #FF4747;--pin-red-hover: #CC001F;--pin-bg: #ffffff;--pin-bg-secondary: #F0F0F0;--pin-bg-tertiary: #F8F8F8;--pin-card-bg: #ffffff;--pin-bg-muted: black;--pin-text-primary: #111111;--pin-text-secondary: #767676;--pin-text-muted: #ADADAD;--pin-text-inverse: #ffffff;--pin-text-inverse-1: #F8F8F8;--pin-text-inverse-2: #F0F0F0;--pin-text-reverse: #000;--pin-text-reverse-1: #111111;--pin-text-reverse-2: #767676;--bg-reverse: #ffffff;--bg-reverse-1: #F8F8F8;--bg-reverse-2: #F0F0F0;--bg-inverse: #000000;--bg-inverse-1: #111111;--bg-inverse-2: #1A1A1A;--pin-border: #E0E0E0;--pin-border-focus: #E60023;--pin-sidebar-width: 72px;--pin-sidebar-bg: #ffffff;--pin-topbar-height: 64px;--pin-shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--pin-shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--pin-shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--pin-transition: .15s ease;--font-family: "Roboto", sans-serif;--pin-color-error: #e53e3e;--pin-color-success: #00a000;--pin-color-success-bg: rgba(0, 180, 0, .08);--pin-saved-bg: #333333;--pin-red-bg-subtle: rgba(230, 0, 35, .04);--pin-red-bg-drag: rgba(230, 0, 35, .05);--pin-overlay-white: rgba(255, 255, 255, .85);--pin-overlay-white-weak: rgba(255, 255, 255, .7);--pin-overlay-dark-light: rgba(0, 0, 0, .3);--pin-overlay-dark-medium: rgba(0, 0, 0, .5);--pin-overlay-dark: rgba(0, 0, 0, .6);--pin-overlay-dark-strong: rgba(0, 0, 0, .8);--pin-spinner-track-on-color: rgba(255, 255, 255, .4);--pin-spinner-track-on-white: rgba(0, 0, 0, .2);--size-xs: 24px;--size-sm: 32px;--size-md: 48px;--size-lg: 64px;--size-xl: 96px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--space-5xl: 64px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-circle: 50%;--radius-pill: 9999px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-3xs: .65rem;--text-2xs: .75rem;--text-xs: .8rem;--text-sm: .875rem;--text-md: .9rem;--text-base: .95rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 4rem;--opacity-disabled: .5;--opacity-muted: .6;--z-base: 10;--z-topbar: 50;--z-sidebar: 100;--z-toast: 9999;--pin-card-radius: var(--radius-lg)}html.dark{--pin-bg: #1A1A1A;--pin-bg-secondary: #2D2D2D;--pin-bg-tertiary: #222222;--pin-card-bg: #2D2D2D;--pin-bg-muted: #E0E0E0;--pin-text-primary: #EFEFEF;--pin-text-secondary: #ADADAD;--pin-text-muted: #767676;--pin-text-inverse: #000;--pin-text-inverse-1: #111111;--pin-text-inverse-2: #1A1A1A;--pin-text-reverse: #fff;--pin-text-reverse-1: #ADADAD;--pin-text-reverse-2: #2D2D2D;--bg-reverse: #000;--bg-reverse-1: #111111;--bg-reverse-2: #2D2D2D;--bg-inverse: #fff;--bg-inverse-1: #F5F5F5;--bg-inverse-2: #EAEAEA;--pin-border: #404040;--pin-sidebar-bg: #1A1A1A;--pin-shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--pin-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--pin-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--pin-saved-bg: #555555;--pin-overlay-white: rgba(0, 0, 0, .7);--pin-overlay-white-weak: rgba(0, 0, 0, .55)}@media(max-width:600px){:root{--pin-topbar-height: 56px}}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.d-grid{display:grid}.flex{display:flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.radius-none{border-radius:var(--radius-none)}.radius-xs{border-radius:var(--radius-xs)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-2xl{border-radius:var(--radius-2xl)}.radius-circle{border-radius:var(--radius-circle)}.radius-pill{border-radius:var(--radius-pill)}.shadow-sm{box-shadow:var(--pin-shadow-sm)}.shadow-md{box-shadow:var(--pin-shadow-md)}.shadow-lg{box-shadow:var(--pin-shadow-lg)}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow-y:auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-color-accent{color:var(--pin-red)}.text-color-inverse{color:var(--pin-text-inverse)}.text-color-inverse-1{color:var(--pin-text-inverse-1)}.text-color-inverse-2{color:var(--pin-text-inverse-2)}.text-color-reverse{color:var(--pin-text-reverse)}.text-color-reverse-1{color:var(--pin-text-reverse-1)}.text-color-reverse-2{color:var(--pin-text-reverse-2)}.text-1xl-title{color:var(--pin-text-primary)}.text-2xl-title{color:var(--pin-text-secondary);line-height:1.6}.text-3xl-title{color:var(--pin-text-secondary)}.text-4xl-title strong{color:var(--pin-text-primary)}.text-5xl-title{color:var(--pin-text-muted)}.bg-reverse{background:var(--bg-reverse)}.bg-reverse-1{background:var(--bg-reverse-1)}.bg-reverse-2{background:var(--bg-reverse-2)}.bg-inverse{background:var(--bg-inverse)}.bg-inverse-1{background:var(--bg-inverse-1)}.bg-inverse-2{background:var(--bg-inverse-2)}.bg-secondary{background:var(--pin-bg-secondary)}.opacity-disabled{opacity:var(--opacity-disabled)}.opacity-muted{opacity:var(--opacity-muted)}.text-3xs{font-size:var(--text-3xs)!important}.text-2xs{font-size:var(--text-2xs)!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-md{font-size:var(--text-md)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-3xl{font-size:var(--text-3xl)!important}.text-4xl{font-size:var(--text-4xl)!important}.text-5xl{font-size:var(--text-5xl)!important}.text-6xl{font-size:var(--text-6xl)!important}.text-7xl{font-size:var(--text-7xl)!important}.pin-red{color:var(--pin-red)}.pin-red-dark{color:var(--pin-red-dark)}.pin-red-light{color:var(--pin-red-light)}.pin-red-hover{color:var(--pin-red-hover)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.m-4xl{margin:var(--space-4xl)}.m-5xl{margin:var(--space-5xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mt-4xl{margin-top:var(--space-4xl)}.mt-5xl{margin-top:var(--space-5xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.mb-5xl{margin-bottom:var(--space-5xl)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.ml-2xl{margin-left:var(--space-2xl)}.ml-3xl{margin-left:var(--space-3xl)}.ml-4xl{margin-left:var(--space-4xl)}.ml-5xl{margin-left:var(--space-5xl)}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.mr-2xl{margin-right:var(--space-2xl)}.mr-3xl{margin-right:var(--space-3xl)}.mr-4xl{margin-right:var(--space-4xl)}.mr-5xl{margin-right:var(--space-5xl)}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.mx-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.mx-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.mx-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl)}.mx-5xl{margin-left:var(--space-5xl);margin-right:var(--space-5xl)}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.my-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.my-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.my-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.my-5xl{margin-top:var(--space-5xl);margin-bottom:var(--space-5xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.p-4xl{padding:var(--space-4xl)}.p-5xl{padding:var(--space-5xl)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pt-3xl{padding-top:var(--space-3xl)}.pt-4xl{padding-top:var(--space-4xl)}.pt-5xl{padding-top:var(--space-5xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pb-3xl{padding-bottom:var(--space-3xl)}.pb-4xl{padding-bottom:var(--space-4xl)}.pb-5xl{padding-bottom:var(--space-5xl)}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pl-2xl{padding-left:var(--space-2xl)}.pl-3xl{padding-left:var(--space-3xl)}.pl-4xl{padding-left:var(--space-4xl)}.pl-5xl{padding-left:var(--space-5xl)}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.pr-2xl{padding-right:var(--space-2xl)}.pr-3xl{padding-right:var(--space-3xl)}.pr-4xl{padding-right:var(--space-4xl)}.pr-5xl{padding-right:var(--space-5xl)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.px-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.px-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.px-5xl{padding-left:var(--space-5xl);padding-right:var(--space-5xl)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.py-5xl{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.gap-4xl{gap:var(--space-4xl)}.gap-5xl{gap:var(--space-5xl)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.5rem;line-height:1;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-rounded.icon-sm{font-size:1.25rem}.material-symbols-rounded.icon-md{font-size:1.5rem}.material-symbols-rounded.icon-lg{font-size:2rem}.material-symbols-rounded.icon-xl{font-size:2.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pin-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--pin-text-muted)}.skeleton{background:linear-gradient(90deg,var(--pin-bg-secondary) 25%,var(--pin-bg-tertiary) 37%,var(--pin-bg-secondary) 63%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-lg)}.app-tooltip{padding:.4rem .75rem;background:var(--pin-bg-muted);color:var(--pin-text-inverse);border-radius:9999px;font-family:var(--font-family);font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 16px #0000001f;pointer-events:none;max-width:12rem;overflow:hidden;text-overflow:ellipsis}html.dark .app-tooltip{background:var(--pin-bg-muted);color:var(--pin-text-inverse)}.forgot-link{font-size:var(--text-sm);color:var(--pin-text-secondary);text-decoration:none;text-align:right;transition:color var(--pin-transition)}.forgot-link:hover{color:var(--pin-text-primary);text-decoration:underline}.text-link{text-align:center;font-size:var(--text-sm);color:var(--pin-text-secondary)}.text-link-active{color:var(--pin-text-primary);font-weight:var(--font-weight-bold);text-decoration:none}.text-link-active:hover{text-decoration:underline}.terms-link{text-align:center;font-size:var(--text-xs);color:var(--pin-text-muted);line-height:1.5}.terms-link-active{color:var(--pin-text-secondary);text-decoration:none;font-weight:var(--font-weight-semibold)}.terms-link-active:hover{text-decoration:underline;color:var(--pin-text-primary)}.back-link{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--text-sm);color:var(--pin-text-secondary);text-decoration:none;transition:color var(--pin-transition)}.back-link .material-symbols-rounded{font-size:1.1rem}.back-link:hover{color:var(--pin-text-primary)}.success-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--pin-color-success-bg);color:var(--pin-color-success);font-size:var(--text-sm);font-weight:600}.success-msg .material-symbols-rounded{font-size:var(--text-xl)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.title-primary{font-size:var(--text-2xl);font-weight:700;color:var(--pin-text-primary)}.title-muted-uppercase{font-size:var(--text-sm);font-weight:700;color:var(--pin-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding:0 4px}.form-textarea,.form-select{width:100%;padding:12px 16px;border-radius:16px;border:2px solid var(--pin-border);background:var(--pin-bg);color:var(--pin-text-primary);font-family:var(--font-family);font-size:var(--text-md);transition:border-color var(--pin-transition);outline:none}.form-textarea::placeholder,.form-select::placeholder{color:var(--pin-text-muted)}.form-textarea:focus,.form-select:focus{border-color:var(--pin-text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.skeleton{background:linear-gradient(90deg,var(--pin-bg-secondary) 25%,var(--pin-bg-tertiary) 37%,var(--pin-bg-secondary) 63%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.circle{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.line1{height:14px;width:75%}.line2{height:12px;width:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:16px;background-color:var(--pin-bg);color:var(--pin-text-primary);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}
