.nav-bar{position:fixed;display:flex;justify-content:space-between;top:0;left:0;height:55px;width:100%;z-index:10;border-bottom:1px solid rgba(0,0,0,.15);transition:background-color .3s ease;background-color:var(--color-yellow)}.nav-bar.logged{background-color:var(--color-card);border-bottom:1px solid var(--color-border);height:55px}.get-started{border-radius:20px;color:var(--color-card);display:flex;justify-content:center;align-items:center;font-size:14px;width:108px;min-width:108px;height:37px;background-color:#040404}.nav-white{background-color:var(--color-card)}.nav-red{background-color:#f24d2d}.nav-yellow{background-color:var(--color-yellow);border-bottom:1px solid var(--color-text-primary)}.button-black{background-color:#040404}.button-green{background-color:var(--color-accent)}.button-green:hover{background-color:var(--color-accent-hover)}.nav-buttons{-webkit-user-select:none;user-select:none;position:absolute;left:50%;width:90%;max-width:1200px;height:40px;-webkit-transform:translate(-50%);transform:translate(-50%)}.nav-buttons,.nav-link-buttons{display:flex;align-items:center;justify-content:space-between}.nav-link-buttons{width:410px}.nav-user-buttons{justify-content:space-between;display:flex;align-items:center;width:300px}.logo{display:flex;position:relative;z-index:100}.logo img{object-fit:contain;width:100%;height:100%}.logo.large{height:30px;width:170px;right:15px;position:relative;z-index:100}.logo.large img{object-fit:contain;width:200px;height:100%}.logo.small{height:50px;width:50px;right:20px;position:relative;z-index:100}.bell-icon-container,.get-started,.logo,.nav-button,.nav-button2,.profile-div{cursor:pointer}.nav-button{visibility:hidden}.nav-button,.nav-button2{font-size:13.5px;font-weight:300}.nav-button2{position:relative;right:15px}.nav-write{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-weight:300;font-size:15px;width:65px;height:40px;cursor:pointer;right:10px;margin-right:5px}.nav-write:hover{color:var(--color-text-primary)}.profile-div{height:40px;width:40px;border-radius:50%;border:1px solid var(--color-border);overflow:hidden}.profile-div img{width:100%;height:100%;object-fit:cover;position:relative}.nav-search{width:200px;height:40px;display:flex;align-items:center;border-radius:20px;border:1px solid hsla(0,0%,49%,.5);background-color:none}.nav-search.black{border:1px solid rgba(0,0,0,.5);color:#000}.nav-write.black{color:#000}.search-field.black::-webkit-input-placeholder{color:#000}.search-field.black::placeholder{color:#000}.bell-icon-container img,.write-icon-container{color:#000}.search-field{outline:none;border:none;position:relative;left:15px;overflow:scroll;width:160px;background-color:initial}.maginfy-container{cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;left:10px;z-index:100000;width:10px;height:10px}.magnify-container img{object-fit:cover;width:100%;height:100%;position:relative}.scaled-down{-webkit-transform:scale(.03);transform:scale(.03);width:10px;height:10px}.signin-button-container,.signup-button-container{position:relative;margin-left:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;font-size:14px}.signin-button,.signup-button{border-radius:15px;width:50px;height:20px;padding:5px 15px;font-weight:100;cursor:pointer}.signin-button{color:var(--color-text-secondary)}.signin-button:hover{color:var(--color-text-primary)}.signup-button{background-color:var(--color-text-primary);color:var(--color-card)}.signup-button:hover{background-color:var(--color-text-secondary);color:var(--color-card)}@media screen and (min-width:545px){.nav-button2{right:0}.nav-button2.show{visibility:visible}}@media screen and (min-width:570px){.nav-button2{visibility:visible}}@media screen and (min-width:900px){.nav-button,.show{visibility:visible}}@media screen and (min-width:1200px){.nav-buttons{right:10%}}.nav-kbd-hint{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:10px;font-family:var(--font-sans);color:var(--color-text-tertiary);background:var(--color-tag-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity var(--transition)}.nav-kbd-hint:hover{color:var(--color-text-secondary);background:var(--color-tag-hover)}.nav-search:focus-within .nav-kbd-hint{opacity:0;pointer-events:none}.nav-mobile-search-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;align-items:center;justify-content:center;width:36px;height:36px}.nav-mobile-search-btn img{width:18px;height:18px;object-fit:contain}@media screen and (max-width:640px){.nav-mobile-search-btn{display:flex}}.suggest-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:320px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:99999;overflow:hidden}.suggest-group{padding:8px 0 4px;border-bottom:1px solid var(--color-border-light)}.suggest-group:last-of-type{border-bottom:none}.suggest-group-label{font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:0 14px 4px;font-family:var(--font-sans)}.suggest-item{display:flex;align-items:baseline;grid-gap:8px;gap:8px;padding:7px 14px;cursor:pointer;transition:background var(--transition)}.suggest-item.highlighted,.suggest-item:hover{background:var(--color-bg)}.suggest-title{font-size:14px;color:var(--color-text-primary);max-width:180px;flex-shrink:0}.suggest-meta,.suggest-title{font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest-meta{font-size:12px;color:var(--color-text-tertiary)}.suggest-tags-row{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;padding:4px 14px 8px}.suggest-tag{font-size:12px;color:var(--color-text-secondary);background:var(--color-tag-bg);border-radius:12px;padding:3px 10px;cursor:pointer;font-family:var(--font-sans);transition:all var(--transition)}.suggest-tag.highlighted,.suggest-tag:hover{background:var(--color-text-primary);color:var(--color-card)}.suggest-see-all{padding:9px 14px;font-size:13px;color:var(--color-accent);cursor:pointer;font-family:var(--font-sans);background:var(--color-bg);border-top:1px solid var(--color-border-light);transition:background var(--transition)}.suggest-see-all:hover{background:var(--color-tag-bg)}.suggest-tag mark,.suggest-title mark{background:#fff3b0;color:inherit;border-radius:2px;padding:0 1px;font-style:normal}.bell-trigger,.bell-wrapper{position:relative}.bell-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer}.bell-trigger img{width:22px;height:22px}.bell-badge{position:absolute;top:-2px;right:-4px;background:#e53935;color:var(--color-card);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.bell-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:340px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);z-index:1000;overflow:hidden}.bell-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--color-border-light);font-size:13px;font-weight:600;color:var(--color-text-primary);font-family:var(--font-sans)}.bell-mark-all{background:none;border:none;font-size:12px;color:var(--color-text-secondary);cursor:pointer;padding:0;font-family:var(--font-sans);transition:color var(--transition)}.bell-mark-all:hover{color:var(--color-text-primary)}.bell-dropdown-list{max-height:360px;overflow-y:auto}.bell-notif-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--color-border-light);cursor:pointer;grid-gap:8px;gap:8px;transition:background var(--transition)}.bell-notif-item:hover{background:var(--color-bg)}.bell-notif-item.bell-notif-unread{background:#fffdf0}.bell-notif-item.bell-notif-unread:hover{background:#fff9e0}.bell-notif-dot{width:7px;height:7px;min-width:7px;background:var(--color-yellow);border-radius:50%;margin-top:5px}.bell-notif-body{display:flex;flex-direction:column;grid-gap:2px;gap:2px;flex:1 1}.bell-notif-text{font-size:13px;color:var(--color-text-primary);line-height:1.4;font-family:var(--font-sans)}.bell-notif-item.bell-notif-unread .bell-notif-text{font-weight:600}.bell-notif-time{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-sans)}.bell-empty{color:var(--color-text-tertiary);padding:28px 16px}.bell-dropdown-footer,.bell-empty{text-align:center;font-size:13px;font-family:var(--font-sans)}.bell-dropdown-footer{padding:12px;color:var(--color-text-secondary);cursor:pointer;border-top:1px solid var(--color-border-light);font-weight:500;transition:background var(--transition),color var(--transition)}.bell-dropdown-footer:hover{background:var(--color-bg);color:var(--color-text-primary)}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;grid-gap:6px;gap:6px;position:relative;z-index:200}.hamburger-btn span{display:block;width:22px;height:2px;background-color:currentColor;border-radius:2px;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform-origin:center;transform-origin:center}.hamburger-btn[aria-expanded=true] span:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger-btn[aria-expanded=true] span:nth-child(2){opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.hamburger-btn[aria-expanded=true] span:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.mobile-nav-drawer{display:none;position:fixed;top:55px;left:0;right:0;background-color:var(--color-card);border-bottom:1px solid rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:9;flex-direction:column}.mobile-nav-drawer.open{display:flex}.mobile-nav-item{padding:0 24px;font-size:16px;font-family:var(--font-sans);cursor:pointer;border-bottom:1px solid var(--color-border-light);min-height:52px;display:flex;align-items:center;transition:background var(--transition)}.mobile-nav-item:hover{background-color:var(--color-bg)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-get-started{margin:16px 24px;padding:12px 24px;background-color:#040404;color:var(--color-card);border-radius:20px;font-size:16px;font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:44px;transition:background-color var(--transition)}.mobile-nav-get-started:hover{background-color:var(--color-text-secondary)}@media screen and (max-width:640px){.hamburger-btn{display:flex}.nav-link-buttons,.nav-search{display:none!important}.nav-user-buttons{width:auto;grid-gap:8px;gap:8px}.nav-write .memo-text{display:none}.nav-write{width:auto;margin-right:0}.nav-bar{overflow:visible}.nav-buttons{width:calc(100% - 24px)}}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-serif:"Source Serif 4","gt-super",Georgia,Cambria,"Times New Roman",Times,serif;--color-bg:#faf9f7;--color-card:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#999;--color-border:#e8e8e8;--color-border-light:#f0f0f0;--color-accent:#1a8917;--color-accent-hover:#147113;--color-yellow:#fec016;--color-tag-bg:#f2f2f2;--color-tag-hover:#e4e4e4;--radius-sm:4px;--radius-md:8px;--radius-pill:99px;--shadow-card:0 2px 8px rgba(0,0,0,0.05);--shadow-card-hover:0 8px 32px rgba(0,0,0,0.12);--transition:0.2s ease}body,html{min-height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-family:var(--font-sans);background-color:#faf9f7;background-color:var(--color-bg);color:#1a1a1a;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.header-text{font-family:"Source Serif 4","gt-super",Georgia,Cambria,"Times New Roman",Times,serif;font-family:var(--font-serif)}.memo-text{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-family:var(--font-sans)}.flexcenter{justify-content:center}.flexbetween,.flexcenter{display:flex;align-items:center}.flexbetween{justify-content:space-between}.align-left{text-align:left;justify-content:flex-start}.flex{display:flex}.modal-container{background-color:hsla(0,0%,89.8%,.95)}.modal-container,.modal-container-transparent{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.modal-container-transparent{background-color:hsla(0,0%,89.8%,.1)}@-webkit-keyframes shimmer{0%{background-position:-400px 0}to{background-position:calc(400px + 100%) 0}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:calc(400px + 100%) 0}}.shimmer{background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%);background-size:800px 100%;-webkit-animation:shimmer 1.4s ease-in-out infinite;animation:shimmer 1.4s ease-in-out infinite;border-radius:4px}@-webkit-keyframes pageEnter{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.page-enter{-webkit-animation:pageEnter .22s ease-out both;animation:pageEnter .22s ease-out both}.feed-select:active,.get-started:active,.main-page-tag:active,.mobile-nav-get-started:active,.mobile-nav-item:active,.nav-button:active,.signin-button:active,.signup-button:active,button:active:not(:disabled){-webkit-transform:scale(.95);transform:scale(.95);transition:-webkit-transform .08s ease;transition:transform .08s ease;transition:transform .08s ease,-webkit-transform .08s ease}@-webkit-keyframes clapFloat{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}60%{opacity:1;-webkit-transform:translateY(-32px) scale(1.3);transform:translateY(-32px) scale(1.3)}to{opacity:0;-webkit-transform:translateY(-52px) scale(.9);transform:translateY(-52px) scale(.9)}}@keyframes clapFloat{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}60%{opacity:1;-webkit-transform:translateY(-32px) scale(1.3);transform:translateY(-32px) scale(1.3)}to{opacity:0;-webkit-transform:translateY(-52px) scale(.9);transform:translateY(-52px) scale(.9)}}@-webkit-keyframes clapBounce{0%{-webkit-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(1.45);transform:scale(1.45)}65%{-webkit-transform:scale(.82);transform:scale(.82)}85%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes clapBounce{0%{-webkit-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(1.45);transform:scale(1.45)}65%{-webkit-transform:scale(.82);transform:scale(.82)}85%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.clap-float-label{position:absolute;top:-8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#1a8917;font-weight:800;font-size:16px;pointer-events:none;white-space:nowrap;-webkit-animation:clapFloat .75s ease-out forwards;animation:clapFloat .75s ease-out forwards;z-index:999}.clap-button.bouncing{-webkit-animation:clapBounce .42s ease;animation:clapBounce .42s ease}
/*# sourceMappingURL=main.c0233152.chunk.css.map */