:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#ffcf75}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;width:100%;margin:0 auto;padding:2rem;text-align:center}.pageTitle{cursor:pointer;color:#fff;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:15vh}.pageSubTitle{color:#fff;font-family:Kiwi Maru,serif;font-weight:400;font-style:normal;font-size:4vh}.searchContainer{padding:20px;background-color:#f5f5f5}.customInput{width:80%;max-width:800px;padding:13px 25px;font-size:18px;border-radius:50px;border:1px solid #dcdcdc;background:linear-gradient(to bottom,#fff,#f9f9f9);box-shadow:0 2px 5px #0000000d;color:#333;outline:none;transition:all .3s ease}.customInput::placeholder{color:#999}.custom-input:focus{border-color:#ccc;box-shadow:0 3px 8px #0000001a}.postOpenButton{padding:0;background-color:transparent;position:fixed;top:1rem;right:1rem}.card{padding:2em}.read-the-docs{color:#888}.tipsBoard{margin-top:50px;position:relative;display:none;background-color:#ffcf75;height:150vh}.tipsBoard.isDisplay{display:block}.tip{position:absolute;background-color:#fff;border-radius:18px;box-shadow:0 10px 18px #0000001a;padding:1.4rem 1.4rem 1.2rem;max-width:230px;min-width:120px;width:200px;height:130px;text-align:left;display:flex;flex-direction:column;gap:.6rem}.tipDetails{position:absolute;top:1.1rem;right:1.1rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;text-decoration:none}.tipDetails:before{content:"";display:block;width:0;height:0;border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;border-left:.7rem solid rgba(0,0,0,.65)}.tipTitle{font-size:1.6rem;margin:0;letter-spacing:-.03em}.tipText{margin:0;font-size:1rem;line-height:1.5;color:#2c2c2c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.tipFooter{display:flex;align-items:center;gap:.5rem;margin-top:auto}.tipLike{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#2c2c2c}.tipHeart{display:inline-flex;align-items:center;justify-content:center;color:#000000b3;cursor:pointer}.postArea{position:fixed;z-index:1;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#3333332c;display:none;align-items:center}.postArea.isPop{display:flex}.postTip{margin:auto;position:relative}.postButton{position:relative}.closeButton{background-color:transparent;position:fixed;top:5rem;right:5rem}.postTipInput{width:100%;border:none;background:transparent;font:inherit;color:inherit;padding:0;margin:0}.postTipInput:focus{outline:none}.postTipInputTitle{font-size:1.6rem;font-weight:600;letter-spacing:-.03em}.postTipInputExplanation{font-size:1rem;line-height:1.5;color:#2c2c2c}