@import"https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@700&display=swap";*{margin:0;padding:0;outline:none;font-family:sans-serif}html,body{height:100%}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.phone{box-shadow:16px 16px 32px #000c;background-color:#000;padding:24px 23px 16px;border-radius:67px;display:flex;flex-direction:column;position:relative;border:2px solid #23272B;outline:2px solid #000;transition:transform .3s cubic-bezier(.18,.89,.32,1.5),box-shadow .12s ease-out}@media (hover: hover){.phone:hover{box-shadow:16px 16px 32px #000000e5;transform:scale(1.01)}}.phone:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/light.png);background-position:top right;background-repeat:no-repeat;background-size:59%;z-index:1;border-top-right-radius:67px}.phone>*{z-index:2}.phone .hardware-btn{position:absolute;z-index:5;border:none;background:none}.phone .power{top:-18px;right:75px;width:93px;height:20px;cursor:pointer}.phone .power:active:after{top:3px!important;height:3px!important}.phone .power:after{content:"";position:relative;display:block;width:73px;height:5px;left:10px;top:2px;border-top-left-radius:2px;border-top-right-radius:2px;background:linear-gradient(to right,#4E525A 0%,#151922 47.74%,#4E525A 100%)}.phone .ringer{top:123px;left:-9px;width:5px;height:43px;border-top-left-radius:2px;border-bottom-left-radius:2px;position:absolute;background:linear-gradient(180deg,#4E525A 0%,#151922 47.74%,#4E525A 100%)}.phone .volume{top:196px;left:-16px;width:20px;height:55px;cursor:pointer}.phone .volume:active:after{left:9px!important;width:3px!important}.phone .volume:after{content:"";position:relative;display:block;top:5px;left:7px;width:5px;height:33px;border-top-left-radius:2px;border-bottom-left-radius:2px;background:linear-gradient(180deg,#4E525A 0%,#151922 47.74%,#4E525A 100%)}.phone .volume.down{top:257px}.home-button{border:none;width:88px;height:88px;margin:0 auto 16px;background:linear-gradient(177deg,#000 60%,#4C4F52);display:flex;justify-content:center;align-items:center;outline:1px solid rgba(256 256 256 / 20%);border-radius:50%;transition:.12s ease-out;cursor:pointer}.home-button:hover{filter:brightness(130%)}.home-button:active{filter:brightness(120%);transform:scale(.95)}.home-button .square{width:33px;height:33px;border-radius:8px;border:2px solid #3E4040}.phone .camera{width:15px;height:15px;margin:22px auto 15px;border-radius:50%;background:linear-gradient(180deg,#101215 0%,#2D2F32 100%)}.phone .speaker{width:67px;height:15px;border-radius:20px;background:linear-gradient(180deg,#161616 0%,#2a2a2a 100%);margin:auto auto 38px}main{width:375px;height:600px;background:linear-gradient(180deg,#FDFCD3 0%,#FCF898 49.2%,#FCF9BF 100%);margin:auto auto 16px;display:flex;flex-direction:column;position:relative;overflow-y:scroll;border-radius:4px}.header-wrapper{position:fixed;width:375px;z-index:3;border-top-left-radius:4px;border-top-right-radius:4px}header{width:calc(100% - 20px);background:linear-gradient(180deg,#906557 0%,#3B2923 100%);height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;position:relative;min-height:61px;border-top-left-radius:4px;border-top-right-radius:4px;z-index:2}header:not(.show-rip){box-shadow:0 4px 4px #0006}header:after{position:absolute;top:0;left:0;content:"";background-image:url(/blur.png);width:100%;height:100%;z-index:2;pointer-events:none}header.show-rip:before{content:"";position:absolute;top:100%;height:6.65px;width:100%;left:0;background:url(/rip.png) bottom;background-size:100%;background-repeat:no-repeat}header .spacer{width:40px}header button{width:40px;height:40px;background:linear-gradient(180deg,#836157 0%,#3C2B25 100%);box-shadow:0 2px 2px #ffffff24 inset,0 -2px 2px #523931 inset;border:1px solid #432f29;border-radius:6px;position:relative;cursor:pointer;transition:.12s ease-out;color:#fff;font-sie:16px}header button img{width:20px;position:relative;top:2px}header button.bigger-plus{width:84px}header button:hover:disabled{filter:none;cursor:default}header button.back-notes{padding:10px;font-size:16px;width:auto;font-weight:700;display:flex;align-items:center;gap:6px}header button.back-notes img{height:15px;width:8px;position:relative;top:0}header button:hover{filter:brightness(120%)}header button:active{filter:brightness(110%);transform:scale(.98);box-shadow:0 2px 2px #523931 inset,0 -2px 2px #ffffff24 inset}header h3{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.notes{padding-top:61px}.note-list{padding:10px 20px 10px 10px;border-bottom:1px solid #dfdfa1;cursor:pointer;color:#936f49;display:flex;justify-content:space-between;align-items:center;transition:.12s ease-out}.note-list:hover{background:rgba(256 256 256 / 30%)}.note-title{display:inline-block;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:240px;font-family:Fuzzy Bubbles,cursive;font-weight:700}.note-list .note-right{display:flex;gap:10px;align-items:center}.note-list .note-right .note-date{color:#9b9f73;font-size:14px}.note-list .note-right .chevron{transform:rotate(135deg)}.note-list .note-right .chevron .top{width:10px;height:2px;background:#717548}.note-list .note-right .chevron .side{width:2px;height:8px;background:#717548}.note{position:relative;padding-top:61px}.note:after{position:absolute;top:0;left:0;content:"";background-image:url(/blur.png);width:100%;height:100%;z-index:2;pointer-events:none;opacity:.5}.note .input-wrapper{position:fixed;z-index:7}.note input{position:absolute;top:0;background:none;border:none;color:#fff;left:100px;top:-40px;font-size:20px;font-weight:700;width:216px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;z-index:6}.note textarea{width:375px;height:534px;font-family:Fuzzy Bubbles,cursive;background:transparent;border:none;padding-left:38px;padding-right:10px;box-sizing:border-box;background-image:linear-gradient(to bottom,#B4BBA2 1px,transparent 1px);background-size:100% 30px;font-size:20px;line-height:151%;padding-top:7px;resize:none}.note textarea::-webkit-scrollbar{width:12px}.note textarea::-webkit-scrollbar-track{background:transparent}.note textarea::-webkit-scrollbar-thumb{background:#836157;border-radius:8px;cursor:pointer}.note textarea::-webkit-scrollbar-thumb:hover{background:#432f29}.note .double-line{position:absolute;left:28px;top:0;width:1px;height:100%;box-sizing:border-box;background:linear-gradient(180deg,#B09178 0%,#976F52 100%)}.note .double-line.second{position:absolute;left:31px;top:0;width:1px;height:100%;box-sizing:border-box;background:linear-gradient(180deg,#B09178 0%,#976F52 100%)}@media (max-width: 600px){#root{transform:scale(.9)}}@media (max-width: 450px){#root{transform:scale(.8)}}@media (max-height: 750px){#root{transform:scale(.7)}}