.dropdown-box{background-color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 12px var(--box-shadow-color);border:1px solid var(--border-color-dull);border-radius:2px;gap:1.5rem;padding:1.5rem;display:grid;position:absolute;top:100%;right:0%}.drop-btn-box{gap:10px;display:grid}.drop-btn{width:8rem;height:2.3rem;color:var(--text-color);font-size:.9rem;font-family:var(--default-font);border:1px solid var(--border-color);border-radius:3px;justify-content:center;align-items:center;transition:transform .3s,background-color .5s;display:flex}.drop-btn:hover{cursor:pointer;background-color:var(--btn-hover-color)}.user-info{font-family:var(--default-font);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.__header{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header{z-index:200;background-color:var(--header-color);grid-template-columns:1fr 1fr 1fr;width:100%;height:70px;padding:0 2rem;display:grid;box-shadow:0 1px 2px #0003}.header-title{justify-content:start;align-items:center;display:flex}.header-title a{color:var(--text-color);font-size:1.8rem;font-family:var(--default-font);text-shadow:0 2px 4px #0003;align-items:center;text-decoration:none;transition:transform .5s;display:flex}.header-title-png{width:35px;height:35px;margin-bottom:10px}.header-title-text{margin-left:-3px}.header-title a:hover{cursor:pointer;transform:scale(1.03)}.nav-btn-bx{justify-content:center;align-items:center;gap:1.25rem;display:flex}.nav-intro-txt{font-size:25px;font-family:var(--default-font);color:var(--text-color);font-weight:500}.nav-btn{width:9rem;height:2.5rem;font-size:1rem;font-family:var(--default-font);text-align:center;color:var(--text-color);border:1px solid var(--border-color);border-radius:3px;align-content:center;text-decoration:none;transition:transform .5s,background-color .5s,color .5s}.nav-btn:hover{cursor:pointer;color:var(--text-color);background-color:var(--btn-hover-color)}.active{background-color:var(--btn-bg-color);box-shadow:0 5px 12px var(--box-shadow-color)}.nav-btn.active:hover{background-color:var(--btn-hover-color)}.search-bar{justify-content:end;align-items:center;gap:15px;display:flex}.search-f{align-items:center;gap:10px;display:flex}#search-icon{color:#38220f;filter:drop-shadow(0 2px 4px #0003);width:23px;height:23px;transition:transform .3s}#search-icon:hover{cursor:pointer;filter:drop-shadow(0 2px 4px #0000004d)}.search-box{filter:drop-shadow(0 2px 4px #0000004d);color:#38220f;opacity:1;background:0 0;border:none;border-bottom:1px solid #38220f;outline:none;width:13rem;height:30px;font-size:1.2rem;transition:width .1s linear,opacity .1s linear;display:flex}.search-box::placeholder{color:#38220fcc;font-size:1rem}.search-box.appear{opacity:1;width:13rem}.log-icon-box{justify-content:center;align-items:center;display:flex;position:relative}.log-icon{color:var(--text-color);filter:drop-shadow(0 2px 4px #0003);width:1.8rem;height:1.8rem;transition:transform .3s}.menu-cross-icon,.menu-icon{color:#38220f;filter:drop-shadow(0 4px 8px #0006);width:1.4rem;height:1.4rem;padding:0 .2rem .2rem}.log-icon:hover,.menu-icon:hover,.menu-cross-icon:hover{cursor:pointer;filter:drop-shadow(0 2px 4px #0000004d)}.search-f-x{color:#38220f;filter:drop-shadow(0 4px 8px #0006)}.search-f-x:hover{cursor:pointer;transform:scale(1.05)}h3{margin:0;padding:0}.home-body{color:#38220f;flex-direction:column;grid-template-rows:min-content min-content;grid-template-columns:repeat(6,1fr);justify-content:center;align-items:center;row-gap:50px;min-width:100vw;min-height:100vh;padding-top:200px;padding-bottom:20px;display:grid}.about-inkwell-items{grid-column:2/6;row-gap:50px;display:grid}.about-inkwell-1,.about-inkwell-2,.about-inkwell-3,.about-inkwell-4{background-color:var(--secondary-color);color:var(--text-color);font-family:var(--default-font);box-shadow:0px 4px 8px var(--box-shadow-color);border:.5px solid var(--border-color-dull);border-radius:2px;gap:5px;padding:20px;font-size:16px;font-weight:400;display:grid}.about-inkwell-1 .one{font-size:18px;font-weight:400}.about-inkwell-1 .two{font-weight:300}.about-inkwell-2 .one,.about-inkwell-3 .one,.about-inkwell-4 .one{font-weight:400}.about-inkwell-2 .two,.about-inkwell-3 .two,.about-inkwell-4 .two{font-weight:300}.about-ink-hr{background-color:var(--text-color-dull);opacity:.1;place-self:center;width:100%;height:1px;margin-top:10px}.hm-jb-bx{grid-column:2/6;justify-content:center;align-items:center;gap:.6rem;margin-bottom:40px;display:flex}.hm-jb-info{border:1px solid var(--btn-border-color);color:var(--text-color);box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:3px;justify-content:center;align-items:center;gap:16px;padding:12px 20px;transition:transform .5s,background-color .5s;display:flex}.hm-jb-info:hover{cursor:pointer;background-color:var(--btn-hover-color)}.hm-jb-txt{font-size:1.5rem;font-weight:300;font-family:var(--default-font);justify-content:center;align-items:center;display:flex}.hm-jb-txt:hover{cursor:pointer}.hm-jb-arrow{font-size:1.5rem}.hm-lbt{color:#ece0d1;border-radius:2px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;transition:transform .2s;display:flex;box-shadow:0 4px 8px #38220f80}.hm-lbt:hover{cursor:pointer;transform:scale(1.02)}.hm-foot{color:var(--text-color-dull);font-size:1rem;font-weight:300;font-family:var(--system-font);justify-content:center;gap:1.5rem;padding:20px;display:flex}.hm-foot span{opacity:.9}.hm-foot-link{color:var(--text-color-dull);opacity:.9;text-decoration:none}.hm-foot-link:hover{cursor:pointer;text-decoration:underline}.user-home-body{flex-direction:column;grid-template-rows:min-content min-content;grid-template-columns:repeat(6,1fr);justify-content:center;align-items:center;row-gap:50px;min-width:100vw;min-height:100vh;display:grid;position:relative}.home-feed-btn-box{z-index:200;box-shadow:0 2px 4px var(--box-shadow-color);border:1px solid var(--border-color);border-radius:50px;grid-auto-flow:column;justify-content:center;justify-self:center;display:grid;position:fixed;top:100px;left:0;right:0}.home-feed-btn,.feed-home-btn{width:7rem;height:2.5rem;font-size:1rem;font-family:var(--default-font);text-align:center;color:var(--text-color);border-radius:3px;align-content:center;text-decoration:none;transition:background-color .5s}.home-feed-btn{border-top-left-radius:25px;border-bottom-left-radius:25px}.feed-home-btn{border-top-right-radius:25px;border-bottom-right-radius:25px}.home-feed-btn:hover,.feed-home-btn:hover{cursor:pointer;background-color:var(--btn-hover-color)}.user-home-link-box{grid-column:2/6;row-gap:40px;margin-top:220px;display:grid}.jrn-read-link-box{grid-template-columns:1fr 1fr;grid-auto-flow:column;justify-content:center;gap:40px;display:grid}.user-home-about-items{row-gap:50px;display:grid}.user-home-about-1{background-color:var(--secondary-color);color:var(--text-color);font-family:var(--default-font);box-shadow:0px 4px 8px var(--box-shadow-color);border:.5px solid var(--border-color-dull);border-radius:2px;gap:5px;padding:20px;font-size:16px;font-weight:400;display:grid}.user-home-about-1 .one{font-weight:400}.user-home-about-1 .two{font-weight:300}.jrn-link-btx,.read-link-btx{color:var(--text-color);box-shadow:0px 4px 8px var(--box-shadow-color);font-size:1.3rem;font-weight:300;font-family:var(--default-font);border-radius:3px;align-items:center;gap:1rem}.jrn-link-btx{justify-self:end}.read-link-btx{justify-self:start}.user-home-about-feed{grid-column:2/6;gap:40px;display:grid}.home-new-note-box{background-color:var(--secondary-color);width:500px;box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:2px;grid-template-columns:4fr 1px 1fr;grid-auto-flow:column;justify-self:center;display:grid}.home-new-note{gap:10px;padding:15px;display:grid}.home-note-name{color:var(--text-color);font-size:1.1rem;font-weight:400;font-family:var(--default-font);justify-self:start}.home-note-input{letter-spacing:.01em;word-spacing:.04em;font-variant-ligatures:common-ligatures;height:80px;font-size:18px;font-weight:300;line-height:1.5;font-family:var(--default-font);background-color:var(--primary-color);opacity:.9;color:var(--text-color);border:none;border-bottom:1px solid var(--primary-color-dark);resize:none;overscroll-behavior:contain;border-radius:2px;padding:5px;overflow:scroll}.home-note-input:focus{border-color:none;outline:none}.home-note-input::placeholder{font-size:1rem}.home-note-btn-box{place-content:center;display:grid}.home-note-btn{opacity:.9;color:var(--text-color);border:1px solid var(--btn-border-color);border-radius:2px;justify-self:center;padding:10px 15px;font-size:1rem;transition:background-color .5s}.home-note-btn:hover{cursor:pointer;background-color:var(--btn-hover-color)}.home-note-vr{background-color:var(--text-color-dull);opacity:.1;align-self:center;width:1px;height:90%}.home-note-hr{background-color:var(--text-color-dull);opacity:.1;align-self:center;width:98%;height:1px}.imp-note{color:var(--text-color-dull);font-size:1rem;font-family:var(--system-font);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:20px;font-weight:300;display:flex}.home-feed-container{grid-template-columns:1fr 650px 1fr;grid-auto-flow:column;width:100vw;height:100vh;display:grid}.feed-left-pane{scrollbar-width:none;overscroll-behavior-y:contain;grid-template-rows:150px 100px auto auto auto auto;align-items:center;margin:20px;display:grid;overflow-y:scroll}.feed-mid-pane{background-color:var(--primary-color);overscroll-behavior-y:contain;scrollbar-width:none;border-radius:2px;grid-template-rows:200px auto auto;display:grid;overflow-y:scroll}.feed-right-pane{scrollbar-width:none;overscroll-behavior-y:contain;display:grid;overflow-y:scroll}.mid-pane-notes{grid-row:2/3;grid-auto-rows:200px;gap:20px;display:grid}.left-pane-your-note-txt{font-family:var(--default-font);background-color:var(--primary-color);color:var(--text-color);box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:2px;grid-row:2/3;justify-self:center;padding:10px;font-size:1.5rem;font-weight:200;display:grid}.left-pane-notes{grid-row:3/4;display:grid}.feed-new-note-box{background-color:var(--secondary-color);box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:2px;grid-row:3/4;grid-template-columns:4fr 1px 1fr;grid-auto-flow:column;display:grid}.feed-note-box{background-color:var(--secondary-color);box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:2px;grid-auto-flow:column;margin:25px;display:grid}.feed-new-note{gap:10px;padding:15px;display:grid}.feed-note-name{color:var(--text-color);font-size:1.1rem;font-weight:400;font-family:var(--default-font);grid-auto-flow:column;justify-content:space-between;align-items:center;padding:0 5px;display:grid}.feed-note-trash-icon:hover{cursor:pointer}.feed-note-output{letter-spacing:.01em;word-spacing:.04em;font-variant-ligatures:common-ligatures;height:80px;font-size:18px;font-weight:300;line-height:1.5;font-family:var(--default-font);background-color:var(--primary-color);opacity:.9;color:var(--text-color);resize:none;overscroll-behavior:contain;border:none;border-radius:2px;padding:5px}.journal-body{color:#38220f;flex-direction:column;justify-content:center;align-items:center;gap:10rem;min-width:100vw;min-height:100vh;display:flex}.jrn-bdy-bx{color:#ece0d1;background-color:#38220fe6;border-radius:2px;justify-content:center;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;box-shadow:0 4px 8px #38220f80}.jrn-bdy-bx:hover{cursor:default}.jrn-bdy-txt{color:#ece0d1;font-size:2rem;font-weight:300;font-family:var(--default-font)}.jrn-bdy-lnk-bx{justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex}.jbd-li{color:#ece0d1;width:1.6rem;height:1.6rem}.jbd-li:hover{cursor:pointer;transform:scale(1.02)}.user-journal-body{grid-template-rows:minmax(200px,1fr) repeat(4,auto);justify-content:center;align-items:center;gap:80px;min-width:100vw;min-height:100vh;display:grid}.jrn-new-page{flex-direction:column;grid-row:2/3;justify-content:center;align-items:center;display:flex}.jrn-new-page-btx{box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:3px;justify-content:center;align-items:center;gap:1.5rem;display:flex}.jrn-new-page-btx:hover{cursor:default}.jrn-npb-txt{color:var(--text-color);font-size:2rem;font-weight:300;font-family:var(--default-font)}.jrn-new-page-f{background-color:var(--editor-bg-color);box-shadow:0px 4px 8px var(--box-shadow-color);overscroll-behavior:contain;border:.5px solid var(--border-color);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;scroll-margin-top:4rem;display:flex}.jnp-top{color:var(--editor-text-color);min-width:100%;font-size:.9rem;font-weight:300;font-family:var(--default-font);grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;display:grid}.jnp-top-date{justify-content:start;align-items:center;margin-left:.3rem;display:flex}.jnp-top-day{justify-content:center;align-items:center;display:flex}.jnp-top-x-i,.jpp-top-x-i{border-radius:1px;width:1rem;height:1rem;padding:.15rem;transition:background-color .4s}.jnp-top-x-i:hover,.jpp-top-x-i:hover{cursor:pointer;background-color:var(--btn-hover-color)}.jnp-input-box,.jpp-content-box{justify-content:center;align-items:center;display:flex}.jnp-input-f,.jpp-input-f{letter-spacing:.01em;word-spacing:.05em;font-variant-ligatures:common-ligatures;min-width:65vw;max-width:65ch;height:40rem;font-size:18px;line-height:1.5;font-family:var(--default-font);border-bottom:1px solid var(--border-color-dull);color:var(--editor-text-color);resize:none;scroll-behavior:smooth;overscroll-behavior:contain;background:0 0;border-top:none;border-left:none;border-right:none;border-radius:2px;outline:none;margin-inline:auto;padding:.5rem;font-style:normal;transition:height .3s;overflow-y:scroll}.jnp-input-f::placeholder{color:var(--text-color-dull);opacity:.6;font-size:1rem}.jnp-top-x-ix{border-radius:2px;justify-content:center;align-items:center;padding:.1rem;display:flex}.jnp-s-d-btx,.jpp-s-d-btx{color:var(--text-color);justify-content:end;align-items:center;gap:.5rem;width:100%;display:flex}.jnp-d-bt,.jnp-s-bt,.jpp-d-bt,.jpp-s-bt,.jnp-clear-bt{border:none;border:1px solid var(--border-color);border-radius:3px;justify-content:center;align-items:center;width:7rem;height:3rem;font-size:1rem;transition:transform .5s,background-color .5s;display:flex}.jnp-clear-bt{color:var(--text-color);justify-self:start}.jnp-d-bt,.jpp-d-bt,.jnp-s-bt,.jpp-s-bt{color:var(--text-color)}.jnp-d-bt:hover,.jpp-d-bt:hover,.jnp-s-bt:hover,.jpp-s-bt:hover{cursor:pointer;background-color:var(--btn-hover-color)}.jrn-past-pages{flex-direction:column;grid-row:4/5;justify-content:center;align-items:center;gap:3rem;margin-bottom:300px;display:flex}.jrn-past-page-f{background-color:var(--secondary-color);box-shadow:0px 4px 8px var(--box-shadow-color);border:.5px solid var(--border-color-dull);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1rem 2rem;scroll-margin-top:3rem;display:flex}.jpp-top{color:var(--text-color);min-width:100%;font-size:.9rem;font-weight:300;font-family:var(--default-font);grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;display:grid}.jpp-top-date{justify-content:start;align-items:center;margin-left:.3rem;display:flex}.jpp-top-day{justify-content:center;align-items:center;display:flex}.jopc-i{border-radius:2px;width:1rem;height:1rem;padding:.15rem;transition:background-color .4s}.jopc-i:hover{cursor:pointer;background-color:var(--btn-hover-color)}.jopc-e{display:none}.jpp-top-edit{border-radius:1px;justify-content:end;align-items:center;gap:.7rem;padding:.1rem;display:flex}.jpp-content-f{width:60vw;max-width:60vw;font-size:18px;font-family:var(--default-font);letter-spacing:.01em;word-spacing:.05em;font-variant-ligatures:common-ligatures;color:var(--text-color-dull);white-space:pre-wrap;text-align:start;text-justify:start;scroll-behavior:smooth;border-radius:2px;outline:none;padding:.5rem;scroll-margin-top:5rem;font-style:normal;line-height:1.5;overflow:hidden}.jpp-input-box{justify-content:start;align-items:start;display:flex}.jpp-input-f{scroll-margin-top:5rem}.jrn-editor-hr{background-color:var(--text-color-dull);opacity:.1;width:100%;height:1px}.jp-tp-e-cnl-i{transition:background-color .4s;display:flex}.jp-e-contnt-bx{display:flex}.read-body{color:#38220f;flex-direction:column;justify-content:center;align-items:center;gap:10rem;min-width:100vw;min-height:100vh;display:flex}.read-bdy-bx{background-color:var(--primary-color);color:#ece0d1;border-radius:2px;justify-content:center;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;box-shadow:0 4px 8px #38220f80}.read-bdy-bx:hover{cursor:default}.read-bdy-txt{color:#ece0d1;font-size:2rem;font-weight:300;font-family:var(--default-font)}.read-bdy-lnk-bx{justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex}.bbd-li{color:#ece0d1;width:1.6rem;height:1.6rem}.bbd-li:hover{cursor:pointer;transform:scale(1.02)}.user-read-body{grid-template-rows:minmax(300px,1fr) repeat(4,auto);justify-content:center;align-items:center;gap:80px;min-width:100vw;min-height:100vh;display:grid}.read-new-post{flex-direction:column;grid-row:2/3;justify-content:center;align-items:center;display:flex}.read-new-page-btx{background-color:var(--primary-color);box-shadow:0px 4px 8px var(--box-shadow-color);border-radius:2px;justify-content:center;align-items:center;gap:1.5rem;padding:.8rem 1.5rem;display:flex}.read-new-page-btx:hover{cursor:default}.read-npb-txt{color:var(--text-color);font-size:2rem;font-weight:300;font-family:var(--default-font)}.read-npb-i{color:var(--text-color);width:1.6rem;height:1.6rem;transition:transform .2s}.read-npb-ix{justify-content:center;align-items:center;display:flex}.read-npb-i:hover{cursor:pointer;transform:scale(1.02)}.read-past-pages{grid-row:4/5;margin-bottom:300px}.login-card-container{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.login-card{z-index:300;background-color:var(--card-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color-dull);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;display:flex}.fade-in{animation:.2s forwards fadeIn}@keyframes fadeIn{to{opacity:1;transform:translateY(0)scale(1)}}.card-top{color:var(--text-color);justify-content:space-between;align-items:center;gap:20rem;margin:0 1rem;padding:1.5rem 0;display:flex}.bi-x{transition:background-color .4s}.bi-x:hover{cursor:pointer;background-color:var(--btn-hover-color);border-radius:1px}.lc-hr{background-color:var(--card-color);width:100%;height:1px}.form-f{justify-content:center;align-items:center;padding:1.5rem;display:flex}.form{flex-direction:column;justify-content:center;align-items:center;display:flex}.form-inputs{flex-direction:column;justify-content:center;align-items:center;gap:1.7rem;display:flex}.form-inputs input{color:var(--text-color);border:none;border-bottom:1px solid var(--border-color);width:23rem;height:35px;font-size:1.2rem;font-family:var(--default-font);background:0 0;outline:none}.form-inputs input::placeholder{color:var(--text-color-dull);font-size:1rem;font-family:var(--default-font);opacity:.8}.input-err{border-bottom:2px solid brown}.input-err::placeholder{color:brown}.form-btns{justify-content:space-between;align-items:center;width:100%;padding-top:1.5rem;display:flex}.b-submit,.b-cancel{border:1px solid var(--border-color);width:10rem;height:3rem;color:var(--text-color);border-radius:2px;justify-content:center;align-items:center;font-size:15px;transition:transform .5s,background-color .5s,color .5s;display:flex}.b-submit:hover,.b-cancel:hover{cursor:pointer;background-color:var(--btn-hover-color)}.already{justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.already-txt{background-color:none;height:0;color:var(--text-color);font-size:.9rem;font-family:var(--default-font)}.crd-ls-bt{font-size:.9rem;font-family:var(--default-font);border-bottom:1.5px solid var(--text-color-dull);padding:0 .1rem}.crd-ls-bt:hover{cursor:pointer}.failed-txt{color:brown;background-color:none;font-size:.85rem;font-family:var(--default-font);justify-content:center;margin-top:1rem;display:flex}.form-err-txt{color:brown;font-size:.85rem;font-family:var(--default-font)}.auth-icons{justify-content:center;align-items:center;display:flex}.auth-google-icon{width:1.6rem;height:1.6rem;color:var(--text-color);padding:1.5rem 0 0;transition:transform .5s}.auth-google-icon:hover{cursor:pointer;transform:scale(1.02)}.show-password-i{font-size:13px;font-family:var(--default-font);color:var(--text-color-dull);margin-left:-40px}.form-inputs input:-webkit-autofill{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.form-inputs input:-webkit-autofill:hover{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.form-inputs input:-webkit-autofill:focus{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.fade-in{opacity:var(--startOpacity,0);transform:translateY(0px) scale(var(--startScale,1));animation:fadeIn var(--duration,.8s) ease var(--delay,0s) forwards}.fade-in-y{opacity:var(--startOpacityY,0);transform:translateY(var(--startY,0px)) scale(var(--startScaleY,1));animation:fadeZoom var(--durationY,.8s) ease var(--delayY,0s) forwards}.fade-in-x{opacity:var(--startOpacityX,0);transform:translateX(var(--startX,0px)) scale(var(--startScaleX,1));animation:fadeZoom var(--durationX,.8s) ease var(--delayX,0s) forwards}.fade-y{opacity:var(--startOpacity-Y,.5);transform:translateY(var(--start-Y,10px)) scale(var(--startScale-Y,1));animation:fadeIn var(--duration-Y,.8s) ease var(--delay-Y,0s) forwards}.fade--y{opacity:var(--startOpacity--Y,.5);transform:translateY(var(--start--Y,-10px)) scale(var(--startScale--Y,1));animation:fadeIn var(--duration--Y,.8s) ease var(--delay--Y,0s) forwards}.fade-x{opacity:var(--startOpacity-X,0);transform:translateX(var(--start-X,10px)) scale(var(--startScale-X,1));animation:fadeLeft var(--duration-X,.8s) ease var(--delay-X,0s) forwards}.fade--x{opacity:var(--startOpacity--X,0);transform:translateX(var(--start--X,-10px)) scale(var(--startScale--X,1));animation:fadeLeft var(--duration--X,.8s) ease var(--delay--X,0s) forwards}@keyframes fadeZoom{to{opacity:1;transform:scale(1)}}@keyframes fadeLeft{to{opacity:1;transform:translate(0)scale(1)}}.scroll-card-reveal{opacity:.7;transform:translateY(var(--startTY,40px));animation:linear forwards reveal;animation-timeline:view();animation-range:entry 10% cover 20%}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.scroll-box-appear{opacity:.7;filter:blur(1px);animation:linear forwards appear;animation-timeline:view();animation-range:entry 10% cover 20%;scale:.8}@keyframes appear{to{opacity:1;filter:blur();scale:1}}.panel-reveal{opacity:0;animation:linear forwards slideIn;animation-timeline:view();transform:translate(-100px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.height-anim{transition:height .8s}.shake{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.verify-main{-webkit-backdrop-filter:brightness(60%);backdrop-filter:brightness(60%);z-index:300;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.verify-object{font-size:1.2rem;font-family:var(--default-font);filter:drop-shadow(0 7px 15px #000000b3);background-color:var(--primary-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-color);border:.5px solid var(--border-color);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:400px;padding:1.5rem;display:flex}.verify-text-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.verify-continue{color:var(--text-color);border:1px solid var(--btn-border-color);border-radius:3px;padding:.5rem 1.3rem;font-size:1rem}.verify-continue:hover{cursor:pointer;background-color:var(--btn-hover-color)}.verify-close{color:var(--text-color);border:1px solid var(--btn-border-color);padding:.5rem .9rem}.profile-card-container{z-index:200;-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%);justify-content:center;align-items:center;width:100vw;height:100vh;display:grid;position:fixed;inset:0}.profile-card{background-color:var(--card-color);font-family:var(--default-font);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color-dull);border-radius:2px;grid-template-rows:20px auto;gap:5px;width:430px;display:grid}.profile-close-icon-box{justify-content:end;margin:5px 5px 0 0;display:grid}.profile-close-icon{color:var(--text-color);border-radius:2px;transition:background-color .4s}.profile-close-icon:hover{cursor:pointer;background-color:var(--btn-hover-color)}.profile-card-items{color:var(--text-color);grid-template-rows:80px 40px 40px 240px;gap:5px;padding:50px 70px;display:grid}.profile-avatar{flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-icon{width:50px;height:50px;padding:10px}.profile-username,.profile-email{grid-auto-flow:column;align-items:center;gap:10px;font-size:1.2rem;display:grid}.profile-edit-icon{width:15px;height:15px;color:var(--text-color)}.profile-edit-icon:hover{cursor:pointer}.profile-password{grid-template-rows:repeat(4,60px);align-items:center;margin-top:10px;display:grid}.profile-password-field{display:grid}.set-password-f-name{color:var(--text-color-dull);font-size:14px}.profile-input{border:none;border-bottom:1.5px solid var(--border-color);background-color:inherit;width:98.5%;height:25px;color:var(--text-color);align-self:center;font-size:1.1rem}.profile-input:focus{outline:none}.profile-reset-btn{width:auto;color:var(--text-color);text-align:center;border:1px solid var(--btn-border-color);border-radius:2px;justify-self:center;padding:6px 12px;transition:background-color .5s}.profile-reset-btn:hover{cursor:pointer;background-color:var(--btn-hover-color)}.profile-edit-icons{grid-auto-flow:column;justify-content:center;align-items:center;gap:10px;display:grid}.profile-tick-box,.profile-cross-box{display:grid}.profile-tick,.profile-cross{width:17px;height:17px;color:var(--text-color);align-self:center}.profile-tick:hover,.profile-cross:hover{cursor:pointer}.show-password-i{color:var(--text-color-dull);margin-left:-40px;font-size:13px}.show-password-i:hover{cursor:pointer}.profile-input:-webkit-autofill{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.profile-input:-webkit-autofill:hover{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.profile-input:-webkit-autofill:focus{caret-color:#38220f;transition:background-color 600000s ease-in-out;-webkit-text-fill-color:#38220f!important;box-shadow:inset 0 0 0 1000px #0000!important}.loading-card-container{z-index:200;-webkit-backdrop-filter:brightness(70%);backdrop-filter:brightness(70%);justify-content:center;align-items:center;width:100vw;height:100vh;display:grid;position:fixed;inset:0}.oddly-quiet{color:var(--text-color);font-size:10.6px;font-family:var(--default-font);margin:5px 0;animation:1s infinite alternate blinkFlow}.loading-card{background:#dbc1ac;border-radius:12px;width:300px;padding:16px;box-shadow:0 2px 8px #00000014}.skeleton{background:linear-gradient(90deg,#38220fe6 25%,#2e1805e6 50%,#38220fe6 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.image{height:160px;margin-bottom:12px}.title{width:70%;height:24px;margin-bottom:10px}.text{width:100%;height:16px;margin-bottom:8px}.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-user-card-2{background:#fff;border:1px solid #ececec;border-radius:16px;align-items:center;gap:14px;width:340px;padding:16px;display:flex}.skeleton-2{background:#e5e7eb;border-radius:999px;position:relative;overflow:hidden}.skeleton-2:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.2s infinite sweep;position:absolute;inset:0;transform:translate(-100%)}.avatar-2{flex-shrink:0;width:56px;height:56px}.content-2{flex:1}.name-2{border-radius:6px;width:120px;height:16px;margin-bottom:10px}.role-2{border-radius:6px;width:80px;height:12px;margin-bottom:12px}.line-2{border-radius:6px;width:100%;height:10px}@keyframes sweep{to{transform:translate(100%)}}.pulse-panel{background:#fff;border:1px solid #eceff3;border-radius:20px;width:360px;padding:18px}.ghost-banner,.ghost-chip,.ghost-heading,.ghost-copy,.ghost-cta{background:#edf1f5;position:relative;overflow:hidden}.ghost-banner:before,.ghost-chip:before,.ghost-heading:before,.ghost-copy:before,.ghost-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);animation:1.4s infinite drift;position:absolute;inset:0;transform:translate(-100%)}.ghost-banner{border-radius:14px;height:140px;margin-bottom:14px}.meta-zone{gap:8px;margin-bottom:14px;display:flex}.ghost-chip{border-radius:999px;width:72px;height:24px}.small-chip{width:48px}.ghost-heading{border-radius:8px;width:78%;height:24px;margin-bottom:14px}.ghost-copy{border-radius:6px;height:12px;margin-bottom:10px}.narrow-copy{width:62%}.action-row{gap:10px;margin-top:18px;display:flex}.ghost-cta{border-radius:10px;width:110px;height:38px}.secondary-cta{width:80px}@keyframes drift{to{transform:translate(100%)}}.stub-card{background:#dbc1ac;border-radius:12px;width:280px;padding:16px}.stub-title,.stub-line{background:#38220fe6;border-radius:4px;animation:1.2s ease-in-out infinite fadePulse}.stub-title{width:55%;height:18px;margin-bottom:12px}.stub-line{height:10px;margin-bottom:8px}.stub-short{width:70%}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}.veil-box{width:220px}.veil-head,.veil-tail{background:#ececec;background:var(--text-color);border-radius:999px;animation:1s infinite alternate blinkFlow}.veil-head{width:90px;height:12px;margin-bottom:8px}.veil-tail{width:160px;height:8px}@keyframes blinkFlow{0%{opacity:.4}to{opacity:.9}}.echo-card{background:#dbc1ac;border:1px solid #f1f1f1;border-radius:14px;width:280px;padding:14px}.echo-banner,.echo-heading,.echo-text{background:linear-gradient(90deg,#38220fe6 25%,#2e1805e6 50%,#38220fe6 75%) 0 0/200% 100%;animation:1.4s infinite slideGlow}.echo-banner{border-radius:10px;height:120px;margin-bottom:14px}.echo-heading{border-radius:6px;width:65%;height:16px;margin-bottom:10px}.echo-text{border-radius:6px;height:10px;margin-bottom:8px}.echo-trim{width:75%}@keyframes slideGlow{0%{background-position:200% 0}to{background-position:-200% 0}}.alert-card-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d}.alert-card{max-width:400px;margin:0 10px}.alert-text-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:400;display:flex}.alert-attention-text{color:brown;font-size:18px;font-weight:600}.alert-thank-txt{font-size:16px}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--inter:"Inter", sans-serif;--system-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--default-font:sans-serif;--mantine-color-dark-0:#c9c9c9;--mantine-color-dark-1:#b8b8b8;--mantine-color-dark-2:#828282;--mantine-color-dark-3:#696969;--mantine-color-dark-4:#424242;--mantine-color-dark-5:#3b3b3b;--mantine-color-dark-6:#2e2e2e;--mantine-color-dark-7:#242424;--mantine-color-dark-8:#1f1f1f;--mantine-color-dark-9:#141414;--mantine-color-gray-0:#f8f9fa;--mantine-color-gray-1:#f1f3f5;--mantine-color-gray-2:#e9ecef;--mantine-color-gray-3:#dee2e6;--mantine-color-gray-4:#ced4da;--mantine-color-gray-5:#adb5bd;--mantine-color-gray-6:#868e96;--mantine-color-gray-7:#495057;--mantine-color-gray-8:#343a40;--mantine-color-gray-9:#212529;--header-color:var(--mantine-color-dark-7);--bg-color:var(--mantine-color-dark-8);--primary-color:var(--mantine-color-dark-6);--primary-color-dull:var(--mantine-color-dark-5);--primary-color-dark:var(--mantine-color-dark-7);--secondary-color:var(--mantine-color-dark-7);--card-color:var(--primary-color);--text-color:#f9f7f4;--text-color-dull:#f9f7f4b3;--btn-bg-color:var(--mantine-color-dark-5);--btn-border-color:var(--border-color);--btn-hover-color:var(--mantine-color-dark-5);--box-shadow-color:var(--mantine-color-dark-8);--editor-bg-color:var(--secondary-color);--editor-text-color:var(--text-color);--border-color:#e5e4e733;--border-color-dull:var(--mantine-color-dark-5);--hr-color:#ece0d1;font-family:var(--default-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background-color:var(--bg-color);margin:0}.__container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.primary-btn{border:1px solid var(--btn-border-color);color:var(--text-color);border-radius:2px;justify-content:center;align-items:center;padding:12px 20px;transition:transform .5s,background-color .5s;display:flex}.primary-btn:hover{cursor:pointer;background-color:var(--btn-hover-color)}.primary-text-btn{color:var(--text-color);justify-content:center;align-items:center;font-size:18px;transition:color .4s;display:flex}.primary-text-btn:hover{cursor:pointer;color:var(--text-color)}.dark-btn{color:#ece0d1cc;background-color:#1f130acc;border:1px solid #38220fcc;font-size:1rem;transition:transform .5s,background-color .5s;box-shadow:0 2px 4px #38220f4d}.dark-btn:hover{cursor:pointer;background-color:#1a0e05cc}.bi{color:var(--text-color);border-radius:2px;padding:5px;transition:background-color .4s}.bi:hover{cursor:pointer;background-color:var(--btn-hover-color)}
