.nav-root{--nav-accent: #399dff;min-height:100vh;display:flex;flex-direction:column;position:relative;color:#fff}.theme-rice-paper.nav-root{--nav-accent: #e8b86d}.theme-celadon.nav-root{--nav-accent: #7eb8a8}.nav-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0b0614;overflow:hidden}.nav-bg__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;image-rendering:auto}.nav-bg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.nav-bg:not(.nav-bg--apod){background-image:linear-gradient(#08041273,#0000006b),url(https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.nav-bg:not(.nav-bg--apod) .nav-bg__overlay{display:none}.theme-rice-paper .nav-bg:not(.nav-bg--apod){background-color:#2a2318;background-image:linear-gradient(#372a1c6b,#231c147a),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1920&q=80)}.theme-celadon .nav-bg:not(.nav-bg--apod){background-color:#0a1418;background-image:linear-gradient(#0c262a85,#08161c8f),url(https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?auto=format&fit=crop&w=1920&q=80)}.nav-bg.nav-bg--apod{background-color:#0a0c10}.nav-z{position:relative;z-index:2}.nav-menubar-fixed{position:fixed;top:.6rem;left:0;width:100vw;z-index:100}.menu-bar{display:flex;justify-content:center;flex-wrap:wrap;padding:0 1rem;gap:.25rem}.menu-bar button{background:transparent;border:none;color:#fff;font-size:16px;font-weight:500;padding:.65rem 1.5rem;cursor:pointer;transition:color .2s ease,transform .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.35);border-radius:8px;position:relative}.menu-bar button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--nav-accent);transition:width .25s ease;transform:translate(-50%)}.menu-bar button:hover{color:var(--nav-accent);transform:translateY(-1px)}.menu-bar button.active{color:var(--nav-accent)}.menu-bar button.active:before{width:55%}.nav-main{flex:1;padding-top:3.5rem;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.search-section{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1.5rem}.search-engine-select{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding-bottom:.5rem}.engine-btn{border:none;background:none;color:#fff;font-size:.8rem;padding:4px 12px;border-radius:4px;cursor:pointer;transition:color .2s,background .2s}.engine-btn.active,.engine-btn:hover{color:var(--nav-accent);background:#ffffff1a}.search-box-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px}.search-container{display:flex;align-items:center;background:#b3b7b847;border-radius:20px;padding:.25rem .35rem .25rem .75rem;box-shadow:0 4px 20px #0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:92%;max-width:480px;border:1px solid rgba(255,255,255,.12)}.search-input-nav{flex:1;border:none;background:transparent;padding:.35rem .5rem;font-size:1.05rem;color:#fff;outline:none;min-width:0}.search-input-nav::-moz-placeholder{color:#ffffff73}.search-input-nav::placeholder{color:#ffffff73}.clear-btn-nav{background:none;border:none;cursor:pointer;color:#ffffff8c;padding:0 6px;font-size:1.1rem;line-height:1}.clear-btn-nav:hover{color:#fff}.search-btn-nav{background:#e9e9eb14;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.search-btn-nav:hover{background:#3367d6d9}.content-wrapper{display:flex;flex:1;width:100%;gap:1.25rem;padding:0 .75rem 1rem;box-sizing:border-box;justify-content:center}.main-content{flex:1;min-width:0;max-width:64rem}.nav-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;width:100%;margin:0 auto}@media(max-width:1200px){.nav-card-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.content-wrapper{flex-direction:column;align-items:stretch}.nav-card-grid{grid-template-columns:repeat(3,1fr)}.menu-bar button{font-size:14px;padding:.45rem .9rem}}.link-item{background-color:#ffffff24;border-radius:15px;padding:0;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001f;text-align:center;min-height:86px;height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.08)}.link-item:hover{background-color:#ffffff47;transform:translateY(-2px);box-shadow:0 4px 12px #0000002e}.link-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:6px 4px;box-sizing:border-box}.link-icon{width:28px;height:28px;margin:2px auto 4px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#fffffff2}.link-text{padding:0 4px;font-size:13px;font-weight:500;color:#fff;text-align:center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;max-width:100%}.nav-widgets-wrap{margin-top:1.5rem}.nav-widgets-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;padding:0 .15rem}.nav-widgets-panel__title{font-size:.72rem;font-weight:500;letter-spacing:.12em;color:#ffffff80;text-transform:uppercase}.nav-widgets-panel__toggle{font-size:.72rem;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#ffffffd1;cursor:pointer;transition:background .2s,border-color .2s}.nav-widgets-panel__toggle:hover{background:#ffffff24;border-color:#ffffff59}.nav-widgets-panel__body{overflow:hidden;max-height:2000px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .28s ease}.nav-widgets-wrap[data-widget-anim=slide] .nav-widgets-panel__body{transition:max-height .42s cubic-bezier(.33,1,.68,1),opacity .32s ease,transform .32s ease}.nav-widgets-wrap[data-widget-anim=zoom] .nav-widgets-panel__body{transition:max-height .36s ease,opacity .26s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-widgets-panel__body--collapsed{max-height:0!important;opacity:0;margin-top:0;pointer-events:none}.nav-widgets-wrap[data-widget-anim=none] .nav-widgets-panel__body{transition:none}.countdown-days-line{white-space:nowrap;display:inline-flex;align-items:baseline;justify-content:center;gap:.12em;margin:0 auto;line-height:1.1}.countdown-days-num{font-size:1.875rem;font-weight:300;color:#ffffffe6}.countdown-days-unit{font-size:.95rem;font-weight:500;letter-spacing:.08em;color:#ffffffd1}.nav-widgets{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.nav-widget-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12)}.nav-widget-card h3{margin:0 0 .65rem;font-size:.8rem;font-weight:500;color:#ffffff8c;letter-spacing:.05em}.nav-apod-credit{text-align:center;margin-bottom:.65rem}.nav-apod-link{color:#ffffffb8;font-size:12px;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:color .2s}.nav-apod-link:hover{color:var(--nav-accent)}.nav-apod-title{font-weight:400;opacity:.9}.nav-footer{margin-top:auto;text-align:center;padding:1.25rem 1rem 1.75rem}.footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem 2.5rem}.friend-link-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#ffffffd9;cursor:pointer;font-size:14px;transition:color .2s,transform .2s}.friend-link-btn:hover{color:var(--nav-accent);transform:translateY(-1px)}.nav-footer .copyright{color:#ffffffbf;font-size:13px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.45)}.nav-footer .footer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.nav-ghost-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;border-radius:10px;padding:8px 16px;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.nav-ghost-btn:hover{background:#ffffff29;color:#fff}.modal-overlay-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px}.modal-content-nav{background:#858585a6;border-radius:16px;width:min(55rem,96vw);max-height:min(30rem,88vh);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000059;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.modal-header-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(0,0,0,.08);background:#d3d6d8f2}.modal-header-nav h3{margin:0;font-size:1.15rem;font-weight:600;color:#111827}.close-btn-nav{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;color:#6b7280;font-size:1.25rem;line-height:1}.close-btn-nav:hover{background:#f3f4f6;color:#b91c1c}.modal-body-nav{flex:1;padding:1.25rem 1.5rem;overflow-y:auto;background:#f5f5f5eb}.friend-links-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:900px){.friend-links-grid{grid-template-columns:repeat(3,1fr)}}.friend-link-card{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#cfd3d68c;border-radius:14px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid rgba(207,211,214,.5)}.friend-link-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;background:#ffffffe0}.friend-link-logo{width:44px;height:44px;border-radius:8px;overflow:hidden;margin-bottom:6px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 1px 4px #00000014}.friend-link-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.friend-link-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:16px;font-weight:600}.friend-link-info h4{margin:0;font-size:12px;font-weight:500;color:#374151;text-align:center;line-height:1.3;word-break:break-all}.shortcuts-list{color:#374151;font-size:14px}.shortcuts-list .row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.shortcuts-list .row:last-child{border-bottom:none}.modal-body-nav .nav-ghost-btn{width:100%;margin-top:12px;background:#374151;border-color:#374151;color:#fff}.modal-body-nav .nav-ghost-btn:hover{background:#1f2937}.wc-fade-move,.wc-slide-move,.wc-zoom-move,.wc-none-move{transition:transform .32s ease}.wc-fade-enter-active,.wc-fade-leave-active{transition:opacity .28s ease}.wc-fade-enter-from,.wc-fade-leave-to{opacity:0}.wc-slide-enter-active,.wc-slide-leave-active{transition:opacity .3s ease,transform .32s ease}.wc-slide-enter-from,.wc-slide-leave-to{opacity:0;transform:translateY(14px)}.wc-zoom-enter-active,.wc-zoom-leave-active{transition:opacity .28s ease,transform .34s cubic-bezier(.34,1.56,.64,1)}.wc-zoom-enter-from,.wc-zoom-leave-to{opacity:0;transform:scale(.92)}.wc-none-enter-active,.wc-none-leave-active{transition-duration:.001ms!important}.bg-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bg-drawer{position:fixed;top:0;right:0;z-index:51;width:min(100%,22rem);height:100%;display:flex;flex-direction:column;background:#121620f5;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 32px #00000059;color:#e8eaef}.bg-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}.bg-drawer__header h3{margin:0;font-size:1rem;font-weight:600}.bg-drawer__body{flex:1;overflow-y:auto;padding:1rem 1.1rem 1.5rem}.bg-drawer__section-label{margin:0 0 .65rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}.bg-drawer__options{display:flex;flex-direction:column;gap:.55rem}.bg-drawer__option{text-align:left;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;cursor:pointer;transition:border-color .2s,background .2s}.bg-drawer__option:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff38}.bg-drawer__option.active{border-color:var(--nav-accent);background:#399dff1f}.bg-drawer__option:disabled{opacity:.6;cursor:wait}.bg-drawer__option-title{display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.bg-drawer__option-desc{display:block;font-size:.75rem;color:#ffffff8c;line-height:1.35}.bg-drawer__status{margin:.75rem 0 0;font-size:.8rem;color:#ffffff80}.bg-drawer__themes{display:flex;flex-wrap:wrap;gap:.5rem}.bg-drawer__theme-chip{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffe0;font-size:.82rem;cursor:pointer;transition:background .2s,border-color .2s}.bg-drawer__theme-chip:hover{background:#ffffff1f}.bg-drawer__theme-chip.active{border-color:var(--nav-accent);color:#fff;background:#399dff33}.bg-drawer-enter-active .bg-drawer,.bg-drawer-leave-active .bg-drawer{transition:transform .32s cubic-bezier(.4,0,.2,1)}.bg-drawer-enter-active.bg-drawer-overlay,.bg-drawer-leave-active.bg-drawer-overlay{transition:opacity .28s ease}.bg-drawer-enter-from .bg-drawer,.bg-drawer-leave-to .bg-drawer{transform:translate(100%)}.bg-drawer-enter-from.bg-drawer-overlay,.bg-drawer-leave-to.bg-drawer-overlay{opacity:0}body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}::-moz-selection{background:#399dff59;color:#fff}::selection{background:#399dff59;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-white\/90{color:#ffffffe6}.text-white\/50{color:#ffffff80}.text-white\/40{color:#fff6}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.leading-relaxed{line-height:1.625}.font-serif{font-family:"Noto Serif SC",Songti SC,serif}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.space-y-2>*+*{margin-top:.5rem}.todo-row{display:flex;align-items:center;gap:.5rem;color:#ffffffe0;font-size:.875rem}.todo-row input{accent-color:var(--nav-accent)}.todo-row.done span{text-decoration:line-through;opacity:.55}.todo-row button{margin-left:auto;border:none;background:transparent;color:#ffffff8c;cursor:pointer}.todo-form{display:flex;gap:.4rem;margin-top:.75rem}.todo-form input{flex:1;min-width:0;border-radius:8px;border:1px solid rgb(255 255 255 / .16);background:#ffffff14;color:#fff;padding:.35rem .6rem}.todo-form button,.bg-status{border:none;border-radius:8px;background:#ffffff24;color:#fff;padding:.35rem .7rem;cursor:pointer}.bg-error{margin:.75rem 0 0;text-align:center;color:#ffd7a8;font-size:.8rem}.no-underline{text-decoration:none}.search-container--with-suggest{position:relative;flex-wrap:wrap}.search-suggest{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:30;margin:0;padding:.35rem 0;list-style:none;border-radius:14px;background:#12101ceb;border:1px solid rgb(255 255 255 / .12);box-shadow:0 12px 32px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-height:16rem;overflow:auto}.search-suggest__item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;cursor:pointer;color:#ffffffeb;font-size:.92rem}.search-suggest__item--active,.search-suggest__item:hover{background:#ffffff1a}.search-suggest__tag{flex-shrink:0;font-size:.68rem;letter-spacing:.02em;color:#ffffff8c;border:1px solid rgb(255 255 255 / .14);border-radius:999px;padding:.05rem .4rem}.search-suggest__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}