*{box-sizing:border-box}h1,h2,h3,h4{margin:0;padding:0}input:focus,textarea:focus,select:focus{outline:none}html,body{padding:0;margin:0;width:100%;min-height:100%;font-family:DM Sans,sans-serif}body{padding-top:env(safe-area-inset-top);background-image:linear-gradient(155deg,#fffcf0,#fefaeb,#fef8e7,#fdf7e2,#fdf3d9 44%,#fcf1d4 56%,#fcefcf,#fcedca,#fceac5,#fce9c0);background-repeat:no-repeat;background-size:cover}h3{font-size:1.4rem;font-weight:700}#app{max-width:100vw;overflow:hidden}.arrow{display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #000;vertical-align:middle;margin:0 5px}.container{max-width:800px;padding:30px;margin:0 auto}.main-slot{padding:30px 0;border-top:1px solid rgba(0,0,0,.1)}.top-nav{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:0;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:20px}.hamburger-btn,.share-btn{width:36px;height:36px;padding:6px;font-size:0;text-align:center}.menu ul{list-style-type:none;margin:2px 0 0;padding:0}.menu ul li{display:inline-block;vertical-align:center;margin:0 0 0 30px;padding:0}.menu ul li img,.menu ul li svg{display:block}.list-header{padding:10px 0;border-top:1px solid rgba(213,110,30,.15);border-bottom:1px solid rgba(255,255,255,.5);display:flex;justify-content:space-between;align-items:center}.select{padding:5px}.line-input{border-top:1px solid rgba(213,110,30,.15)}.line-list{padding:20px 0}.list-area{width:100%;height:100%;min-height:80px;background:#fff9;padding:10px}.line-item{position:relative;margin:5px 0}.item-content{position:relative;padding-left:30px}.item-content strong{display:block;transition:none}.status-dot{width:16px;height:16px;position:absolute;top:4px;left:0;border-radius:8px;border:1px solid rgba(0,0,0,.5)}.select-wrapper,.list-select{position:relative;z-index:10}.select-wrapper:hover .filter-select,.list-select:hover .category-select{opacity:1;pointer-events:all}.filter-select,.category-select{opacity:0;transition:all .3s ease-in-out;pointer-events:none;width:200px;position:absolute;top:20px;left:0;padding:10px 15px;font-weight:700;background:#fffcf5;box-shadow:3px 3px 5px #0000001a;border-radius:5px}.category-select ul{list-style-type:none;padding:0;margin:0}.category-select li{margin:5px 0}.list-overview{list-style-type:none;padding:0}.list-overview li{margin-bottom:10px}.list-overview a{display:flex;justify-content:space-between;align-items:center;line-height:1.3;padding:15px;font-size:1.2rem;border-radius:5px;background:#ffffffb3;margin-bottom:10px;color:#000;text-decoration:none;font-weight:700}.list-overview li:last-child a{box-shadow:inset 0 0 15px #ffffff80;background:#ffffff80;border:1px solid rgba(255,255,255,.7)}.list-overview small{color:#000000b3}