*{box-sizing:border-box}body{color:#111;background:#0f1115;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}.phone{min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.lock-screen{color:#fff;background-color:#0000;background-image:linear-gradient(#0000002e,#0000008c),url(https://images.unsplash.com/photo-1578637387939-43c525550085?auto=format&fit=crop&w=900&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;max-width:430px;padding:18px;animation:.6s fadeIn}.lock-content{text-align:left;text-shadow:0 3px 22px #0000008c;margin-top:48vh;padding:0 8px;animation:.9s floatUp}.lock-content .date{letter-spacing:.22em;opacity:.9;margin-bottom:12px;font-size:13px}.lock-content h1{letter-spacing:.03em;margin:0;font-size:34px}.lock-content h2{margin:8px 0;font-size:24px;font-weight:800}.lock-content p{opacity:.88}.classic-slider{-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#000000b8,#000000e0);border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:calc(100% - 42px);max-width:340px;height:64px;display:flex;position:absolute;bottom:42px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px 2px #ffffff40,0 14px 30px #00000059}.classic-slider span{color:#ffffff8c;letter-spacing:.08em;text-shadow:0 1px 2px #000;font-size:20px;font-weight:700}.slider-knob{z-index:2;color:#555;cursor:grab;background:linear-gradient(#fff,#cfcfcf);border-radius:14px;place-items:center;width:52px;height:52px;font-size:30px;display:grid;position:absolute;top:6px;left:6px;box-shadow:inset 0 1px #fff,0 4px 10px #00000073}.slider-knob:active{cursor:grabbing}.home-screen{background:linear-gradient(#fff6,#ffffff0d),radial-gradient(circle at 0 0,#fff1a6,#0000 32%),radial-gradient(circle at 100% 100%,#8eb575,#0000 35%),#f7f1df;max-width:430px;padding:18px;animation:.45s unlock}.hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff94;border:1px solid #fffc;border-radius:32px;margin-top:16px;padding:24px;box-shadow:0 16px 40px #2d37231f}.hero p{letter-spacing:.18em;color:#728357;margin:0 0 8px;font-size:12px;font-weight:800}.hero h1{margin:0;font-size:34px}.hero span{color:#55624a;margin-top:10px;display:inline-block}.app-grid{grid-template-columns:repeat(3,1fr);gap:18px 12px;margin-top:24px;display:grid}.app-icon{color:#1d2419;background:0 0;border:0;justify-items:center;gap:7px;font-weight:700;animation:.55s both iconFlyIn;display:grid}.app-icon:first-child{animation-delay:30ms}.app-icon:nth-child(2){animation-delay:60ms}.app-icon:nth-child(3){animation-delay:90ms}.app-icon:nth-child(4){animation-delay:.12s}.app-icon:nth-child(5){animation-delay:.15s}.app-icon:nth-child(6){animation-delay:.18s}.app-icon div{background:#ffffffbf;border-radius:22px;place-items:center;width:68px;height:68px;font-size:30px;transition:all .18s;display:grid;box-shadow:inset 0 1px #ffffffe6,0 12px 25px #232d1921}.app-icon:active div{transform:scale(.92)}.app-page{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffd1;border-radius:32px 32px 0 0;min-height:calc(100vh - 70px);margin-top:18px;padding:20px;animation:.32s slideUp;box-shadow:0 -10px 40px #232d191f}.back{color:#4f653b;background:0 0;border:0;margin-bottom:12px;font-size:15px;font-weight:800}section h2{margin:10px 0 18px;font-size:26px}.card,.day-card,.car-card,.form-card{background:#ffffffc7;border:1px solid #d2c8afcc;border-radius:22px;margin-bottom:12px;padding:16px;box-shadow:0 10px 24px #282d1e12}.day-card h3,.car-card h3{margin-top:0}.day-card p,.car-card p{margin:9px 0;line-height:1.55}.big{font-size:22px;font-weight:900}.note{color:#666;font-size:14px;line-height:1.7}.packing-list{gap:10px;display:grid}.packing-item{background:#ffffffb8;border:1px solid #d2c8afbf;border-radius:18px;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;padding:10px;display:grid}.check{color:#fff;background:#fff;border:2px solid #8aa36f;border-radius:50%;width:28px;height:28px;font-weight:900}.check.checked{background:#5f7c45;border-color:#5f7c45}.done{color:#888;text-decoration:line-through}.packing-item button:not(.check),.add-row button{color:#405f36;background:#eef1e8;border:0;border-radius:999px;padding:7px 10px;font-weight:800}.add-row{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.add-row input,.form-card input,.form-card textarea,.password{background:#ffffffe6;border:1px solid #d7cbb4;border-radius:18px;width:100%;padding:14px;font-size:16px}.form-card{gap:10px;display:grid}.form-card textarea{resize:vertical;min-height:90px}.main-button{color:#fff;background:#405f36;border:0;border-radius:18px;width:100%;padding:14px;font-size:16px;font-weight:900}.settings-list{background:#ffffffdb;border:1px solid #d2c8afbf;border-radius:22px;overflow:hidden}.settings-row{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;font-weight:700;display:flex}.settings-row:last-child{border-bottom:0}.settings-row b{color:#999;font-size:26px}.switch{width:52px;height:30px;position:relative}.switch input{display:none}.switch i{background:#c9c9c9;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #00000040}.switch input:checked+i{background:#34c759}.switch input:checked+i:after{transform:translate(22px)}@media (width>=900px){body{background-color:#0000;background-image:linear-gradient(#0f1115b8,#0f1115db),url(https://images.unsplash.com/photo-1578637387939-43c525550085?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.phone{max-width:1120px;padding:36px}.lock-screen{border-radius:36px;max-width:1120px;min-height:720px;margin-top:28px;box-shadow:0 30px 80px #00000059}.home-screen{border-radius:36px;grid-template-columns:380px 1fr;align-items:start;gap:28px;max-width:1120px;min-height:720px;margin-top:28px;display:grid;box-shadow:0 30px 80px #00000047}.hero{flex-direction:column;justify-content:flex-end;min-height:620px;margin-top:0;display:flex}.app-grid{grid-template-columns:repeat(3,minmax(130px,1fr));align-content:start;margin-top:0;padding-top:12px}.app-icon div{border-radius:28px;width:92px;height:92px;font-size:38px}.app-page{border-radius:32px;grid-column:1/-1;min-height:620px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes unlock{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFlyIn{0%{opacity:0;filter:blur(8px);transform:scale(.35)translateY(90px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}