: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-0{border-radius:var(--radius-none)}.radius-1{border-radius:var(--radius-xs)}.radius-2{border-radius:var(--radius-sm)}.radius-3{border-radius:var(--radius-md)}.radius-4{border-radius:var(--radius-lg)}.radius-5{border-radius:var(--radius-xl)}.radius-6{border-radius:var(--radius-2xl)}.radius-circle{border-radius:var(--radius-circle)}.radius-pill{border-radius:var(--radius-pill)}.shadow-1{box-shadow:var(--pin-shadow-sm)}.shadow-2{box-shadow:var(--pin-shadow-md)}.shadow-3{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-6-title{color:var(--pin-text-secondary);line-height:1.6}.text-7-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-1{font-size:var(--text-xs)!important}.text-2{font-size:var(--text-sm)!important}.text-3{font-size:var(--text-md)!important}.text-base{font-size:var(--text-base)!important}.text-4{font-size:var(--text-lg)!important}.text-5{font-size:var(--text-xl)!important}.text-6{font-size:var(--text-2xl)!important}.text-7{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-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.m-6{margin:var(--space-2xl)}.m-7{margin:var(--space-3xl)}.m-8{margin:var(--space-4xl)}.m-9{margin:var(--space-5xl)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mt-6{margin-top:var(--space-2xl)}.mt-7{margin-top:var(--space-3xl)}.mt-8{margin-top:var(--space-4xl)}.mt-9{margin-top:var(--space-5xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mb-6{margin-bottom:var(--space-2xl)}.mb-7{margin-bottom:var(--space-3xl)}.mb-8{margin-bottom:var(--space-4xl)}.mb-9{margin-bottom:var(--space-5xl)}.ml-1{margin-left:var(--space-xs)}.ml-2{margin-left:var(--space-sm)}.ml-3{margin-left:var(--space-md)}.ml-4{margin-left:var(--space-lg)}.ml-5{margin-left:var(--space-xl)}.ml-6{margin-left:var(--space-2xl)}.ml-7{margin-left:var(--space-3xl)}.ml-8{margin-left:var(--space-4xl)}.ml-9{margin-left:var(--space-5xl)}.mr-1{margin-right:var(--space-xs)}.mr-2{margin-right:var(--space-sm)}.mr-3{margin-right:var(--space-md)}.mr-4{margin-right:var(--space-lg)}.mr-5{margin-right:var(--space-xl)}.mr-6{margin-right:var(--space-2xl)}.mr-7{margin-right:var(--space-3xl)}.mr-8{margin-right:var(--space-4xl)}.mr-9{margin-right:var(--space-5xl)}.mx-1{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-2{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-3{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-4{margin-left:var(--space-lg);margin-right:var(--space-lg)}.mx-5{margin-left:var(--space-xl);margin-right:var(--space-xl)}.mx-6{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.mx-7{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.mx-8{margin-left:var(--space-4xl);margin-right:var(--space-4xl)}.mx-9{margin-left:var(--space-5xl);margin-right:var(--space-5xl)}.my-1{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-2{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-3{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-4{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.my-5{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.my-6{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.my-7{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.my-8{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.my-9{margin-top:var(--space-5xl);margin-bottom:var(--space-5xl)}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.p-6{padding:var(--space-2xl)}.p-7{padding:var(--space-3xl)}.p-8{padding:var(--space-4xl)}.p-9{padding:var(--space-5xl)}.pt-1{padding-top:var(--space-xs)}.pt-2{padding-top:var(--space-sm)}.pt-3{padding-top:var(--space-md)}.pt-4{padding-top:var(--space-lg)}.pt-5{padding-top:var(--space-xl)}.pt-6{padding-top:var(--space-2xl)}.pt-7{padding-top:var(--space-3xl)}.pt-8{padding-top:var(--space-4xl)}.pt-9{padding-top:var(--space-5xl)}.pb-1{padding-bottom:var(--space-xs)}.pb-2{padding-bottom:var(--space-sm)}.pb-3{padding-bottom:var(--space-md)}.pb-4{padding-bottom:var(--space-lg)}.pb-5{padding-bottom:var(--space-xl)}.pb-6{padding-bottom:var(--space-2xl)}.pb-7{padding-bottom:var(--space-3xl)}.pb-8{padding-bottom:var(--space-4xl)}.pb-9{padding-bottom:var(--space-5xl)}.pl-1{padding-left:var(--space-xs)}.pl-2{padding-left:var(--space-sm)}.pl-3{padding-left:var(--space-md)}.pl-4{padding-left:var(--space-lg)}.pl-5{padding-left:var(--space-xl)}.pl-6{padding-left:var(--space-2xl)}.pl-7{padding-left:var(--space-3xl)}.pl-8{padding-left:var(--space-4xl)}.pl-9{padding-left:var(--space-5xl)}.pr-1{padding-right:var(--space-xs)}.pr-2{padding-right:var(--space-sm)}.pr-3{padding-right:var(--space-md)}.pr-4{padding-right:var(--space-lg)}.pr-5{padding-right:var(--space-xl)}.pr-6{padding-right:var(--space-2xl)}.pr-7{padding-right:var(--space-3xl)}.pr-8{padding-right:var(--space-4xl)}.pr-9{padding-right:var(--space-5xl)}.px-1{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-3{padding-left:var(--space-md);padding-right:var(--space-md)}.px-4{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-5{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-6{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.px-7{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.px-8{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.px-9{padding-left:var(--space-5xl);padding-right:var(--space-5xl)}.py-1{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-3{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-4{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-5{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-6{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.py-7{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.py-8{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.py-9{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}.gap-6{gap:var(--space-2xl)}.gap-7{gap:var(--space-3xl)}.gap-8{gap:var(--space-4xl)}.gap-9{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}
