@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--color-bg-primary:#f8f5f0;--color-bg-secondary:#f2ede6;--color-bg-card:#fff;--color-bg-pale:#fdfbf8;--color-bg-sage:#eef4f0;--color-green-primary:#2d6a4f;--color-green-dark:#1b4332;--color-green-light:#52b788;--color-green-pale:#d8ede3;--color-amber:#e07c1a;--color-amber-dark:#b55e0f;--color-amber-light:#f4b66a;--color-amber-pale:#fdf0de;--color-text-primary:#1a1510;--color-text-secondary:#4a3f35;--color-text-muted:#9c8a7a;--color-border:#e5dfd6;--color-border-light:#ede8e1;--color-success:#2d6a4f;--color-warning:#e07c1a;--color-danger:#c0392b;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--font-sans:"Inter",-apple-system,system-ui,sans-serif;--font-display:"DM Serif Display",Georgia,serif;--shadow-sm:0 1px 3px rgba(26,21,16,.07);--shadow-md:0 4px 16px rgba(26,21,16,.09);--shadow-lg:0 12px 32px rgba(26,21,16,.12);--shadow-card:0 2px 8px rgba(26,21,16,.07)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:1rem;line-height:1.5;min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(38,36%,96%,.92);border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:1440px;margin:0 auto;padding:var(--space-3) var(--space-6);grid-gap:var(--space-6);gap:var(--space-6)}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{height:36px;width:auto}.header-search{position:relative;max-width:480px;width:100%;justify-self:center}.search-input{width:100%;padding:.6rem var(--space-4) .6rem 2.5rem;background:var(--color-bg-pale);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s,background .15s}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;background:var(--color-bg-card);border-color:var(--color-green-primary);box-shadow:0 0 0 3px rgba(45,106,79,.12)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.header-nav{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color .15s,background .15s;white-space:nowrap}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;font-family:var(--font-sans);transition:all .15s;white-space:nowrap;cursor:pointer;border:1.5px solid transparent;line-height:1.4;letter-spacing:-.01em}.btn-primary{background:var(--color-green-primary);color:#fff;border-color:var(--color-green-primary)}.btn-primary:hover{background:var(--color-green-dark);border-color:var(--color-green-dark);box-shadow:0 4px 16px rgba(45,106,79,.28);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted)}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-sm{padding:var(--space-1) var(--space-4);font-size:.8rem}.btn-lg{padding:.9rem var(--space-8);font-size:1rem}.hero-add{background:var(--color-bg-primary);padding:var(--space-16) var(--space-6) var(--space-12);border-bottom:1px solid var(--color-border-light);position:relative;overflow:hidden}.hero-add:before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(82,183,136,.1) 0,transparent 65%);pointer-events:none}.hero-add-inner{position:relative;max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-6)}.hero-add-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.01em}.hero-add-title em{font-style:italic;color:var(--color-green-primary)}.hero-add-sub{font-size:1rem;color:var(--color-text-muted);line-height:1.6}.add-form{width:100%}.add-form-row{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);box-shadow:var(--shadow-md);transition:border-color .15s,box-shadow .15s}.add-form-row:focus-within{border-color:var(--color-green-primary);box-shadow:0 0 0 3px rgba(45,106,79,.1),var(--shadow-md)}.add-input{flex:1 1;border:none;outline:none;background:transparent;font-size:1rem;font-family:var(--font-sans);color:var(--color-text-primary);min-width:0;padding:var(--space-2) 0}.add-input::placeholder{color:var(--color-text-muted)}.add-img-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.add-img-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.add-submit{flex-shrink:0;border-radius:var(--radius-lg)!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.hero-add{padding:var(--space-10) var(--space-4) var(--space-8)}.add-form-row{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.add-input{font-size:.9rem}}.section-header{max-width:none;margin:0;padding:var(--space-10) var(--space-3) var(--space-4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.empty-feed{margin:var(--space-6) var(--space-3) var(--space-12);padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:14px}.empty-feed-title{font-family:var(--font-display);font-size:1.3rem;color:var(--color-text-primary);margin:0 0 var(--space-2)}.empty-feed-sub{font-size:.95rem;color:var(--color-text-secondary);margin:0}.section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--color-text-primary);letter-spacing:-.01em}.section-link{font-size:.85rem;color:var(--color-green-primary);font-weight:600;transition:color .15s;letter-spacing:-.01em}.section-link:hover{color:var(--color-green-dark)}.tag-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-4);background:var(--color-bg-card);color:var(--color-text-secondary);border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;border:1px solid var(--color-border);transition:background .15s,border-color .15s,color .15s,transform .1s;letter-spacing:-.01em}.tag-chip:hover{background:var(--color-green-pale);border-color:rgba(45,106,79,.3);color:var(--color-green-dark);transform:translateY(-1px)}.tag-chip-amber{background:var(--color-amber-pale);border-color:rgba(224,124,26,.2);color:var(--color-amber-dark)}.tag-chip-amber:hover{background:#fce4c8;border-color:rgba(224,124,26,.4)}.masonry{column-count:2;column-gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-16);max-width:none;margin:0}@media (min-width:640px){.masonry{column-count:3}}@media (min-width:900px){.masonry{column-count:4}}@media (min-width:1200px){.masonry{column-count:5}}@media (min-width:1500px){.masonry{column-count:6}}@media (min-width:1800px){.masonry{column-count:7}}@media (min-width:2200px){.masonry{column-count:8}}.masonry>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:var(--space-3);display:block}.pin-card{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;display:block;position:relative;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--color-border-light)}.pin-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pin-card img{width:100%;height:auto;display:block}.pin-overlay{position:absolute;inset:0;opacity:0;transition:opacity .18s;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-3);background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent 40%,transparent 60%,rgba(0,0,0,.25));pointer-events:none}.pin-card:hover .pin-overlay{opacity:1;pointer-events:auto}.pin-overlay-bottom,.pin-overlay-top{display:flex;justify-content:flex-end}.pin-overlay-bottom{gap:var(--space-2)}.pin-save-btn{background:var(--color-green-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);font-size:.78rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;letter-spacing:-.01em;transition:background .12s,transform .1s}.pin-save-btn:hover{background:var(--color-green-dark);transform:scale(1.04)}.pin-save-btn--saved{background:var(--color-green-dark);opacity:.85}.pin-delete-btn{background:hsla(0,0%,100%,.92);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b03030;margin-left:var(--space-2);transition:background .12s,color .12s}.pin-delete-btn:hover{background:#b03030;color:#fff}.pin-delete-btn:disabled{opacity:.5;cursor:progress}.pin-delete-btn--admin{background:rgba(224,124,26,.95);color:#fff}.pin-delete-btn--admin:hover{background:#b85e0a;color:#fff}.pin-like-btn{background:hsla(0,0%,100%,.92);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-amber-dark);transition:transform .12s,background .12s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.pin-like-btn:hover{transform:scale(1.15);background:#fff}.pin-like-btn--liked{color:var(--color-amber);background:#fff}.pin-card-img{width:100%}.pin-meta{padding:var(--space-3) var(--space-3) var(--space-3)}.pin-title{font-size:.8rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;letter-spacing:-.01em}.pin-author{font-size:.7rem;color:var(--color-text-muted);font-weight:500;margin:0}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:50;width:52px;height:52px;border-radius:50%;background:var(--color-green-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(45,106,79,.4);transition:background .15s,transform .12s,box-shadow .12s;line-height:1}.fab:hover{background:var(--color-green-dark);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px rgba(45,106,79,.45)}.fab:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 10px rgba(45,106,79,.3)}.site-footer{background:var(--color-green-dark);color:hsla(0,0%,100%,.6);padding:var(--space-10) var(--space-6);font-size:.875rem}.footer-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap}.footer-logo{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.9}.footer-links{display:flex;gap:var(--space-5);flex-wrap:wrap}.footer-link{color:hsla(0,0%,100%,.45);transition:color .15s;font-size:.82rem}.footer-link:hover{color:hsla(0,0%,100%,.9)}.footer-copy{font-size:.75rem;color:hsla(0,0%,100%,.3)}.header-search-mobile{display:none}@media (max-width:640px){.header-inner{grid-template-columns:auto 1fr auto;padding:var(--space-2) var(--space-4);gap:var(--space-2)}.logo img{height:30px}.header-search{display:none}.header-search-mobile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-secondary);margin-left:auto;text-decoration:none;transition:background .15s,color .15s}.header-search-mobile:hover{background:var(--color-bg-sage);color:var(--color-green-primary)}.header-nav>a[href="/selaa"]:not(.btn){display:none}.nav-link--user{font-size:0;padding:6px}.nav-link--user svg{width:18px;height:18px}.fab{bottom:var(--space-4);right:var(--space-4)}}.install-pwa-link{display:inline-flex;align-items:center;gap:.35rem;padding:0;margin:0;background:none;border:none;color:inherit;font-family:var(--font-sans);font-size:inherit;font-weight:inherit;cursor:pointer;text-decoration:none;opacity:.9}.install-pwa-link:hover{opacity:1;text-decoration:underline}.install-pwa-sheet{position:fixed;inset:0;background:rgba(20,16,10,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1100;animation:pwa-fade .18s ease}@keyframes pwa-fade{0%{opacity:0}to{opacity:1}}.install-pwa-sheet-inner{width:100%;max-width:480px;background:var(--color-bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-6) var(--space-5) var(--space-5);box-shadow:0 -10px 40px rgba(0,0,0,.25)}.install-pwa-sheet-inner h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 var(--space-3)}.install-pwa-sheet-inner ol{margin:0 0 var(--space-4);padding-left:1.2rem;color:var(--color-text-secondary);line-height:1.55;font-size:.95rem}.install-pwa-sheet-inner ol li{margin-bottom:.4rem}.install-pwa-sheet-inner .btn{width:100%;justify-content:center}.prose{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16);color:var(--color-text-secondary);font-size:1rem;line-height:1.75}.prose-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-amber-dark);font-weight:700;margin-bottom:var(--space-3)}.prose h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.015em;margin-bottom:var(--space-6)}.prose h1,.prose h2{font-family:var(--font-display);font-weight:400;color:var(--color-text-primary)}.prose h2{font-size:1.4rem;letter-spacing:-.01em;margin:var(--space-10) 0 var(--space-3)}.prose-lead{font-size:1.15rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-8);max-width:60ch}.prose p{margin-bottom:var(--space-4);max-width:65ch}.prose strong{color:var(--color-text-primary);font-weight:600}.prose em{color:var(--color-green-primary);font-style:italic}.prose ol,.prose ul{margin:0 0 var(--space-5) var(--space-5);padding:0}.prose li{margin-bottom:var(--space-2);padding-left:var(--space-2)}.prose code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:var(--color-bg-sage);padding:.1em .4em;border-radius:4px;color:var(--color-green-dark)}.prose a{color:var(--color-green-primary);border-bottom:1px solid rgba(45,106,79,.3);transition:border-color .15s,color .15s}.prose a:hover{color:var(--color-green-dark);border-bottom-color:var(--color-green-dark)}.prose-meta{margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:.82rem;color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-4);gap:var(--space-4);min-height:50vh}.empty-state h2{font-family:var(--font-display);font-size:1.8rem;font-weight:400;color:var(--color-text-primary)}.empty-state p{font-size:1rem;color:var(--color-text-secondary);max-width:360px;line-height:1.65}.lisaa-page{min-height:80vh;padding:var(--space-12) var(--space-4) var(--space-16)}.lisaa-container{max-width:560px;margin:0 auto}.lisaa-header{margin-bottom:var(--space-8)}.lisaa-eyebrow{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-amber-dark);font-weight:700}.lisaa-eyebrow,.lisaa-title{margin-bottom:var(--space-2)}.lisaa-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);font-weight:400;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.015em}.lisaa-subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.lisaa-form{display:flex;flex-direction:column;gap:var(--space-5)}.lisaa-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-pale);min-height:200px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.lisaa-dropzone--active,.lisaa-dropzone:hover{border-color:var(--color-green-primary);background:var(--color-green-pale)}.lisaa-dropzone--has-image{cursor:default;border-style:solid;min-height:240px}.lisaa-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-6);text-align:center}.lisaa-dropzone-btns{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.lisaa-dropzone-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lisaa-dropzone-btn--camera,.lisaa-dropzone-btn:hover{border-color:var(--color-green-primary);color:var(--color-green-primary);background:var(--color-green-pale)}.lisaa-dropzone-btn--camera{font-weight:600}.lisaa-dropzone-btn--camera:hover{background:var(--color-green-light)}.lisaa-dropzone-hint{font-size:.75rem;color:var(--color-text-muted)}.lisaa-preview-img{width:100%;height:100%;object-fit:cover;display:block}.lisaa-remove-img{position:absolute;top:var(--space-2);right:var(--space-2);width:30px;height:30px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:background .12s;z-index:2}.lisaa-remove-img:hover{background:#fff}.lisaa-filename{font-size:.78rem;color:var(--color-text-muted);margin-top:calc(-1 * var(--space-3))}.lisaa-field{display:flex;flex-direction:column;gap:var(--space-1);position:relative}.lisaa-label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.01em}.lisaa-required{color:var(--color-amber-dark)}.lisaa-input,.lisaa-textarea{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.95rem;font-family:var(--font-sans);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s;outline:none;width:100%}.lisaa-input:focus,.lisaa-textarea:focus{border-color:var(--color-green-primary);box-shadow:0 0 0 3px rgba(45,106,79,.12)}.lisaa-input--error{border-color:var(--color-danger)}.lisaa-textarea{resize:vertical;min-height:80px;line-height:1.55}.lisaa-error{font-size:.78rem;color:var(--color-danger);font-weight:500}.lisaa-count{font-size:.72rem;color:var(--color-text-muted);text-align:right;margin-top:calc(-1 * var(--space-1))}.lisaa-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-2)}.lisaa-submit{display:flex;align-items:center;gap:var(--space-2);min-width:140px;justify-content:center}.lisaa-submit:disabled{opacity:.7;cursor:not-allowed}.lisaa-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.lisaa-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) var(--space-4)}.lisaa-success h2{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text-primary)}.lisaa-success p{color:var(--color-text-secondary);font-size:1rem;line-height:1.65;max-width:360px}.lisaa-success-actions{justify-content:center;margin-top:var(--space-2)}.lisaa-auth-notice,.lisaa-success-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.lisaa-auth-notice{background:var(--color-bg-sage);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);align-items:center;justify-content:space-between}.lisaa-auth-notice p{margin:0;color:var(--color-text-primary);font-size:.95rem}.lisaa-auth-notice-actions{display:flex;gap:var(--space-2)}.add-status{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin:var(--space-3) 0 0}.add-status--error{color:#8a3d00;background:#fff5e8;border:1px solid var(--color-amber);border-left-width:4px;border-radius:8px;padding:var(--space-3) var(--space-4);font-weight:500;text-align:left;display:flex;align-items:flex-start;gap:var(--space-2)}.add-status--error:before{content:"⚠";font-size:1.1em;line-height:1;color:var(--color-amber)}.lisaa-rights-note{font-size:.82rem;color:var(--color-text-secondary);line-height:1.5;border-left:3px solid var(--color-amber);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0 0;background:rgba(224,124,26,.05);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.lisaa-rights-note a{color:var(--color-green-primary);text-decoration:underline}.selaa-page{padding:var(--space-8) var(--space-3);max-width:none;margin:0}.selaa-hero{text-align:center;margin-bottom:var(--space-8)}.selaa-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber);margin-bottom:var(--space-2)}.selaa-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;color:var(--color-text-primary);margin:0 0 var(--space-6);line-height:1.15}.selaa-title em{font-style:italic}.selaa-controls{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}.selaa-search-wrap{position:relative;flex:1 1;min-width:200px}.selaa-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.selaa-search{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--space-3) + 16px + var(--space-2));border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-card);font-size:.9rem;font-family:var(--font-sans);color:var(--color-text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.selaa-search:focus{border-color:var(--color-green-primary);box-shadow:0 0 0 3px rgba(45,106,79,.1)}.selaa-sort{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-card);font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;outline:none;transition:border-color .15s}.selaa-sort:focus{border-color:var(--color-green-primary)}.selaa-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.tag-pill{padding:var(--space-1) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-card);font-size:.8rem;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.tag-pill:hover{color:var(--color-green-primary)}.tag-pill--active,.tag-pill:hover{border-color:var(--color-green-primary)}.tag-pill--active{background:var(--color-green-primary);color:#fff}.tag-pill--active:hover{background:var(--color-green-dark);border-color:var(--color-green-dark);color:#fff}.selaa-count{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-4);text-align:center}.selaa-empty{text-align:center;padding:var(--space-16) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-secondary)}.tag-page{padding:var(--space-8) var(--space-4);max-width:1400px;margin:0 auto}.tag-page-hero{text-align:center;margin-bottom:var(--space-8)}.tag-page-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-4);transition:color .15s}.tag-page-back:hover,.tag-page-badge{color:var(--color-green-primary)}.tag-page-badge{display:inline-block;background:var(--color-green-pale,#eef4f0);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);font-size:.85rem;font-weight:600;margin-bottom:var(--space-3)}.tag-page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:1.15}.tag-page-title em{font-style:italic}.tag-page-sub{color:var(--color-text-muted);font-size:.9rem}.pin-detail-page{padding:var(--space-8) var(--space-4);max-width:960px;margin:0 auto}.pin-detail-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-6);transition:color .15s}.pin-detail-back:hover{color:var(--color-green-primary)}.pin-detail-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8)}@media (min-width:640px){.pin-detail-layout{grid-template-columns:1fr 1fr;align-items:start}}.pin-detail-img-wrap{background:var(--color-bg-sage)}.pin-detail-img-wrap,.pin-detail-scene-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.pin-detail-info{display:flex;flex-direction:column;gap:var(--space-4)}.pin-detail-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:var(--color-text-primary);margin:0;line-height:1.2}.pin-detail-author{font-size:.875rem;color:var(--color-text-muted)}.pin-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pin-detail-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.pin-detail-btn-save{background:var(--color-green-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .15s,transform .1s;display:inline-flex;align-items:center;gap:var(--space-2)}.pin-detail-btn-save:hover{background:var(--color-green-dark);transform:translateY(-1px)}.pin-detail-btn-save--saved{background:var(--color-bg-sage);color:var(--color-green-primary);border:1.5px solid var(--color-green-primary)}.pin-detail-btn-like{background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s,color .15s;display:inline-flex;align-items:center;gap:var(--space-2)}.pin-detail-btn-like--liked,.pin-detail-btn-like:hover{border-color:var(--color-amber);color:var(--color-amber)}.btn-ghost{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-decoration:none;display:inline-flex;align-items:center}.btn-ghost:hover{border-color:var(--color-green-primary);color:var(--color-green-primary);background:var(--color-green-pale)}.auth-page{min-height:calc(100dvh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6)}.auth-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-10);width:100%;max-width:420px;box-shadow:var(--shadow-md)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-logo img{height:34px;width:auto}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;text-align:center;color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-sub{font-size:.875rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8)}.auth-form{gap:var(--space-4)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--space-1)}.auth-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.auth-input{width:100%;padding:.7rem var(--space-4);background:var(--color-bg-pale);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-family:var(--font-sans);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:focus{outline:none;background:var(--color-bg-card);border-color:var(--color-green-primary);box-shadow:0 0 0 3px rgba(45,106,79,.12)}.auth-input:disabled{opacity:.55;cursor:not-allowed}.auth-error{font-size:.8125rem;color:var(--color-danger);background:#fdf2f2;border:1px solid #f5c6c6;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.auth-submit{width:100%;margin-top:var(--space-2);padding:.8rem var(--space-6);font-size:.9375rem}.auth-divider{text-align:center;font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-4)}.auth-divider a{color:var(--color-green-primary);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:-webkit-text-decoration-color .15s;transition:text-decoration-color .15s;transition:text-decoration-color .15s,-webkit-text-decoration-color .15s}.auth-divider a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.auth-notice{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:var(--space-6);line-height:1.5}.auth-notice a{color:var(--color-green-primary)}.lightbox-backdrop{position:fixed;inset:0;background:rgba(20,16,10,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:var(--space-4);animation:lightbox-fade .18s ease}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-close{position:fixed;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s;z-index:1201}.lightbox-close:hover{background:hsla(0,0%,100%,.22);transform:scale(1.05)}.lightbox-back{position:fixed;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;gap:.4rem;padding:8px 14px 8px 10px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .15s,transform .12s;z-index:1201}.lightbox-back:hover{background:hsla(0,0%,100%,.22);transform:translateX(-2px)}.lightbox-back:active{transform:translateX(0)}.lightbox-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:min(92vw,1200px);max-height:92vh;width:100%}.lightbox-img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 30px 80px rgba(0,0,0,.5);background:#000}.lightbox-meta{width:100%;max-width:720px;color:#f5efe5;text-align:center}.lightbox-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:400;margin:0 0 var(--space-2);color:#fff}.lightbox-author{font-size:.9rem;color:hsla(0,0%,100%,.7);margin:0 0 var(--space-3)}.lightbox-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3)}.lightbox-tag{font-size:.78rem;padding:4px 10px;background:hsla(0,0%,100%,.12);border-radius:999px;color:#f5efe5;text-decoration:none;transition:background .15s}.lightbox-tag:hover{background:hsla(0,0%,100%,.22)}.lightbox-copy{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:#1a1510;background:#fff;border:none;padding:.55rem 1.2rem;border-radius:999px;cursor:pointer;transition:transform .12s,background .15s,color .15s;letter-spacing:-.01em}.lightbox-copy:hover{background:#f5efe5;transform:translateY(-1px)}.lightbox-copy:active{transform:translateY(0)}.lightbox-copy--done{background:var(--color-green-primary);color:#fff}.lightbox-copy--done:hover{background:var(--color-green-dark)}.pin-likes-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:999px;font-size:.72rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.01em;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:2;pointer-events:none}.pin-likes-badge svg{display:block}.composer-backdrop{position:fixed;inset:0;background:rgba(20,16,10,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1300;padding:var(--space-4);animation:lightbox-fade .18s ease}.composer{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:0 30px 80px rgba(0,0,0,.3);width:100%;max-width:460px;max-height:92vh;overflow:auto;display:flex;flex-direction:column}.composer-preview{background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;max-height:280px}.composer-preview img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block}.composer-url-preview{display:flex;align-items:center;gap:.6rem;padding:1.4rem 1rem;color:var(--color-text-secondary);font-size:.85rem;word-break:break-all}.composer-url-preview svg{flex-shrink:0;color:var(--color-green-primary)}.composer-form{padding:1.2rem 1.2rem 1rem;gap:.9rem}.composer-form,.composer-label{display:flex;flex-direction:column}.composer-label{gap:.35rem;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase}.composer-label em{font-style:normal;color:var(--color-text-muted)}.composer-input,.composer-label em{font-weight:400;text-transform:none;letter-spacing:0}.composer-input{font-size:16px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-pale);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem .8rem;transition:border-color .15s,background .15s}.composer-input:focus{outline:none;border-color:var(--color-green-primary);background:var(--color-bg-card)}.composer-tag-preview{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.composer-tag-chip{font-size:.72rem;font-weight:500;text-transform:none;letter-spacing:0;background:var(--color-bg-sage);color:var(--color-green-primary);padding:3px 9px;border-radius:999px}.composer-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.4rem;flex-wrap:wrap}@media (max-width:600px){.header-inner{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.header-nav{gap:4px}.header-nav .btn-sm{padding:6px 12px;font-size:.78rem}.nav-link--user{padding:6px 8px;font-size:.82rem}.header-nav a[href="/asetukset"]{padding:6px 8px}.hero-add{padding:var(--space-8) var(--space-3) var(--space-6)}.hero-add-inner{gap:var(--space-4)}.hero-add-title{font-size:clamp(1.7rem,8vw,2.4rem)}.hero-add-sub{font-size:.92rem}.add-form-row{padding:6px 6px 6px var(--space-3);gap:4px}.add-input{font-size:16px}.add-img-btn{width:36px;height:36px}.add-submit{padding:8px 14px!important;font-size:.82rem}.section-header{padding:var(--space-6) var(--space-3) var(--space-3)}.section-title{font-size:1.3rem}.fab{width:56px;height:56px;bottom:calc(env(safe-area-inset-bottom, 0px) + var(--space-4));right:var(--space-4)}.lightbox-backdrop{padding:0;background:rgba(20,16,10,.96)}.lightbox-close{right:12px;width:44px;height:44px}.lightbox-back,.lightbox-close{top:calc(env(safe-area-inset-top, 0px) + 12px);background:rgba(0,0,0,.55);border-color:hsla(0,0%,100%,.3)}.lightbox-back{left:12px;padding:8px 12px 8px 8px}.composer{max-width:100%}.composer-form{padding:1rem}.composer-actions .btn-sm{flex:1 1}.lightbox-inner{max-width:100vw;max-height:100vh;height:100vh;justify-content:center;padding:0 var(--space-3) calc(env(safe-area-inset-bottom, 0px) + var(--space-4));gap:var(--space-3);transition:transform .2s ease;touch-action:pan-y}.lightbox-img{max-height:65vh;border-radius:var(--radius-md)}.lightbox-meta{padding:0 var(--space-2)}.lightbox-title{font-size:1.1rem}.lightbox-copy{width:100%;justify-content:center;padding:.7rem 1.2rem;font-size:.92rem}}@media (max-width:380px){.header-nav .btn-sm{padding:5px 9px;font-size:.74rem}.nav-link--user{font-size:.78rem}.nav-link--user,.nav-link--user span{gap:4px}}