.card{display:flex;flex-direction:column;height:300px;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--card-border);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;position:relative}.card::after{content:'';position:absolute;inset:0;border-radius:var(--r);box-shadow:inset 0 0 0 1px rgba(255,255,255,4%);pointer-events:none;transition:box-shadow .35s}.card:hover{transform:translateY(-5px)scale(1.01);border-color:var(--y);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px var(--y)}.card:hover .card__image{transform:scale(1.04)}.card__image-wrap{height:170px;flex-shrink:0;overflow:hidden;position:relative}.card__image-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);display:block}.card__placeholder{width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.7rem;color:rgba(255,255,255,.15);letter-spacing:.2em;text-transform:uppercase}.card__body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1;overflow:hidden}.card__header{display:flex;align-items:center;gap:.45rem}.card__favicon{width:14px;height:14px;border-radius:3px;flex-shrink:0;opacity:.85}.card__name{font-family:var(--serif);font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.card__description{font-family:var(--sans);font-size:.73rem;color:rgba(255,255,255,.45);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.card__domain{font-family:var(--sans);font-size:.68rem;color:var(--y);font-weight:500;margin-top:auto;letter-spacing:.03em}.cards__empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:4rem;font-family:var(--serif);font-size:1rem}#user-area{display:flex;flex-direction:column;gap:.5rem}.user-profile{display:flex;align-items:center;gap:.6rem;padding:.25rem 0}.user-avatar{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--y);flex-shrink:0}.user-name{font-size:.75rem;color:rgba(255,255,255,.5);font-family:var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add{width:100%;background:var(--y);color:#000;border:none;border-radius:7px;padding:.65rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:var(--serif);letter-spacing:.01em;transition:background .2s,transform .15s}.btn-add:hover{background:var(--y2);transform:translateY(-1px)}.btn-login{width:100%;background:0 0;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:.65rem;font-size:.78rem;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:border-color .2s,color .2s}.btn-login:hover{border-color:var(--y);color:var(--y)}.g-dot{width:8px;height:8px;border-radius:50%;background:var(--y);flex-shrink:0}.btn-logout{width:100%;background:0 0;color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,8%);border-radius:7px;padding:.55rem;font-size:.75rem;cursor:pointer;font-family:var(--sans);transition:border-color .2s,color .2s}.btn-logout:hover{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}.add-bar__wrap{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.5rem;transition:border-color .2s}.add-bar__wrap:focus-within{border-color:var(--y)}#add-url{flex:1;background:0 0;border:none;outline:none;color:#fff;font-size:.78rem;font-family:var(--sans)}#add-url::placeholder{color:rgba(255,255,255,.25)}#add-submit{background:var(--y);color:#000;border:none;border-radius:5px;width:24px;height:24px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}#add-submit:hover{background:var(--y2)}#add-msg{font-size:.7rem;color:rgba(255,255,255,.3);min-height:.9rem;font-family:var(--sans)}#home__layout{display:flex;height:100vh;overflow:hidden}#feed{flex:1;margin-left:210px;height:100vh;overflow-y:auto;padding:1.5rem}@import 'https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap';:root{--y:#F5C400;--y2:#FFE566;--w:#F7F3EE;--k:#0C0C0C;--ink:#1A1A1A;--muted:rgba(255,255,255,.35);--card:#111111;--card-border:rgba(255,255,255,.07);--r:14px;--serif:'Syne', sans-serif;--sans:'DM Sans', system-ui, sans-serif;--ease:cubic-bezier(.25,.46,.45,.94)}#home__layout{display:flex;height:100vh;overflow:hidden}#feed{margin-left:250px;flex:1;height:100vh;overflow-y:auto;padding:2rem 2rem 4rem;background:var(--k);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1)transparent}#feed-header{max-width:1100px;margin:0 auto 2rem;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,6%);padding-bottom:1rem}#feed-title{font-family:var(--serif);font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:-.04em}#feed-title span{color:var(--y)}#feed-count{font-family:var(--sans);font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}#cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}@media(max-width:1024px){#cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){#feed{margin-left:0;padding-bottom:90px}#cards-grid{grid-template-columns:1fr}}#detail-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:80}#detail-panel{position:fixed;top:0;right:0;width:420px;height:100vh;background:#111;border-left:1px solid rgba(255,255,255,7%);z-index:90;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1)transparent}#detail-panel.open{transform:translateX(0)}#detail-overlay.open{display:block}#detail-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,border-color .2s;cursor:pointer}#detail-close:hover{background:rgba(0,0,0,.7);border-color:var(--y);color:var(--y)}#detail-image-wrap{width:100%;aspect-ratio:16/9;flex-shrink:0;overflow:hidden}#detail-image{width:100%;height:100%;object-fit:cover;display:block}#detail-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}#detail-header{display:flex;align-items:center;gap:.75rem}#detail-favicon{width:32px;height:32px;border-radius:6px;flex-shrink:0}#detail-name{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em}#detail-domain{font-size:.75rem;color:var(--y);font-family:var(--sans)}#detail-description{font-family:var(--sans);font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.6;font-weight:300}#detail-places{display:flex;flex-direction:column;gap:.75rem}#detail-places.hidden{display:none}#detail-rating{display:flex;align-items:center;gap:.5rem}#detail-stars{color:var(--y);font-size:.9rem}#detail-rating-value{font-family:var(--serif);font-size:1rem;font-weight:700;color:#fff}#detail-rating-count{font-size:.75rem;color:rgba(255,255,255,.35);font-family:var(--sans)}#detail-address,#detail-phone{font-size:.8rem;color:rgba(255,255,255,.5);font-family:var(--sans)}#detail-hours{display:flex;flex-direction:column;gap:.2rem}#detail-hours p{font-size:.75rem;color:rgba(255,255,255,.4);font-family:var(--sans)}#detail-map{width:100%;height:200px;border-radius:8px;overflow:hidden;background:#1a1a1a}#detail-map iframe{width:100%;height:100%;border:none}#detail-visit{display:block;text-align:center;background:var(--y);color:#000;font-family:var(--serif);font-size:.9rem;font-weight:700;padding:.85rem;border-radius:8px;margin-top:auto;transition:background .2s,transform .15s}#detail-visit:hover{background:var(--y2);transform:translateY(-1px)}@media(max-width:768px){#detail-panel{width:100%;border-left:none}}#mobile-header,#mobile-nav{display:none}@media(max-width:1024px) and (min-width:769px){.sidebar__layout{max-width:70px;padding:1.5rem .75rem;align-items:center}.sidebar__brand h1{display:none}.sidebar__search{display:none}.sidebar__bottom{display:none}.nav__item{justify-content:center;padding:.75rem}.nav__item p{display:none}.nav__item svg{width:22px;height:22px}#feed{margin-left:70px}#cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar__layout{display:none}#home__layout{flex-direction:column;height:100vh;overflow:hidden}#feed{margin-left:0;padding:60px 1rem 90px;height:100vh;overflow-y:auto}#feed-header{display:none}#cards-grid{grid-template-columns:1fr;gap:.75rem}#mobile-header{display:flex;align-items:center;gap:.75rem;position:fixed;top:0;left:0;right:0;z-index:50;padding:.75rem 1rem;background:rgba(8,8,8,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,6%)}.mobile-logo{font-family:var(--serif);font-size:.95rem;font-weight:800;color:var(--y);white-space:nowrap;flex-shrink:0}.mobile-search{flex:1;display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.4rem .75rem;transition:border-color .2s}.mobile-search:focus-within{border-color:var(--y)}.mobile-search input{flex:1;background:0 0;border:none;outline:none;color:#fff;font-size:.82rem;font-family:var(--sans)}.mobile-search input::placeholder{color:rgba(255,255,255,.3)}.mobile-search button{display:flex;align-items:center;color:rgba(255,255,255,.4);transition:color .2s}.mobile-search:focus-within button{color:var(--y)}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(8,8,8,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,6%);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom))}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .25rem;color:rgba(255,255,255,.35);cursor:pointer;transition:color .2s;position:relative}.mobile-tab svg{width:22px;height:22px}.mobile-tab span{font-size:.58rem;font-family:var(--sans);font-weight:400;letter-spacing:.02em}.mobile-tab.active{color:#fff}.mobile-tab.active svg{color:var(--y)}.mobile-tab.active::after{content:'';position:absolute;top:0;width:20px;height:2px;background:var(--y);border-radius:999px}.card{height:auto}.card__image-wrap{height:200px}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0a;color:#fff}html{line-height:1;-webkit-text-size-adjust:100%;scroll-behavior:smooth}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:0 0;cursor:pointer}img{max-width:100%;display:block}.sidebar__layout{max-width:230px;width:100%;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem 1.25rem;background:#080808;border-right:1px solid rgba(255,255,255,5%)}.sidebar__brand{display:flex;align-items:center;gap:1rem}.sidebar__brand h1{font-family:var(--serif);font-size:1.5rem;font-weight:800;color:var(--y);letter-spacing:-.03em}.sidebar__logo{width:36px;height:36px;object-fit:contain;filter:invert(76%)sepia(50%)saturate(1300%)hue-rotate(358deg)brightness(101%)contrast(101%)}.sidebar__middle{display:flex;flex-direction:column;gap:1.5rem;flex:1;margin-top:2rem}.sidebar__search{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.6rem;transition:border-color .2s}.sidebar__search:focus-within{border-color:var(--y)}.sidebar__search input{flex:1;background:0 0;border:none;outline:none;color:#fff;font-size:.82rem;font-family:var(--sans);font-weight:300}.sidebar__search input::placeholder{color:rgba(255,255,255,.25)}.sidebar__search button{display:flex;align-items:center;color:rgba(255,255,255,.3);transition:color .2s}.sidebar__search:focus-within button{color:var(--y)}.sidebar__nav{display:flex;flex-direction:column;gap:.1rem}.nav__item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;color:rgba(255,255,255,.4);transition:background .2s,color .2s,padding-left .2s;font-family:var(--sans)}.nav__item p{font-size:.85rem;font-weight:400}.nav__item svg{width:18px;height:18px;flex-shrink:0}.nav__item:hover{background:rgba(255,255,255,5%);color:rgba(255,255,255,.8);padding-left:1rem}.nav__item.active{color:#fff}.nav__item.active p{font-weight:600;font-family:var(--serif)}.nav__item.active svg{color:var(--y)}#user-area{display:flex;flex-direction:column;gap:.5rem}.user-profile{display:flex;align-items:center;gap:.6rem}.user-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--y)}.user-name{font-size:.75rem;color:rgba(255,255,255,.5);font-family:var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add{width:100%;background:var(--y);color:#000;border:none;border-radius:7px;padding:.6rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:var(--serif);transition:background .2s,transform .15s}.btn-add:hover{background:var(--y2);transform:translateY(-1px)}.btn-login{width:100%;background:0 0;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:.6rem;font-size:.78rem;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:border-color .2s,color .2s}.btn-login:hover{border-color:var(--y);color:var(--y)}.g-dot{width:8px;height:8px;border-radius:50%;background:var(--y);flex-shrink:0}.btn-logout{background:0 0;color:rgba(255,255,255,.2);border:none;font-size:.7rem;cursor:pointer;font-family:var(--sans);text-align:left;transition:color .2s}.btn-logout:hover{color:rgba(255,255,255,.5)}@media(max-width:640px){.sidebar__layout{max-width:100%;width:100%;height:auto;top:auto;bottom:0;flex-direction:row;align-items:center;padding:.6rem 1rem;border-right:none;border-top:1px solid rgba(255,255,255,6%)}.sidebar__brand,.sidebar__search,.sidebar__bottom{display:none}.sidebar__middle{margin-top:0;flex-direction:row;align-items:center}.sidebar__nav{flex-direction:row}.nav__item{flex-direction:column;gap:.15rem;padding:.4rem .5rem}.nav__item:hover{padding-left:.5rem}.nav__item p{font-size:.58rem}}@media(max-width:1024px) and (min-width:769px){.sidebar__layout{max-width:70px;width:70px}#feed{margin-left:70px}}