@import url("https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--cream:#F2EDE3;--cream-2:#EAE3D6;--ink:#1A1A1A;--white:#FFFFFF;--s-blue:#2B5DD4;--s-purple:#7833B0;--s-red:#C41A00;--s-orange:#D95500;--s-amber:#E8900A;--s-yellow:#F0C000;--sans:"Barlow","Helvetica Neue",Helvetica,Arial,sans-serif;--cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--display:"Anton","Impact",sans-serif;--mono:"IBM Plex Mono","Courier New",monospace}html{font-size:16px}body{background:var(--cream);color:var(--ink);font-family:var(--sans);min-height:100vh}.stripes{height:10px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.stripes,.stripes-sm{background:linear-gradient(to right,var(--s-blue) 0 18%,var(--s-purple) 18% 34%,var(--s-red) 34% 50%,var(--s-orange) 50% 66%,var(--s-amber) 66% 82%,var(--s-yellow) 82% 100%)}.stripes-sm{height:5px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}h1,h2{font-family:var(--display);letter-spacing:.03em;line-height:1}h1,h2,h3,h4{text-transform:uppercase}h3,h4{font-family:var(--cond);font-weight:800;letter-spacing:.04em;line-height:1.1}h1{font-size:clamp(2.8rem,7vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.2rem}li,p{line-height:1.65;font-size:.9rem}a{color:var(--s-blue);text-decoration:none}a:hover{text-decoration:underline}label{font-family:var(--cond);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:5px}.container{max-width:1100px;margin:0 auto;padding:0 28px}.page-wrap{padding:48px 0 96px}.nav{background:var(--cream);border-bottom:2px solid var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-inner{justify-content:space-between;padding:0 28px;max-width:1100px;margin:0 auto;height:54px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:var(--display);font-size:1.5rem;color:var(--ink);text-decoration:none;gap:10px}.nav-badge,.nav-logo{letter-spacing:.08em;text-transform:uppercase}.nav-badge{background:var(--s-red);color:var(--white);font-family:var(--cond);font-size:.62rem;font-weight:800;padding:3px 7px;border:1.5px solid var(--ink);line-height:1}.nav-links{display:flex;gap:4px;align-items:center;list-style:none}.nav-links a{font-family:var(--cond);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:8px 16px;display:block;border-bottom:3px solid transparent}.nav-links a.active,.nav-links a:hover{text-decoration:none;border-bottom-color:var(--s-red)}@media (max-width:600px){.nav-inner{padding:0 12px;height:50px}.nav-logo{font-size:0;gap:0}.nav-logo-text{display:none}.nav-links{gap:2px}.nav-links a,.nav-links button{font-size:.62rem!important;padding:6px 7px!important;letter-spacing:.04em}.nav-links li:nth-last-child(-n+2) a,.nav-links li:nth-last-child(-n+2) button{font-size:.7rem!important;padding:6px 8px!important}}.nav-stripe{height:4px;background:linear-gradient(to right,var(--s-blue) 0 18%,var(--s-purple) 18% 34%,var(--s-red) 34% 50%,var(--s-orange) 50% 66%,var(--s-amber) 66% 82%,var(--s-yellow) 82% 100%)}.badge{font-family:var(--cond);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--s-red);color:var(--white);padding:3px 8px;border:1.5px solid var(--ink);display:inline-block}.badge-blue{background:var(--s-blue)}.badge-purple{background:var(--s-purple)}.badge-orange{background:var(--s-orange)}.badge-amber{background:var(--s-amber)}.panel{background:var(--white);border:1.5px solid var(--ink);padding:20px 24px}.panel-title{font-family:var(--cond);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:12px;height:4px;background:linear-gradient(to right,var(--s-blue),var(--s-red),var(--s-amber));display:inline-block;flex-shrink:0}.btn{font-family:var(--cond);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 22px;border:2px solid var(--ink);cursor:pointer;background:var(--cream);color:var(--ink);display:inline-flex;align-items:center;gap:8px;transition:all .1s;text-decoration:none;line-height:1}.btn:hover{text-decoration:none}.btn-primary,.btn:hover{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:#333}.btn-red{background:var(--s-red);color:var(--white);border-color:var(--ink)}.btn-red:hover{background:#a01500;color:var(--white)}.btn-danger{border-color:var(--s-red);color:var(--s-red);background:transparent}.btn-danger:hover{background:var(--s-red);color:var(--white)}.btn-brand{background:linear-gradient(90deg,#2B5DD4 0,#7833B0 25%,#C41A00 45%,#D95500 65%,#E8900A 82%,#F0C000);color:#FFFFFF;border-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-brand:hover{filter:brightness(1.1);color:#FFFFFF}.btn-sm{font-size:.7rem;padding:6px 14px}.form-group{margin-bottom:18px}input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{font-family:var(--sans);font-size:.875rem;width:100%;padding:10px 12px;border:1.5px solid #c8c0b0;border-radius:0;background:var(--white);color:var(--ink);outline:none;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--s-blue);box-shadow:0 0 0 2px rgba(43,93,212,.12)}textarea{resize:vertical;min-height:80px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231A1A1A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-color:var(--white);padding-right:32px}.form-hint{font-size:.68rem;color:#777;margin-top:4px;font-family:var(--mono)}.form-error{font-size:.78rem;color:var(--s-red);margin-top:8px;padding:8px 12px;background:#fff5f3;border-left:3px solid var(--s-red)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.checkbox-row{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--s-blue)}.checkbox-row span{font-size:.8rem;font-weight:600;letter-spacing:.08em}.cat-tag,.checkbox-row span{font-family:var(--cond);text-transform:uppercase}.cat-tag{font-size:.6rem;font-weight:800;letter-spacing:.12em;color:var(--white);padding:3px 10px;display:inline-block;margin-bottom:12px;border:1.5px solid var(--ink)}.cat-LIBRO{background:var(--s-blue)}.cat-PELICULA{background:var(--s-purple)}.cat-MUSICA{background:#1A8C5A}.cat-LUGAR{background:var(--s-orange)}.cat-COMIDA{background:var(--s-amber);color:var(--ink)}.cat-HERRAMIENTA{background:#444}.cat-ARTICULO{background:var(--s-red)}.cat-PODCAST{background:#0A6B8C}.cat-OTRO{background:#6A6A6A}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px;align-items:start}.rec-card{background:var(--white);border:1px solid #d8d2c8;border-left:4px solid var(--accent,var(--s-blue));border-radius:4px;padding:0;position:relative;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.07);transition:box-shadow .15s,transform .15s}.rec-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-1px)}.rec-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 0;gap:6px}.rec-card-title{font-family:var(--sans);font-weight:700;font-size:.85rem;line-height:1.3;color:var(--ink);padding:6px 10px 3px}.rec-card-by{font-family:var(--mono);font-size:.6rem;color:#888;padding:0 10px 6px}.rec-card-by strong{color:var(--s-orange)}.rec-card-desc{font-size:.75rem;color:#555}.rec-card-desc,.rec-card-notes{line-height:1.4;padding:0 10px 6px}.rec-card-notes{font-size:.72rem;color:#777;font-style:italic}.rec-card-url{font-family:var(--mono);font-size:.58rem;color:var(--s-blue);word-break:break-all;display:inline-block;background:#EEF3FD;border-radius:3px;padding:2px 6px;margin:0 10px 8px;max-width:calc(100% - 20px);text-decoration:none}.rec-card-url:hover{text-decoration:underline}.rec-card-location{margin:0 10px 8px}.rec-card-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 8px;border-top:1px solid #eee;margin-top:auto}.rec-card-date{font-family:var(--mono);font-size:.62rem;color:#AAA}.rec-card-delete{background:none;border:none;font-size:1.1rem;line-height:1;color:#CCC;cursor:pointer;padding:0 2px;transition:color .1s}.rec-card-delete:hover{color:var(--s-red)}.badge-private{color:#999;border:1px solid #ccc;background:#F5F5F5;border-radius:3px;white-space:nowrap}.badge-private,.badge-public{font-family:var(--mono);font-size:.6rem;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.badge-public{color:#1A7A40;border:1px solid #a8d8b9;background:#edfbf3;border-radius:3px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:0}.inline-add-form{padding:0 0 24px;margin-bottom:8px}.search-ai-box{border:2px solid var(--ink);padding:16px 20px;background:var(--white);margin-bottom:8px}.search-ai-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--s-orange);margin-bottom:10px}.search-ai-result{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.section-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#888}.page-header-inner{border-bottom:2px solid var(--ink);padding-bottom:16px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.page-header-meta{font-family:var(--mono);font-size:.65rem;color:var(--s-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.landing-hero{background:var(--cream);padding:72px 0 56px;border-bottom:2px solid var(--ink);position:relative}.landing-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--s-orange);margin-bottom:16px;display:flex;align-items:center;gap:10px}.landing-kicker:before{content:"";width:20px;height:3px;background:var(--s-orange);display:inline-block}.landing-subtitle{font-size:1rem;max-width:540px;margin-top:20px;color:#555;line-height:1.7}.landing-cta{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}.hero-stripes{margin:40px 0 0;height:14px;border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:linear-gradient(to right,var(--s-blue) 0 18%,var(--s-purple) 18% 34%,var(--s-red) 34% 50%,var(--s-orange) 50% 66%,var(--s-amber) 66% 82%,var(--s-yellow) 82% 100%)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-top:0;border:1.5px solid var(--ink);border-top:none}@media (max-width:700px){.landing-features{grid-template-columns:1fr}}.feature-item{padding:36px 28px;border-right:1.5px solid var(--ink);background:var(--cream)}.feature-item:last-child{border-right:none}.feature-num{font-family:var(--display);font-size:3.5rem;color:transparent;-webkit-text-stroke:2px var(--ink);display:block;margin-bottom:16px;line-height:1;opacity:.25}.feature-item h3{font-size:.95rem;margin-bottom:10px}.feature-item p{font-size:.82rem;color:#555}.auth-wrap{min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--cream-2)}.auth-box{width:100%;max-width:440px;background:var(--white);border:2px solid var(--ink)}.auth-box-stripes{height:8px;border-bottom:2px solid var(--ink);background:linear-gradient(to right,var(--s-blue) 0 18%,var(--s-purple) 18% 34%,var(--s-red) 34% 50%,var(--s-orange) 50% 66%,var(--s-amber) 66% 82%,var(--s-yellow) 82% 100%)}.auth-box-header{padding:24px 32px 20px;border-bottom:1px solid var(--cream-2)}.auth-box-title{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;color:var(--s-orange);font-weight:500;text-transform:uppercase;margin-bottom:4px}.auth-box-header h2{font-size:2rem}.auth-box-body{padding:28px 32px 32px}.friends-list{display:flex;flex-direction:column;gap:0}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--white);border:1.5px solid var(--ink);border-top:none}.friend-item:first-child{border-top:1.5px solid var(--ink)}.friend-name{font-family:var(--cond);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.friend-username{font-family:var(--mono);font-size:.68rem;color:#777;margin-top:2px}.friend-actions{display:flex;gap:6px}.status-badge{font-family:var(--cond);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border:1px solid}.status-badge.pending{color:#7a5500;border-color:#7a5500;background:#fff8e1}.status-badge.accepted{color:#1A7A40;border-color:#1A7A40;background:#edfbf3}.cat-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.cat-btn{font-family:var(--cond);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border:1.5px solid var(--ink);background:var(--cream);cursor:pointer;color:var(--ink);transition:all .1s}.cat-btn.active,.cat-btn:hover{background:var(--ink);color:var(--cream)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{background:var(--white);border:2px solid var(--ink);width:100%;max-width:580px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1.5px solid var(--ink);background:var(--cream)}.modal-body{padding:24px 20px}.modal-box:before{content:"";display:block;height:6px;background:linear-gradient(to right,var(--s-blue) 0 18%,var(--s-purple) 18% 34%,var(--s-red) 34% 50%,var(--s-orange) 50% 66%,var(--s-amber) 66% 82%,var(--s-yellow) 82% 100%);border-bottom:1.5px solid var(--ink)}.empty-state{text-align:center;padding:72px 24px;border:1.5px dashed #c8c0b0;color:#888;background:var(--cream)}.empty-state p{font-size:.85rem;margin-top:12px}.stats-bar{display:flex;gap:0;margin-bottom:32px;border:1.5px solid var(--ink);background:var(--white)}.stat-item{display:flex;flex-direction:column;gap:2px;padding:8px 16px;border-right:1.5px solid var(--ink)}.stat-item:last-child{border-right:none}.stat-value{font-family:var(--display);font-size:1.1rem;color:var(--ink);line-height:1}.stat-label{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#888}.text-red{color:var(--s-red)}.text-orange{color:var(--s-orange)}.text-blue{color:var(--s-blue)}.text-muted{color:#777}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.gap-16{gap:16px}.w-full{width:100%}.footer{background:var(--cream-2);border-top:2px solid var(--ink);padding:20px 28px;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:#888;text-align:center;text-transform:uppercase}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.group-card{background:var(--white);border:1px solid #d8d2c8;border-left:4px solid var(--s-purple);border-radius:4px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.07);transition:box-shadow .15s,transform .15s}.group-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-1px)}.group-card-name{font-family:var(--cond);font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.group-card-meta{font-family:var(--mono);font-size:.68rem;color:#888;margin-bottom:16px}.group-card-actions,.search-cat-grid{display:flex;gap:8px}.search-cat-grid{flex-wrap:wrap;margin-bottom:20px}.search-cat-btn{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:6px 14px;border:2px solid var(--cat-color,#888);border-radius:20px;background:transparent;cursor:pointer;transition:background .12s,color .12s,transform .1s;color:var(--cat-color,#888)}.search-cat-btn:hover{opacity:.85;transform:translateY(-1px)}.search-input-wrap{position:relative;margin-bottom:16px}.search-input{width:100%;font-size:.95rem;padding-right:36px;box-sizing:border-box}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;font-size:.8rem;cursor:pointer;padding:4px;line-height:1}.search-clear:hover{color:var(--ink)}.group-members-details{border:1px solid #d8d2c8;border-radius:4px;background:var(--cream);margin-bottom:20px}.group-members-summary{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#888;padding:10px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:6px}.group-members-summary::-webkit-details-marker{display:none}.group-members-summary:before{content:"▶";font-size:.55rem;transition:transform .15s;color:#aaa}.group-members-details[open] .group-members-summary:before{transform:rotate(90deg)}.group-members-active{color:var(--s-orange);font-weight:700}.group-members-body{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.member-chip{font-family:var(--mono);font-size:.65rem;font-weight:600;padding:4px 10px;border:1px solid #c8c0b0;border-radius:20px;background:var(--white);color:#666;cursor:pointer;transition:background .1s,color .1s}.member-chip:hover{background:#f0ece4}.member-chip.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.demo-banner{background:#FFF8E1;border:1px solid #ffd54f;border-radius:3px;padding:8px 14px;font-size:.75rem;color:#795548;margin-bottom:16px}.rec-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:6px;gap:6px;margin-top:4px}.rec-chip{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--white);border:1px solid #d8d2c8;border-left:3px solid var(--accent,var(--s-blue));border-radius:3px;cursor:pointer;transition:background .1s,box-shadow .12s,transform .1s;min-height:60px}.rec-chip:hover{background:#faf8f4;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.rec-chip:focus-visible{outline:2px solid var(--s-blue);outline-offset:1px}.cat-tag-xs{font-size:.52rem!important;padding:1px 5px!important;align-self:flex-start}.rec-chip-title{font-family:var(--sans);font-weight:700;font-size:.78rem;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.rec-chip-author{font-family:var(--mono);font-size:.58rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.badge-private-xs{font-size:.52rem;align-self:flex-end;margin-top:-18px}.detail-modal{max-width:580px}.detail-modal .modal-body{padding-bottom:4px!important}.detail-title{font-family:var(--sans);font-weight:800;font-size:1.15rem;line-height:1.3;color:var(--ink);margin:0 0 8px;padding-left:10px}.detail-meta{font-family:var(--mono);font-size:.65rem;color:#888;margin-bottom:12px;display:flex;align-items:center;gap:10px}.detail-meta strong{color:var(--s-orange)}.detail-date{margin-left:auto;color:#aaa}.detail-desc{font-size:.82rem;line-height:1.5;color:#444;margin:0 0 10px}.detail-notes{font-size:.78rem;line-height:1.4;color:#777;font-style:italic;margin-bottom:10px}.btn-danger{color:var(--s-red)!important;border-color:var(--s-red)!important}.btn-danger:hover{background:var(--s-red)!important;color:#fff!important}.comments-section{border:1.5px solid #d8d2c8;border-radius:4px;background:#FAFAF7;margin-top:20px;margin-bottom:20px;padding:14px 14px 16px}.comments-header{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888}.comments-empty,.comments-header{font-size:.75rem;margin-bottom:12px}.comments-empty{color:#bbb;font-style:italic}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.comment-item{background:var(--cream);border-left:2px solid #d8d2c8;padding:8px 10px;border-radius:0 3px 3px 0}.comment-author{display:flex;align-items:center;gap:6px;margin-bottom:4px}.comment-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.comment-author strong{font-size:.72rem;font-family:var(--mono);color:var(--ink)}.comment-date{font-size:.62rem;color:#bbb;margin-left:auto;font-family:var(--mono)}.comment-text{font-size:.78rem;line-height:1.45;color:#444}.comment-form{display:flex;flex-direction:column;gap:6px}.comment-input{width:100%;font-family:var(--sans);font-size:.8rem;padding:8px 10px;border:1px solid #d8d2c8;border-radius:3px;resize:none;background:var(--white);color:var(--ink);box-sizing:border-box}.comment-input:focus{outline:none;border-color:var(--s-blue)}.comment-form .btn{align-self:flex-end}