@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf9;color:#1a1a18}.home-root{height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.25rem,5vw,2rem);position:relative}.home-inner{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.75rem,5vw,2.75rem)}.greeting{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.75rem,6vw,3.25rem);font-weight:400;line-height:1.15;color:#1a1a18;letter-spacing:-.02em}.name-static{font-style:italic;color:#3a3a36;cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s ease,color .15s ease;display:inline}.name-static:hover{color:#1a1a18;border-bottom-color:#b0b0a8}.name-input-wrap{display:inline-flex;align-items:baseline;gap:.4rem}.name-input{font-family:"Instrument Serif",Georgia,serif;font-size:inherit;font-weight:400;font-style:italic;line-height:inherit;letter-spacing:inherit;color:#1a1a18;background:transparent;border:none;border-bottom:1.5px solid #b0b0a8;outline:none;padding:0;min-width:2ch;max-width:16ch;width:calc(var(--input-len, 5) * .58em + 1ch)}.name-confirm-hint{font-family:Inter,sans-serif;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:300;color:#b0b0a8;letter-spacing:.02em;white-space:nowrap;align-self:center}.search-form{width:100%}.search-wrap{display:flex;align-items:center;width:100%;border:1.5px solid #e2e2dc;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.search-wrap:focus-within{border-color:#c8c8c0;box-shadow:0 0 0 3px #0000000a}.search-icon{flex-shrink:0;padding:0 0 0 clamp(.75rem,3vw,1.1rem);display:flex;align-items:center;color:#b0b0a8;pointer-events:none}.search-input{flex:1;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:clamp(.9rem,2.5vw,1rem);font-weight:400;color:#1a1a18;padding:clamp(.75rem,3vw,1rem) .75rem clamp(.75rem,3vw,1rem) .6rem;letter-spacing:-.005em;min-width:0}.search-input::placeholder{color:#c4c4bc;font-weight:300}.pins-row{position:fixed;bottom:clamp(1.5rem,4vw,2.5rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem}.fav-pin{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;cursor:pointer;transition:opacity .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.fav-pin:active{transform:scale(.9)}.fav-icon{width:20px;height:20px;border-radius:4px;filter:grayscale(100%) opacity(.45);transition:filter .2s ease;display:block}.fav-pin:hover .fav-icon{filter:grayscale(100%) opacity(.7)}.pin-add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:#c8c8c0;cursor:pointer;padding:0;border-radius:5px;transition:color .15s ease,transform .1s ease}.pin-add-btn:hover{color:#909088}.pin-add-btn:active{transform:scale(.9)}.pin-dialog-overlay{position:fixed;inset:0;background:#fafaf999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .15s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.pin-dialog{animation:dialog-in .18s cubic-bezier(.34,1.56,.64,1)}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pin-dialog-input{font-family:Inter,sans-serif;font-size:clamp(.9rem,2.5vw,1rem);font-weight:300;color:#1a1a18;background:#fff;border:1.5px solid #e2e2dc;border-radius:12px;outline:none;padding:clamp(.75rem,3vw,1rem) 1.25rem;width:clamp(260px,50vw,480px);letter-spacing:-.005em;box-shadow:0 4px 24px #00000012;transition:border-color .2s ease,box-shadow .2s ease}.pin-dialog-input:focus{border-color:#c8c8c0;box-shadow:0 4px 24px #0000001a}.pin-dialog-input::placeholder{color:#c4c4bc}@media(prefers-color-scheme:dark){body{background:#111110;color:#eeeee8}.home-root{background:#111110}.greeting{color:#eeeee8}.name-static{color:#c8c8be}.name-static:hover,.name-input{color:#eeeee8;border-bottom-color:#5a5a52}.name-confirm-hint{color:#5a5a52}.search-wrap{background:#1c1c1a;border-color:#2e2e2a}.search-wrap:focus-within{border-color:#484840;box-shadow:0 0 0 3px #ffffff0a}.search-icon{color:#5a5a52}.search-input{color:#eeeee8}.search-input::placeholder{color:#3e3e38}.pin-add-btn{color:#3e3e38}.pin-add-btn:hover{color:#6a6a62}.pin-dialog-overlay{background:#111110a6}.pin-dialog-input{background:#1c1c1a;border-color:#2e2e2a;color:#eeeee8;box-shadow:0 4px 24px #0006}.pin-dialog-input:focus{border-color:#484840}.pin-dialog-input::placeholder{color:#3e3e38}}@media(max-width:400px){.name-confirm-hint{display:none}}