.pp-page{min-height:100vh;background:#FAF8F4;padding-bottom:90px}.pp-wrap{max-width:1160px;margin:0 auto;padding:0 24px}.pp-ico{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0}.pp-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;font-size:13.5px;border-radius:24px;height:44px;padding:0 20px;cursor:pointer;background:#fff;color:#1A3C4A;border:1px solid #e4dfd4}.pp-btn:hover{border-color:#C9A96E}.pp-btn-coral{background:#FF7A59;color:#fff;border:none;font-weight:800}.pp-btn-coral:hover{background:#E8694B;border:none}.pp-btn-navy{background:#1A3C4A;color:#fff;border:none;font-weight:800}.pp-btn-navy:hover{background:#16323e;border:none}.pp-pass{transition:transform .16s,box-shadow .16s,border-color .16s}.pp-pass:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(26,60,74,.16);border-color:#C9A96E}.pp-row:hover{background:#FAF8F4}.pp-collection{transition:box-shadow .16s}.pp-collection:hover{box-shadow:0 10px 26px rgba(26,60,74,.14)}.pp-tabs{display:flex;gap:8px;margin-top:18px;padding:16px 0 8px;border-top:1px solid #e4dfd4;position:-webkit-sticky;position:sticky;top:60px;background:#FAF8F4;z-index:20;overflow-x:auto}.pp-tabs::-webkit-scrollbar{height:0}.pp-tab{flex:0 0 auto;font-family:inherit;cursor:pointer;background:#fff;border:1.5px solid #e1dacd;border-radius:23px;font-size:16px;font-weight:800;height:46px;padding:0 17px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#2D5F6E;text-decoration:none;transition:background .14s,border-color .14s,color .14s}.pp-tab:hover{border-color:#C9A96E;color:#1A3C4A}.pp-tab.active{background:#1A3C4A;color:#fff}.pp-tab.active,.pp-tab.active:hover{border-color:#1A3C4A}.pp-field{width:100%;font-family:inherit;font-size:14.5px;color:#1F2933;background:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:12px 14px;outline:none}.pp-field:focus{border-color:#2D5F6E}.pp-field::placeholder{color:#9BA5B0}.pp-twocol{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:22px;gap:22px}.pp-maprow{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:16px;gap:16px}.pp-maprow>:only-child{grid-column:1/-1}.pp-passgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.pp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.pp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.pp-figures{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-content:center}.pp-idhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:-56px;position:relative;z-index:2}.pp-hero{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:22px;gap:22px;align-items:stretch;margin-top:24px}.pp-idcard{background:#fff;border:1px solid #e4e7eb;border-radius:20px;padding:26px 28px;display:flex;flex-direction:column}.pp-vibecard{text-align:left;font-family:inherit;cursor:pointer;border:none;padding:0;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#16323e,#1A3C4A 60%,#22485a);min-height:200px}.pp-vibecard:hover{box-shadow:0 14px 34px rgba(15,37,48,.28)}.pp-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:13px}.pp-figrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.pp-tilegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;border-radius:14px;overflow:hidden}.pp-tile{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.pp-tile:hover{filter:brightness(.92)}.pp-tileedit{opacity:0;transition:opacity .15s}.pp-tile:hover .pp-tileedit{opacity:1}.pp-hscroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.pp-hscroll::-webkit-scrollbar{height:0}.pp-overlay{position:fixed;inset:0;background:rgba(15,37,48,.5);z-index:400;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;overflow:auto}.pp-modal{background:#FAF8F4;max-width:600px;overflow:hidden}.pp-modal,.pp-modal-w{border-radius:20px;width:100%;box-shadow:0 24px 60px rgba(15,37,48,.4)}.pp-modal-w{background:#fff;max-width:520px;max-height:86vh;overflow:auto}.pp-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:88px;z-index:120;background:#1A3C4A;color:#fff;font-size:13.5px;font-weight:600;border-radius:22px;padding:11px 20px;box-shadow:0 12px 30px rgba(15,37,48,.35);animation:pp-toast-in .18s ease-out}@keyframes pp-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.pp-previewbar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:90;display:flex;align-items:center;gap:12px;background:#1A3C4A;color:#fff;border-radius:26px;padding:10px 12px 10px 18px;box-shadow:0 12px 30px rgba(15,37,48,.35);font-size:13px;font-weight:600}.pp-switch{width:42px;height:24px;border-radius:14px;border:none;cursor:pointer;padding:0;position:relative;flex-shrink:0}.pp-switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s}.pp-switch.on{background:#2D5F6E}.pp-switch.on span{transform:translateX(18px)}.pp-switch.off{background:#D7D2C8}@media (max-width:900px){.pp-grid2,.pp-maprow,.pp-twocol{grid-template-columns:minmax(0,1fr)}.pp-grid3,.pp-passgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-idhead{flex-direction:column;align-items:flex-start;gap:14px}.pp-hero{grid-template-columns:minmax(0,1fr)}.pp-figrow{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-tilegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.pp-tabs{top:54px}}@media (max-width:640px){.pp-wrap{padding:0 16px}.pp-cover{height:150px!important}.pp-avatar{width:104px!important;height:104px!important}.pp-name-h1{font-size:26px!important}.pp-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-idcard{padding:22px 20px}.pp-overlay{padding:0;align-items:flex-end}.pp-modal,.pp-modal-w{border-radius:18px 18px 0 0;max-height:92vh;overflow:auto;padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.pp-previewbar{bottom:76px}}.pp-reqs{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.pp-req{gap:12px;background:#FDF7EE;border:1px solid #efddbe;border-radius:14px;padding:12px 14px}.pp-req,.pp-req-av{display:flex;align-items:center}.pp-req-av{width:44px;height:44px;border-radius:12px;justify-content:center;color:#fff;font-family:var(--font-display),Georgia,serif;font-weight:700;font-size:17px;background-size:cover;background-position:50%;flex-shrink:0}.pp-req-meta{flex:1 1;min-width:0}.pp-req-name{font-weight:800;font-size:14px;color:#1A3C4A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-req-sub{font-size:12px;color:#6B7B8D;margin-top:1px}.pp-req-act{display:flex;gap:7px;flex-shrink:0}.pp-req-ok{background:#1A3C4A;color:#fff;border:none;border-radius:9px;font-family:inherit;font-weight:800;font-size:12.5px;padding:9px 14px;cursor:pointer}.pp-req-ok:disabled{opacity:.6;cursor:default}.pp-req-no{background:none;border:none;color:#6B7B8D;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;padding:9px 8px}.pp-friends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.pp-friend{position:relative;background:#fff;border:1px solid #e4e7eb;border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .16s,border-color .16s}.pp-friend:hover{box-shadow:0 10px 26px rgba(26,60,74,.12);border-color:#C9A96E}.pp-friend-av{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display),Georgia,serif;font-weight:700;font-size:24px;background-size:cover;background-position:50%;flex-shrink:0}.pp-friend-meta{min-width:0;max-width:100%;margin-top:11px}.pp-friend-name{font-weight:800;font-size:15px;color:#1A3C4A}.pp-friend-handle,.pp-friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-friend-handle{font-size:12.5px;color:#6B7B8D;margin-top:2px}.pp-friend-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pp-friend-status{display:inline-flex;gap:6px;font-weight:800;font-size:13px;color:#2D5F6E;border:1px solid #c5cebc;border-radius:22px;padding:0 15px;white-space:nowrap}.pp-friend-more,.pp-friend-status{align-items:center;background:#fff;height:38px}.pp-friend-more{width:38px;border-radius:50%;border:1px solid #e4dfd4;color:#6B7B8D;font-size:17px;line-height:1;cursor:pointer;display:flex;justify-content:center;flex-shrink:0}.pp-friend-more:hover{border-color:#C9A96E;color:#1A3C4A}.pp-friend-menu{position:absolute;top:100%;right:14px;margin-top:2px;background:#fff;border:1px solid #e4e7eb;border-radius:12px;box-shadow:0 12px 30px rgba(15,37,48,.18);padding:6px;z-index:30;min-width:168px;text-align:left}.pp-friend-menu button{display:block;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:13.5px;font-weight:700;color:#1F2933;padding:9px 11px;border-radius:8px;cursor:pointer}.pp-friend-menu button:hover{background:#F6F1E8}.pp-friend-menu button.pp-danger{color:#B0492F}.pp-menu-backdrop{position:fixed;inset:0;z-index:25}@media (max-width:900px){.pp-friends{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pp-friends{grid-template-columns:1fr;gap:10px}.pp-friend{flex-direction:row;align-items:center;text-align:left;padding:12px 14px}.pp-friend-av{width:48px;height:48px;border-radius:14px;font-size:19px}.pp-friend-meta{flex:1 1;margin-top:0;margin-left:12px}.pp-friend-foot{margin-top:0;margin-left:auto;padding-left:8px}.pp-friend-menu{right:0}}