*{margin:0;padding:0;text-decoration:none;border:none;outline:none;box-sizing:border-box}html,body{height:100%}#app{height:auto;min-height:100vh;overflow:visible;font-size:1em}#app .hidden{visibility:hidden}#app button{margin:4px;padding:4px 8px;font-size:1em;background-color:#dedede;border-radius:3px;user-select:none}#app button:hover{cursor:pointer;background-color:#cfcfcf}#app input{font-size:1em;padding:2px 4px}#app a:hover{text-decoration:underline}#app .icon{font-size:1.1em;padding:2px 6px;font-weight:bold}#app .cards .add-card,icon{width:1.5em;height:1.5em;font-size:1.5em;padding:0}#app .bar{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;align-content:center;padding:1em}#app .bar>#toggle-edit{display:flex;flex-flow:row nowrap;margin:4px;padding:4px 12px;font-size:1em;border-radius:3px;user-select:none}#app .bar>#toggle-edit>label>span{padding-right:8px}#app .bar>#toggle-edit>label:hover,.bar>#toggle-edit input:hover{cursor:pointer}#app>header{height:200px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#app .greeting>p{margin-top:8px;font-size:1.1em}#app .greeting .editable-name:hover{cursor:pointer}.cards{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;align-content:flex-start}.cards>.card{padding:1em;margin:1em;min-width:16em;border-radius:8px}.cards>.card>.card-name{margin-bottom:1em}.cards .card-link{display:flex;flex-flow:row nowrap;align-content:space-between;justify-content:space-between;margin-bottom:4px}.cards>.buttons{margin:3em 1em}.edit-screen{position:fixed;padding:0;margin:0;display:flex;flex-flow:column nowrap;align-items:center;align-content:center;justify-content:center;top:0;left:0;width:100%;height:100%;background:rgba(16,16,16,.5)}.edit-screen>.edit-form{min-width:20em;padding:1.5em;border-radius:8px}.edit-screen>.edit-form input{margin-left:1em;margin-bottom:8px}#app.dark{background-color:#0a0e14;color:#b3b1ad}#app.dark a{color:#83a598}#app.dark button,#app.dark #toggle-edit{color:#0a0e14;background-color:#f2e5bc}#app.dark input{background-color:#f2e5bc;color:#0a0e14}#app.dark .greeting .editable-name{color:#f2e5bc;text-decoration:dotted underline #ff8f40 3px}#app.dark .cards>.card{border:solid 2px #d5c4a1}#app.dark .edit-screen>.edit-form{border:solid 2px #d5c4a1;box-shadow:1px 1px 12px 4px #282828;background-color:#0a0e14}#app.white{background-color:#fafafa;color:#151a1e}#app.white a{color:#86b300}#app.white button,#app.white #toggle-edit{color:#fafafa;background-color:#14191f}#app.white input{background-color:#14191f;color:#fafafa}#app.white .greeting .editable-name{color:#14191f;text-decoration:dotted underline #f73 3px}#app.white .cards>.card{border:solid 2px #828c99}#app.white .edit-screen>.edit-form{border:solid 2px #151a1e;background-color:#fafafa}