.header{color:#fff;background:rgba(0,0,0,.8);padding:.75em 4vw;position:sticky;top:0;z-index:1;flex-wrap:wrap;justify-content:space-between}.header,.header__user{display:flex;align-items:center}.header__user{padding-right:1em}.header__user img{max-width:2.5em;border-radius:5px;margin:auto 1em auto 0}.header__user h2{font-size:1.25em}.header__user p{margin:0;opacity:.5;font-size:.85em}.header__btns{flex-shrink:0;margin-left:auto}.header__btns a,button{font:inherit;border:0;outline:0;cursor:pointer;background:transparent;-webkit-appearance:none;-webkit-border-radius:0}.header__btns a{display:inline-block;vertical-align:middle;text-decoration:none}.header__btns a,button{color:#333;border-radius:5px;padding:.45em .7em;background:#eee;transition:background .1s ease}.header__btns a.btn--sq,button.btn--sq{width:2em;height:2em;padding:0}.header__btns a.btn--sq:hover,button.btn--sq:hover{background:#ddd}.header__btns a img,button img{width:1.25em;height:1.25em}#app{display:flex;flex-direction:column;min-height:100vh}.home{padding:2em 5%;flex:auto;background:rgba(0,0,0,.8);color:#fff}.home,.planner__list__item[data-v-b2d629e4]{display:flex;align-items:center;justify-content:center}.planner__list__item[data-v-b2d629e4]{justify-content:space-between;margin-top:1.25em;border-radius:5px;position:relative}.planner__list__item__edit[data-v-b2d629e4]{width:100%;background:#fff;border-radius:inherit;text-align:left;border:1px solid #ddd;border-left-width:20px;border-left-color:inherit;padding:1.25em 4.25em 1.25em 1.25em;box-shadow:3px 3px 3px 0 rgba(0,0,0,.03);transition:box-shadow .2s ease}.planner__list__item__edit[data-v-b2d629e4]:hover{box-shadow:3px 3px 3px 0 rgba(0,0,0,.1)}.planner__list__item__edit>span[data-v-b2d629e4]{opacity:.3;font-size:.8em;white-space:nowrap}.planner__list__item__delete[data-v-b2d629e4]{position:absolute;top:0;right:1em;bottom:0;margin:auto 0}.item__entries__list,.planner ul{list-style:none;padding:0;margin:0}.log ol li button{font:inherit;border:0;outline:0;cursor:pointer;background:transparent;-webkit-appearance:none;-webkit-border-radius:0}.item,.item__box__home{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.item__box__home__header__form,.item__entries__header,.item__entries__list__item,.planner__header{display:flex;align-items:center;justify-content:center}.entry__main,.item__box__home__main{overflow:hidden;overflow-y:auto;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),transparent) 0 100%;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.fadeup-enter-active,.fadeup-leave-active{transition:opacity .2s,transform .2s}.fadeup-enter,.fadeup-leave-to{opacity:0;transform:translateY(10px)}.scale-enter-active,.scale-leave-active{transition:opacity .2s,transform .2s}.scale-enter,.scale-leave-to{opacity:0;transform:scale(.97)}.main{padding:4vw;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}form{margin:0}label{display:block;margin:0 0 .25em}input:not([type=color]),textarea{padding:.5rem .7rem}input,select,textarea{border-radius:5px;width:100%;font:inherit;color:inherit;margin-bottom:1.5rem;background:transparent;border:1px solid #ddd}textarea{resize:none}select{width:9em;padding:.15em .3em;border-color:#555}input[name=name]{font-size:1.75em;font-weight:700}input[type=date]{width:10em}input[type=color]{width:3em;height:3em;padding:0;z-index:0;overflow:hidden;border-radius:50%;flex-shrink:0}fieldset{display:flex}fieldset>div{display:flex;align-items:center}fieldset label{padding:0;margin:0 1.25em 0 .5em}fieldset input[type=radio]{margin:0}::-moz-color-swatch,::-webkit-color-swatch{border:none}.planner{width:100%}.planner__header{justify-content:space-between;flex-wrap:wrap;padding-bottom:.5em}.planner__header h1{line-height:1;margin-bottom:.25em}.planner__title{font-size:1.25em;margin:1.5em 0 0}.planner__item__btns{flex-shrink:0}@media screen and (min-width:900px){.planner{flex:auto;width:auto;margin-right:2em}}.item__footer{position:sticky;bottom:0;background:#fff;padding:1em 1.5em}.item{position:fixed;z-index:1;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,39.2%,.75)}.item__box{width:90vw;height:90vh;max-width:600px;max-height:500px;position:relative;background:#fff;overflow:hidden;border-radius:12px}.item__box__home{display:flex;flex-direction:column;justify-content:space-between}.item__box__home__header{position:sticky;top:0}.item__box__home__header__form{justify-content:space-between;padding:.65em 1.5em;background:#222;color:#fff}.item__box__home__header__form__name{width:100%;padding-right:1em}.item__box__home__header__form input{margin:0;padding-left:0;background:transparent;border-color:hsla(0,0%,100%,0)}.item__box__home__header__form input:hover{border-color:hsla(0,0%,100%,.3)}.item__box__home__main{margin-bottom:auto;padding:1.25em 1.5em 0}.item__box__home__main select{width:100%;padding:.35em;background:transparent;border:1px solid #ddd;box-shadow:3px 3px 3px 0 rgba(0,0,0,.03)}.item__btns{display:flex;justify-content:flex-end}.item__btns button{margin-left:.5em}.item__entries{margin-top:1em}.item__entries__header{flex-wrap:wrap;justify-content:space-between}.item__entries__header h3{font-size:1.25em}.item__entries__list{margin-bottom:1.5em}.item__entries__list__item{justify-content:space-between;margin-top:1.25em;border-radius:5px;position:relative}.item__entries__list__item__edit{width:100%;background:transparent;border-radius:inherit;text-align:left;border:1px solid #ddd;padding:1.25em 4.25em 1.25em 1.25em;box-shadow:3px 3px 3px 0 rgba(0,0,0,.03);transition:box-shadow .2s ease}.item__entries__list__item__edit:hover{box-shadow:3px 3px 3px 0 rgba(0,0,0,.1)}.item__entries__list__item__edit>span{opacity:.3;font-size:.8em;white-space:nowrap}.item__entries__list__item__edit>p{margin:.25em 0 0}.item__entries__list__item__delete{position:absolute;top:0;right:1em;bottom:0;margin:auto 0}.entry{position:absolute;top:12px;right:12px;left:12px;bottom:12px;background:#fff;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1em rgba(0,0,0,.2)}.entry__main{padding:1.5em}.entry__main__form__notes{width:100%}.entry__main__form__dates{display:flex;flex-wrap:wrap}.entry__btns{display:flex;justify-content:flex-end}.entry__btns button{margin-left:.5em}.log{width:100%;margin-top:2em;background:linear-gradient(#f3f3f3,#ddd);border-radius:5px;padding:1.5em}.log ol{margin:1em 0 0;padding:0;list-style:none;display:flex;flex-direction:column}.log ol:hover button{opacity:.5}.log ol li{margin:.15em 0;pointer-events:none}.log ol li:not(:first-child) button{border-top:1px solid #ddd}.log ol li button{pointer-events:auto;padding:.45em 0 .25em;transition:opacity .2s ease}.log ol li button:hover{opacity:1}.log ol li span{opacity:.8;font-size:.75em}@media screen and (min-width:900px){.sidebar{position:sticky;top:94px}.log{width:24em;min-height:15em;margin-top:1.15em}}*{box-sizing:border-box}body{color:#333;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:400 1em/1.2 Nunito,sans-serif}body,h1,h2,h3,h4,h5,h6{margin:0}#app{padding:0}h1{font:600 3.5em/1.2 Caveat,sans-serif}